Can we customize the Button colors ,Font Color & Font Family for our sharePoint online modern UI

Question

We have the following default modern UI:-

Where we are trying to get the below UI, which have the following main changes; Button color is different,Button shape is bigger and have rounded edges, Text (including Grid headers, Grid data & Control/Menu text) Font Family is different & Text Font size/color is different , as follow:-

so is this something we can achieve in SharePoint online modern UI? and how?

Answer 1

Hi @john john
You could format the column to change the font family, font size and font color with this code( column settings> format this column) :

 {  
   "$schema": "https://developer.microsoft.com/json-schemas/sp/v2/column-formatting.schema.json",  
 "elmType": "div",  
 "txtContent": "@currentField",  
 "attributes":{  
 "class":"sp-field-customFormatter"  
 },  
 "style": {  
 "font-size": "2.0em",  
 "color": "red",  
 "font-family":"cursive"  
 }  
 }  

As to the color of the buttons, you may go to site settings> change the look, where you could change the style of the site:

---

If the answer is helpful, please click "Accept Answer" and kindly upvote it. If you have extra questions about this answer, please click "Comment".
Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.