Mirrors/tabler
1
0
Fork 0
mirror of https://github.com/tabler/tabler.git synced 2025-12-21 17:34:25 +04:00
Code Issues Projects Releases Wiki Activity

Change primary color to new Tabler brand (#1599)

Browse Source
This commit is contained in:
Paweł Kuna
2023-05-25 21:18:23 +02:00
committed by GitHub
parent 47cd6c135a
commit b3812738df
17 changed files with 26 additions and 164 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
.changeset/olive-cars-admire.md Normal file
View File

@@ -0,0 +1,5 @@
---
"@tabler/core": minor
---
Change primary color value to new Tabler branding

2
_config.yml
View File

@@ -74,7 +74,7 @@ defaults:
colors:
blue:
class: blue
hex: '#206bc4'
hex: '#0054a6'
title: Blue
azure:
class: azure

4
docs/config.json
View File

@@ -23,7 +23,7 @@
{
"name": "blue",
"variable": "var(--tblr-blue)",
"value": "#206bc4"
"value": "#0054a6"
},
{
"name": "azure",
@@ -232,7 +232,7 @@
},
{
"name": "tabler",
"value": "#206bc4"
"value": "#0054a6"
}
]
},

2
docs/forms/form-color-check.mdx
View File

@@ -173,7 +173,7 @@ Add an color picker to your form to let users customise it according to their pr
```html example code centered
<div class="mb-3">
<label class="form-label">Color picker</label>
<input type="color" class="form-control form-control-color" value="#206bc4" title="Choose your color">
<input type="color" class="form-control form-control-color" value="#0054a6" title="Choose your color">
</div>
```

145
src/pages/_data/colors.yml
View File

@@ -1,146 +1,3 @@
#blue: '#206bc4'
#blue-100: '#d2e1f3'
#blue-200: '#a6c4e7'
#blue-300: '#79a6dc'
#blue-400: '#4d89d0'
#blue-500: '#206bc4'
#blue-600: '#1a569d'
#blue-700: '#134076'
#blue-800: '#0d2b4e'
#blue-900: '#061527'
#
#azure: '#45aaf2'
#azure-100: '#daeefc'
#azure-200: '#b5ddfa'
#azure-300: '#8fccf7'
#azure-400: '#6abbf5'
#azure-500: '#45aaf2'
#azure-600: '#3788c2'
#azure-700: '#296691'
#azure-800: '#1c4461'
#azure-900: '#0e2230'
#
#indigo: '#6574cd'
#indigo-100: '#e0e3f5'
#indigo-200: '#c1c7eb'
#indigo-300: '#a3ace1'
#indigo-400: '#8490d7'
#indigo-500: '#6574cd'
#indigo-600: '#515da4'
#indigo-700: '#3d467b'
#indigo-800: '#282e52'
#indigo-900: '#141729'
#
#purple: '#a55eea'
#purple-100: '#eddffb'
#purple-200: '#dbbff7'
#purple-300: '#c99ef2'
#purple-400: '#b77eee'
#purple-500: '#a55eea'
#purple-600: '#844bbb'
#purple-700: '#63388c'
#purple-800: '#42265e'
#purple-900: '#21132f'
#
#pink: '#f66d9b'
#pink-100: '#fde2eb'
#pink-200: '#fbc5d7'
#pink-300: '#faa7c3'
#pink-400: '#f88aaf'
#pink-500: '#f66d9b'
#pink-600: '#c5577c'
#pink-700: '#94415d'
#pink-800: '#622c3e'
#pink-900: '#31161f'
#
#red: '#cd201f'
#red-100: '#f5d2d2'
#red-200: '#eba6a5'
#red-300: '#e17979'
#red-400: '#d74d4c'
#red-500: '#cd201f'
#red-600: '#a41a19'
#red-700: '#7b1313'
#red-800: '#520d0c'
#red-900: '#290606'
#
#orange: '#ff922b'
#orange-100: '#ffe9d5'
#orange-200: '#ffd3aa'
#orange-300: '#ffbe80'
#orange-400: '#ffa855'
#orange-500: '#ff922b'
#orange-600: '#cc7522'
#orange-700: '#99581a'
#orange-800: '#663a11'
#orange-900: '#331d09'
#
#yellow: '#fab005'
#yellow-100: '#feefcd'
#yellow-200: '#fddf9b'
#yellow-300: '#fcd069'
#yellow-400: '#fbc037'
#yellow-500: '#fab005'
#yellow-600: '#c88d04'
#yellow-700: '#966a03'
#yellow-800: '#644602'
#yellow-900: '#322301'
#
#lime: '#94d82d'
#lime-100: '#eaf7d5'
#lime-200: '#d4efab'
#lime-300: '#bfe881'
#lime-400: '#a9e057'
#lime-500: '#94d82d'
#lime-600: '#76ad24'
#lime-700: '#59821b'
#lime-800: '#3b5612'
#lime-900: '#1e2b09'
#
#green: '#5eba00'
#green-100: '#dff1cc'
#green-200: '#bfe399'
#green-300: '#9ed666'
#green-400: '#7ec833'
#green-500: '#5eba00'
#green-600: '#4b9500'
#green-700: '#387000'
#green-800: '#264a00'
#green-900: '#132500'
#
#teal: '#2bcbba'
#teal-100: '#d5f5f1'
#teal-200: '#aaeae3'
#teal-300: '#80e0d6'
#teal-400: '#55d5c8'
#teal-500: '#2bcbba'
#teal-600: '#22a295'
#teal-700: '#1a7a70'
#teal-800: '#11514a'
#teal-900: '#092925'
#
#cyan: '#17a2b8'
#cyan-100: '#d1ecf1'
#cyan-200: '#a2dae3'
#cyan-300: '#74c7d4'
#cyan-400: '#45b5c6'
#cyan-500: '#17a2b8'
#cyan-600: '#128293'
#cyan-700: '#0e616e'
#cyan-800: '#09414a'
#cyan-900: '#052025'
#
#gray: '#cbcfd6'
#gray-100: '#f5f7fb'
#gray-200: '#f1f3f8'
#gray-300: '#e9ecf1'
#gray-400: '#dee1e7'
#gray-500: '#cbcfd6'
#gray-600: '#a8aeb7'
#gray-700: '#7a828f'
#gray-800: '#545d6d'
#gray-900: '#354052'
border-color: 'rgba(110, 117, 130, 0.2)'
text-secondary: '#6e7582'
@@ -157,4 +14,4 @@ vk: '#6383a8'
rss: '#ffa500'
flickr: '#0063dc'
bitbucket: '#0052cc'
tabler: '#206bc4'
tabler: '#0054a6'

2
src/pages/_includes/ui/colorpicker.html
View File

@@ -19,7 +19,7 @@
{% if format %}format: "{{ format }}",{% endif %}
{% if include['swatches-only'] %}swatchesOnly: true,{% endif %}
swatches: [
"#206bc4",
"#0054a6",
"#45aaf2",
"#6574cd",
"#a55eea",

2
src/pages/colorpicker.html
View File

@@ -5,7 +5,7 @@ menu: base.colorpicker
libs: coloris.js
---
{% assign colors = "#206bc4,#45aaf2,#6574cd,#a55eea,#f66d9b,#fa4654,#fd9644,#f1c40f,#7bd235,#5eba00,#2bcbba,#17a2b8" | split: "," %}
{% assign colors = "#0054a6,#45aaf2,#6574cd,#a55eea,#f66d9b,#fa4654,#fd9644,#f1c40f,#7bd235,#5eba00,#2bcbba,#17a2b8" | split: "," %}
<div class="card">
<div class="card-body">

6
src/scss/_variables.scss
View File

@@ -165,7 +165,7 @@ $body-emphasis-color: $dark !default;
$color-contrast-dark: $body-color !default;
$color-contrast-light: $light !default;
$blue: #206bc4 !default;
$blue: #0054a6 !default;
$azure: #4299e1 !default;
$indigo: #4263eb !default;
$purple: #ae3ec9 !default;
@@ -178,7 +178,7 @@ $green: #2fb344 !default;
$teal: #0ca678 !default;
$cyan: #17a2b8 !default;
$color-blue: #206bc4;
$color-blue: #0054a6;
$color-azure: #3586c9;
$color-indigo: #4263eb;
$color-purple: #ae3ec9;
@@ -271,7 +271,7 @@ $social-colors: (
"rss": #ffa500,
"flickr": #0063dc,
"bitbucket": #0052cc,
"tabler": #206bc4,
"tabler": #0054a6,
) !default;
$gray-colors: (

2
src/static/illustrations/undraw_bug_fixing_oc7a.svg
View File

File diff suppressed because one or more lines are too long
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 40 KiB

After

Width:  |  Height:  |  Size: 40 KiB

2
src/static/illustrations/undraw_joyride_hnno.svg
View File

File diff suppressed because one or more lines are too long
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 27 KiB

After

Width:  |  Height:  |  Size: 27 KiB

2
src/static/illustrations/undraw_mobile_application_mr4r.svg
View File

File diff suppressed because one or more lines are too long
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 9.6 KiB

After

Width:  |  Height:  |  Size: 9.6 KiB

2
src/static/illustrations/undraw_secure_login_pdn4.svg
View File

File diff suppressed because one or more lines are too long
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 6.4 KiB

After

Width:  |  Height:  |  Size: 6.4 KiB

2
src/static/illustrations/undraw_sign_in_e6hj.svg
View File

File diff suppressed because one or more lines are too long
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 5.3 KiB

After

Width:  |  Height:  |  Size: 5.3 KiB

2
src/static/illustrations/undraw_work_together_h63l.svg
View File

File diff suppressed because one or more lines are too long
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 12 KiB

After

Width:  |  Height:  |  Size: 12 KiB

2
src/static/logo-small.svg
View File

@@ -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="#206bc4"/>
<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="#0054a6"/>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 599 B

After

Width:  |  Height:  |  Size: 599 B

2
src/static/logo.svg
View File

@@ -1,4 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 232 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="#206bc4"/>
<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="#0054a6"/>
<path d="M105.8 46.1c.4 0 .9.2 1.2.6s.6 1 .6 1.7c0 .9-.5 1.6-1.4 2.2s-2 .9-3.2.9c-2 0-3.7-.4-5-1.3s-2-2.6-2-5.4V31.6h-2.2c-.8 0-1.4-.3-1.9-.8s-.9-1.1-.9-1.9c0-.7.3-1.4.8-1.8s1.2-.7 1.9-.7h2.2v-3.1c0-.8.3-1.5.8-2.1s1.3-.8 2.1-.8 1.5.3 2 .8.8 1.3.8 2.1v3.1h3.4c.8 0 1.4.3 1.9.8s.8 1.2.8 1.9-.3 1.4-.8 1.8-1.2.7-1.9.7h-3.4v13c0 .7.2 1.2.5 1.5s.8.5 1.4.5c.3 0 .6-.1 1.1-.2.5-.2.8-.3 1.2-.3zm28-20.7c.8 0 1.5.3 2.1.8.5.5.8 1.2.8 2.1v20.3c0 .8-.3 1.5-.8 2.1-.5.6-1.2.8-2.1.8s-1.5-.3-2-.8-.8-1.2-.8-2.1c-.8.9-1.9 1.7-3.2 2.4-1.3.7-2.8 1-4.3 1-2.2 0-4.2-.6-6-1.7-1.8-1.1-3.2-2.7-4.2-4.7s-1.6-4.3-1.6-6.9c0-2.6.5-4.9 1.5-6.9s2.4-3.6 4.2-4.8c1.8-1.1 3.7-1.7 5.9-1.7 1.5 0 3 .3 4.3.8 1.3.6 2.5 1.3 3.4 2.1 0-.8.3-1.5.8-2.1.5-.5 1.2-.7 2-.7zm-9.7 21.3c2.1 0 3.8-.8 5.1-2.3s2-3.4 2-5.7-.7-4.2-2-5.8c-1.3-1.5-3-2.3-5.1-2.3-2 0-3.7.8-5 2.3-1.3 1.5-2 3.5-2 5.8s.6 4.2 1.9 5.7 3 2.3 5.1 2.3zm32.1-21.3c2.2 0 4.2.6 6 1.7 1.8 1.1 3.2 2.7 4.2 4.7s1.6 4.3 1.6 6.9-.5 4.9-1.5 6.9-2.4 3.6-4.2 4.8c-1.8 1.1-3.7 1.7-5.9 1.7-1.5 0-3-.3-4.3-.9s-2.5-1.4-3.4-2.3v.3c0 .8-.3 1.5-.8 2.1-.5.6-1.2.8-2.1.8s-1.5-.3-2.1-.8c-.5-.5-.8-1.2-.8-2.1V18.9c0-.8.3-1.5.8-2.1.5-.6 1.2-.8 2.1-.8s1.5.3 2.1.8c.5.6.8 1.3.8 2.1v10c.8-1 1.8-1.8 3.2-2.5 1.3-.7 2.8-1 4.3-1zm-.7 21.3c2 0 3.7-.8 5-2.3s2-3.5 2-5.8-.6-4.2-1.9-5.7-3-2.3-5.1-2.3-3.8.8-5.1 2.3-2 3.4-2 5.7.7 4.2 2 5.8c1.3 1.6 3 2.3 5.1 2.3zm23.6 1.9c0 .8-.3 1.5-.8 2.1s-1.3.8-2.1.8-1.5-.3-2-.8-.8-1.3-.8-2.1V18.9c0-.8.3-1.5.8-2.1s1.3-.8 2.1-.8 1.5.3 2 .8.8 1.3.8 2.1v29.7zm29.3-10.5c0 .8-.3 1.4-.9 1.9-.6.5-1.2.7-2 .7h-15.8c.4 1.9 1.3 3.4 2.6 4.4 1.4 1.1 2.9 1.6 4.7 1.6 1.3 0 2.3-.1 3.1-.4.7-.2 1.3-.5 1.8-.8.4-.3.7-.5.9-.6.6-.3 1.1-.4 1.6-.4.7 0 1.2.2 1.7.7s.7 1 .7 1.7c0 .9-.4 1.6-1.3 2.4-.9.7-2.1 1.4-3.6 1.9s-3 .8-4.6.8c-2.7 0-5-.6-7-1.7s-3.5-2.7-4.6-4.6-1.6-4.2-1.6-6.6c0-2.8.6-5.2 1.7-7.2s2.7-3.7 4.6-4.8 3.9-1.7 6-1.7 4.1.6 6 1.7 3.4 2.7 4.5 4.7c.9 1.9 1.5 4.1 1.5 6.3zm-12.2-7.5c-3.7 0-5.9 1.7-6.6 5.2h12.6v-.3c-.1-1.3-.8-2.5-2-3.5s-2.5-1.4-4-1.4zm30.3-5.2c1 0 1.8.3 2.4.8.7.5 1 1.2 1 1.9 0 1-.3 1.7-.8 2.2-.5.5-1.1.8-1.8.7-.5 0-1-.1-1.6-.3-.2-.1-.4-.1-.6-.2-.4-.1-.7-.1-1.1-.1-.8 0-1.6.3-2.4.8s-1.4 1.3-1.9 2.3-.7 2.3-.7 3.7v11.4c0 .8-.3 1.5-.8 2.1-.5.6-1.2.8-2.1.8s-1.5-.3-2.1-.8c-.5-.6-.8-1.3-.8-2.1V28.8c0-.8.3-1.5.8-2.1.5-.6 1.2-.8 2.1-.8s1.5.3 2.1.8c.5.6.8 1.3.8 2.1v.6c.7-1.3 1.8-2.3 3.2-3 1.3-.7 2.8-1 4.3-1z" fill-rule="evenodd" clip-rule="evenodd" fill="#4a4a4a"/>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.9 KiB

After

Width:  |  Height:  |  Size: 2.9 KiB

6
src/static/sponsor-banner-homepage.svg
View File

File diff suppressed because one or more lines are too long
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 175 KiB

After

Width:  |  Height:  |  Size: 175 KiB