diff --git a/docs/ui/base/colors.mdx b/docs/ui/base/colors.mdx index 811ad9ad7..02b3667b1 100644 --- a/docs/ui/base/colors.mdx +++ b/docs/ui/base/colors.mdx @@ -79,5 +79,5 @@ Use the colors of popular social networks to create a recognizable design and ma { name: "rss", value: "#ffa500" }, { name: "flickr", value: "#0063dc" }, { name: "bitbucket", value: "#0052cc" }, - { name: "tabler", value: "#066fd1" } + { name: "tabler", value: "#2563EB" } ]} /> diff --git a/docs/ui/forms/form-color-check.mdx b/docs/ui/forms/form-color-check.mdx index 30bc78b79..c77d08fff 100644 --- a/docs/ui/forms/form-color-check.mdx +++ b/docs/ui/forms/form-color-check.mdx @@ -190,7 +190,7 @@ If you need to select only one color, you can use the radio input type: Add an color picker to your form to let users customise it according to their preferences. ```html - + ``` There is also an example of a color picker input: @@ -198,7 +198,7 @@ There is also an example of a color picker input: ```html example centered
- +
``` diff --git a/docs/ui/layout/navbars.mdx b/docs/ui/layout/navbars.mdx index 95ccf34ab..57994d7c4 100644 --- a/docs/ui/layout/navbars.mdx +++ b/docs/ui/layout/navbars.mdx @@ -31,7 +31,7 @@ The navbar can contain links, buttons, and other elements. You can customize the
- + diff --git a/eleventy.config.mjs b/eleventy.config.mjs index d1b5fe24e..1740b8070 100644 --- a/eleventy.config.mjs +++ b/eleventy.config.mjs @@ -44,7 +44,7 @@ export default function (eleventyConfig) { eleventyConfig.addGlobalData("site", { title: "Tabler", description: "Premium and Open Source dashboard template with responsive and high quality UI.", - themeColor: "#066fd1", + themeColor: "#2563EB", email: "support@tabler.io", homepage: "https://tabler.io", diff --git a/src/pages/_data/colors.json b/src/pages/_data/colors.json index 1efee367c..ee8bb0012 100644 --- a/src/pages/_data/colors.json +++ b/src/pages/_data/colors.json @@ -212,7 +212,7 @@ }, { "name": "tabler", - "value": "#066fd1" + "value": "#2563EB" } ] } diff --git a/src/pages/_includes/layout/navbar-logo.html b/src/pages/_includes/layout/navbar-logo.html index dcc9efa76..2000c891e 100644 --- a/src/pages/_includes/layout/navbar-logo.html +++ b/src/pages/_includes/layout/navbar-logo.html @@ -12,11 +12,11 @@ {% unless include.hide-logo %} {% if include.small-logo %} - + {% else %} - + diff --git a/src/pages/_includes/ui/colorpicker.html b/src/pages/_includes/ui/colorpicker.html index 210436e3e..cbb8b7b81 100644 --- a/src/pages/_includes/ui/colorpicker.html +++ b/src/pages/_includes/ui/colorpicker.html @@ -19,6 +19,7 @@ {% if format %}format: "{{ format }}",{% endif %} {% if include['swatches-only'] %}swatchesOnly: true,{% endif %} swatches: [ + "#2563EB", "#066fd1", "#45aaf2", "#6574cd", diff --git a/src/scss/_variables.scss b/src/scss/_variables.scss index c9e5cd629..f46cca2eb 100644 --- a/src/scss/_variables.scss +++ b/src/scss/_variables.scss @@ -221,7 +221,7 @@ $hover-bg: rgba(var(--#{$prefix}secondary-rgb), 0.08) !default; $disabled-bg: var(--#{$prefix}bg-surface-secondary) !default; $disabled-color: var(--#{$prefix}gray-300) !default; -$primary: $blue !default; +$primary: #2563EB !default; $secondary: $text-secondary !default; $success: $green !default; $info: $azure !default; @@ -273,7 +273,7 @@ $social-colors: ( "rss": #ffa500, "flickr": #0063dc, "bitbucket": #0052cc, - "tabler": #066fd1, + "tabler": #2563EB, ) !default; $gray-colors: ( diff --git a/src/static/logo-small.svg b/src/static/logo-small.svg index 70e5b781b..52d5cbae3 100644 --- a/src/static/logo-small.svg +++ b/src/static/logo-small.svg @@ -1,3 +1,3 @@ - + diff --git a/src/static/logo.svg b/src/static/logo.svg index 3fb5465a3..d40261b58 100644 --- a/src/static/logo.svg +++ b/src/static/logo.svg @@ -1,4 +1,4 @@ - + diff --git a/src/static/sponsor-banner-homepage.svg b/src/static/sponsor-banner-homepage.svg index 990036688..e6be741f3 100644 --- a/src/static/sponsor-banner-homepage.svg +++ b/src/static/sponsor-banner-homepage.svg @@ -273,9 +273,9 @@ - - - + + +