[ADD] theme saas-14.3

This commit is contained in:
Jeremy Kersten
2021-05-10 15:46:42 +02:00
parent 2bdf71a2b2
commit 84ba083d17
208 changed files with 3170 additions and 4050 deletions
@@ -4,124 +4,54 @@
//------------------------------------------------------------------------------
// Theme colors
$o-theme-color-palettes: (
$o-theme-color-palettes: map-merge($o-theme-color-palettes,
(
'alpha': #85AFA8,
'beta': #7E566B,
'gamma': #85909A,
'delta': #969397,
'epsilon': #422335,
'graphene-1': (
'alpha': #85AFA8,
'beta': #7E566B,
'gamma': #85909A,
'delta': #969397,
'epsilon': #422335,
'success': #1b8433,
'warning': #e4b013,
),
(
'alpha': #54787D,
'beta': #6B9997,
'gamma': #615145,
'delta': #C6CCA5,
'epsilon': #412342,
'success': #1b8433,
'warning': #e4b013,
),
'graphene-2': (
'alpha': #54787D,
'beta': #6B9997,
'gamma': #615145,
'delta': #C6CCA5,
'epsilon': #412342,
'success': #5CB85C,
'info': #4D68A3,
'warning': #DDC66B,
'danger': #D86060,
),
(
'alpha': #456F74,
'beta': #EB5937,
'gamma': #403D3C,
'delta': #1C1919,
'epsilon': #D3CBBD,
'success': #5CB85C,
'info': #4D68A3,
'warning': #DDC66B,
'danger': #D86060,
),
'graphene-3': (
'alpha': #456F74,
'beta': #EB5937,
'gamma': #403D3C,
'delta': #1C1919,
'epsilon': #D3CBBD,
'success': #31B05E,
'info': #4D68A3,
'warning': #EACF41,
'danger': #CB3E3E,
),
(
'alpha': #23C59E,
'beta': #FF5B5B,
'gamma': #FFE9C7,
'delta': #545445,
'epsilon': #2D2D36,
'success': #31B05E,
'info': #4D68A3,
'warning': #EACF41,
'danger': #CB3E3E,
),
'graphene-4': (
'alpha': #23C59E,
'beta': #FF5B5B,
'gamma': #FFE9C7,
'delta': #545445,
'epsilon': #2D2D36,
'success': #5CB85C,
),
'success': #5CB85C,
),
)
);
// Theme Palettes
$o-color-palettes: (
( // Palette 1
'o-color-1': #30cbb2,
'o-color-2': #3c4e5e,
'o-color-3': #f4f5f6,
'o-color-4': #ffffff,
'o-color-5': #192028,
'o-cc1-link': #04957e,
'o-cc5-text': #b2b2b2,
'body': 'black-15',
'menu': 1,
'footer': 5,
'copyright': 'black-25',
),
( // Palette 2
'o-color-1': #c8a47e,
'o-color-2': #32273b,
'o-color-3': #f1f1ef,
'o-color-4': #ffffff,
'o-color-5': #252424,
'o-cc3-text': #b2b2b2,
'o-cc4-text': 'o-color-4',
'o-cc3-headings': 'o-color-4',
'o-cc4-headings': 'o-color-5',
'o-cc5-text': #b2b2b2,
),
( // Palette 3
'o-color-1': #39588e,
'o-color-2': #d2b683,
'o-color-3': #e0dfdb,
'o-color-4': #f4f5f6,
'o-color-5': #2a282a,
'o-cc5-link': #7a9edc,
'menu': 2,
'footer': 2,
),
( // Palette 4
'o-color-1': #f48747,
'o-color-2': #e9ceb0,
'o-color-3': #f1ebe5,
'o-color-4': #fbfaf8,
'o-color-5': #282d30,
'menu': 5,
),
);
// Grays
$-black: #000000;
$o-gray-color-palettes: ();
@each $-palette in $o-theme-color-palettes {
$o-gray-color-palettes: append($o-gray-color-palettes, (
'975': lighten($-black, 13%),
'950': lighten($-black, 16%),
'925': lighten($-black, 19%),
'900': lighten($-black, 22%),
'800': lighten($-black, 25%),
'700': lighten($-black, 33.5%),
'650': lighten($-black, 50%),
'600': lighten($-black, 65.5%),
'400': lighten($-black, 82%),
'200': lighten($-black, 93.5%),
));
}
//------------------------------------------------------------------------------
// Fonts
//------------------------------------------------------------------------------
@@ -163,6 +93,8 @@ $o-theme-font-configs: (
$o-website-values-palettes: (
(
'color-palettes-name': 'graphene-1',
'font-size-base': 1rem,
'headings-font': 'Source Sans Pro',
'btn-ripple': true,
@@ -177,3 +109,29 @@ $o-website-values-palettes: (
'btn-border-radius-lg': 2px,
),
);
$o-palette-priority-prefix: 'graphene';
$o-color-palettes-compatibility-indexes: (
1: 'graphene-1',
2: 'graphene-2',
3: 'graphene-3',
4: 'graphene-4',
5: 'generic-1',
6: 'generic-2',
7: 'generic-3',
8: 'generic-4',
9: 'generic-5',
10: 'generic-6',
11: 'generic-7',
12: 'generic-8',
13: 'generic-9',
14: 'generic-10',
15: 'generic-11',
16: 'generic-12',
17: 'generic-13',
18: 'generic-14',
19: 'generic-15',
20: 'generic-16',
21: 'generic-17',
);
@@ -3,7 +3,7 @@
$-palettes: $o-theme-color-palettes;
$o-theme-color-palettes: ();
$-variations: ('lighter': 10%, 'light': 5%, 'dark': -5%, 'darker': -10%);
@each $-palette in $-palettes {
$o-theme-color-palettes: append($o-theme-color-palettes, o-theme-common-add-color-variations($-palette, $-palette, $-variations));
@each $key, $-palette in $-palettes {
$o-theme-color-palettes: map-merge($o-theme-color-palettes, ($key: o-theme-common-add-color-variations($-palette, $-palette, $-variations)));
}
$o-user-theme-color-palette: o-theme-common-add-color-variations($o-user-theme-color-palette, $o-user-theme-color-palette, $-variations);