Update color values for 'tabler' theme across various files

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" }
 ]} />

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
-<input type="color" class="form-control form-control-color" value="#066fd1" title="Choose your color">
+<input type="color" class="form-control form-control-color" value="#2563EB" title="Choose your color">
 ```
 
 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
 <div class="mb-3">
   <label class="form-label">Color picker</label>
-  <input type="color" class="form-control form-control-color" value="#066fd1" title="Choose your color">
+  <input type="color" class="form-control form-control-color" value="#2563EB" title="Choose your color">
 </div>
 ```
 

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: "[email protected]",
 		homepage: "https://tabler.io",

src/pages/_data/colors.json

@@ -212,7 +212,7 @@
     },
     {
       "name": "tabler",
-      "value": "#066fd1"
+      "value": "#2563EB"
     }
   ]
 }

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",

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: (

src/static/logo-small.svg

@@ -1,3 +1,3 @@
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 68 68">
-  <path d="M64.6 16.2C63 9.9 58.1 5 51.8 3.4 40 1.5 28 1.5 16.2 3.4 9.9 5 5 9.9 3.4 16.2 1.5 28 1.5 40 3.4 51.8 5 58.1 9.9 63 16.2 64.6c11.8 1.9 23.8 1.9 35.6 0C58.1 63 63 58.1 64.6 51.8c1.9-11.8 1.9-23.8 0-35.6zM33.3 36.3c-2.8 4.4-6.6 8.2-11.1 11-1.5.9-3.3.9-4.8.1s-2.4-2.3-2.5-4c0-1.7.9-3.3 2.4-4.1 2.3-1.4 4.4-3.2 6.1-5.3-1.8-2.1-3.8-3.8-6.1-5.3-2.3-1.3-3-4.2-1.7-6.4s4.3-2.9 6.5-1.6c4.5 2.8 8.2 6.5 11.1 10.9 1 1.4 1 3.3.1 4.7zM49.2 46H37.8c-2.1 0-3.8-1-3.8-3s1.7-3 3.8-3h11.4c2.1 0 3.8 1 3.8 3s-1.7 3-3.8 3z" fill="#066fd1"/>
+  <path d="M64.6 16.2C63 9.9 58.1 5 51.8 3.4 40 1.5 28 1.5 16.2 3.4 9.9 5 5 9.9 3.4 16.2 1.5 28 1.5 40 3.4 51.8 5 58.1 9.9 63 16.2 64.6c11.8 1.9 23.8 1.9 35.6 0C58.1 63 63 58.1 64.6 51.8c1.9-11.8 1.9-23.8 0-35.6zM33.3 36.3c-2.8 4.4-6.6 8.2-11.1 11-1.5.9-3.3.9-4.8.1s-2.4-2.3-2.5-4c0-1.7.9-3.3 2.4-4.1 2.3-1.4 4.4-3.2 6.1-5.3-1.8-2.1-3.8-3.8-6.1-5.3-2.3-1.3-3-4.2-1.7-6.4s4.3-2.9 6.5-1.6c4.5 2.8 8.2 6.5 11.1 10.9 1 1.4 1 3.3.1 4.7zM49.2 46H37.8c-2.1 0-3.8-1-3.8-3s1.7-3 3.8-3h11.4c2.1 0 3.8 1 3.8 3s-1.7 3-3.8 3z" fill="#2563EB"/>
 </svg>