Best way to customize #1260
Replies: 2 comments 5 replies
-
|
I've tried altering the Would this be the correct path? |
Beta Was this translation helpful? Give feedback.
-
|
I've come across the same problem/question. I ended creating a new scss file. |
Beta Was this translation helpful? Give feedback.
-
|
Thanks! But, where this file goes in the Tabler directory structure? Can't seem to find a way to override the defaults unless I change the |
Beta Was this translation helpful? Give feedback.
-
|
You can download the |
Beta Was this translation helpful? Give feedback.
-
|
Doesn't it have to be "compiled" Sass since it's a However, it doesn't override the items I put in it. I even changed Nothing seems to work. |
Beta Was this translation helpful? Give feedback.
-
|
It generates If I take example with the demo empty page => https://github.com/tabler/tabler/blob/dev/demo/empty.html It should look like this: <head>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/>
<meta http-equiv="X-UA-Compatible" content="ie=edge"/>
<title>Empty page - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
<!-- CSS files -->
<link href="./dist/css/tabler.min.css" rel="stylesheet"/>
<link href="./dist/css/tabler-flags.min.css" rel="stylesheet"/>
<link href="./dist/css/tabler-payments.min.css" rel="stylesheet"/>
<link href="./dist/css/tabler-vendors.min.css" rel="stylesheet"/>
<link href="./dist/css/demo.min.css" rel="stylesheet"/>
+ <link href="./dist/css/theme.css" rel="stylesheet"/>
<style>
@import url('https://rsms.me/inter/inter.css');
:root {
--tblr-font-sans-serif: Inter, -apple-system, BlinkMacSystemFont, San Francisco, Segoe UI, Roboto, Helvetica Neue, sans-serif;
}
</style>
</head> |
Beta Was this translation helpful? Give feedback.
-
|
I've just updated the file. |
Beta Was this translation helpful? Give feedback.
-
Hi,
What should be the correct way to customize Tabler? I saw somewhere about customizing fonts but my need would be to, mainly, customize colors.
TIA
Beta Was this translation helpful? Give feedback.
All reactions