Skip to content

Commit b3c90c9

Browse files
extrabrightextrabright
committed
removed color variables
1 parent 121a2d5 commit b3c90c9

File tree

2 files changed

+24
-159
lines changed

2 files changed

+24
-159
lines changed

‎scss/_colors.scss‎

Lines changed: 10 additions & 121 deletions
Original file line numberDiff line numberDiff line change
@@ -28,124 +28,13 @@ $green: #00CC88 !default;
2828
$teal: #22DDDD !default;
2929
$cyan: #00D4FF !default;
3030

31-
// Color shades
32-
$blue-100: tint-color($blue, 80%) !default;
33-
$blue-200: tint-color($blue, 60%) !default;
34-
$blue-300: tint-color($blue, 40%) !default;
35-
$blue-400: tint-color($blue, 20%) !default;
36-
$blue-500: $blue !default;
37-
$blue-600: shade-color($blue, 20%) !default;
38-
$blue-700: shade-color($blue, 40%) !default;
39-
$blue-800: shade-color($blue, 60%) !default;
40-
$blue-900: shade-color($blue, 80%) !default;
41-
42-
$indigo-100: tint-color($indigo, 80%) !default;
43-
$indigo-200: tint-color($indigo, 60%) !default;
44-
$indigo-300: tint-color($indigo, 40%) !default;
45-
$indigo-400: tint-color($indigo, 20%) !default;
46-
$indigo-500: $indigo !default;
47-
$indigo-600: shade-color($indigo, 20%) !default;
48-
$indigo-700: shade-color($indigo, 40%) !default;
49-
$indigo-800: shade-color($indigo, 60%) !default;
50-
$indigo-900: shade-color($indigo, 80%) !default;
51-
52-
$purple-100: tint-color($purple, 80%) !default;
53-
$purple-200: tint-color($purple, 60%) !default;
54-
$purple-300: tint-color($purple, 40%) !default;
55-
$purple-400: tint-color($purple, 20%) !default;
56-
$purple-500: $purple !default;
57-
$purple-600: shade-color($purple, 20%) !default;
58-
$purple-700: shade-color($purple, 40%) !default;
59-
$purple-800: shade-color($purple, 60%) !default;
60-
$purple-900: shade-color($purple, 80%) !default;
61-
62-
$pink-100: tint-color($pink, 80%) !default;
63-
$pink-200: tint-color($pink, 60%) !default;
64-
$pink-300: tint-color($pink, 40%) !default;
65-
$pink-400: tint-color($pink, 20%) !default;
66-
$pink-500: $pink !default;
67-
$pink-600: shade-color($pink, 20%) !default;
68-
$pink-700: shade-color($pink, 40%) !default;
69-
$pink-800: shade-color($pink, 60%) !default;
70-
$pink-900: shade-color($pink, 80%) !default;
71-
72-
$magenta-100: tint-color($magenta, 80%) !default;
73-
$magenta-200: tint-color($magenta, 60%) !default;
74-
$magenta-300: tint-color($magenta, 40%) !default;
75-
$magenta-400: tint-color($magenta, 20%) !default;
76-
$magenta-500: $magenta !default;
77-
$magenta-600: shade-color($magenta, 20%) !default;
78-
$magenta-700: shade-color($magenta, 40%) !default;
79-
$magenta-800: shade-color($magenta, 60%) !default;
80-
$magenta-900: shade-color($magenta, 80%) !default;
81-
82-
$red-100: tint-color($red, 80%) !default;
83-
$red-200: tint-color($red, 60%) !default;
84-
$red-300: tint-color($red, 40%) !default;
85-
$red-400: tint-color($red, 20%) !default;
86-
$red-500: $red !default;
87-
$red-600: shade-color($red, 20%) !default;
88-
$red-700: shade-color($red, 40%) !default;
89-
$red-800: shade-color($red, 60%) !default;
90-
$red-900: shade-color($red, 80%) !default;
91-
92-
$orange-100: tint-color($orange, 80%) !default;
93-
$orange-200: tint-color($orange, 60%) !default;
94-
$orange-300: tint-color($orange, 40%) !default;
95-
$orange-400: tint-color($orange, 20%) !default;
96-
$orange-500: $orange !default;
97-
$orange-600: shade-color($orange, 20%) !default;
98-
$orange-700: shade-color($orange, 40%) !default;
99-
$orange-800: shade-color($orange, 60%) !default;
100-
$orange-900: shade-color($orange, 80%) !default;
101-
102-
$yellow-100: tint-color($yellow, 80%) !default;
103-
$yellow-200: tint-color($yellow, 60%) !default;
104-
$yellow-300: tint-color($yellow, 40%) !default;
105-
$yellow-400: tint-color($yellow, 20%) !default;
106-
$yellow-500: $yellow !default;
107-
$yellow-600: shade-color($yellow, 20%) !default;
108-
$yellow-700: shade-color($yellow, 40%) !default;
109-
$yellow-800: shade-color($yellow, 60%) !default;
110-
$yellow-900: shade-color($yellow, 80%) !default;
111-
112-
$lime-100: tint-color($lime, 80%) !default;
113-
$lime-200: tint-color($lime, 60%) !default;
114-
$lime-300: tint-color($lime, 40%) !default;
115-
$lime-400: tint-color($lime, 20%) !default;
116-
$lime-500: $lime !default;
117-
$lime-600: shade-color($lime, 20%) !default;
118-
$lime-700: shade-color($lime, 40%) !default;
119-
$lime-800: shade-color($lime, 60%) !default;
120-
$lime-900: shade-color($lime, 80%) !default;
121-
122-
$green-100: tint-color($green, 80%) !default;
123-
$green-200: tint-color($green, 60%) !default;
124-
$green-300: tint-color($green, 40%) !default;
125-
$green-400: tint-color($green, 20%) !default;
126-
$green-500: $green !default;
127-
$green-600: shade-color($green, 20%) !default;
128-
$green-700: shade-color($green, 40%) !default;
129-
$green-800: shade-color($green, 60%) !default;
130-
$green-900: shade-color($green, 80%) !default;
131-
132-
$teal-100: tint-color($teal, 80%) !default;
133-
$teal-200: tint-color($teal, 60%) !default;
134-
$teal-300: tint-color($teal, 40%) !default;
135-
$teal-400: tint-color($teal, 20%) !default;
136-
$teal-500: $teal !default;
137-
$teal-600: shade-color($teal, 20%) !default;
138-
$teal-700: shade-color($teal, 40%) !default;
139-
$teal-800: shade-color($teal, 60%) !default;
140-
$teal-900: shade-color($teal, 80%) !default;
141-
142-
$cyan-100: tint-color($cyan, 80%) !default;
143-
$cyan-200: tint-color($cyan, 60%) !default;
144-
$cyan-300: tint-color($cyan, 40%) !default;
145-
$cyan-400: tint-color($cyan, 20%) !default;
146-
$cyan-500: $cyan !default;
147-
$cyan-600: shade-color($cyan, 20%) !default;
148-
$cyan-700: shade-color($cyan, 40%) !default;
149-
$cyan-800: shade-color($cyan, 60%) !default;
150-
$cyan-900: shade-color($cyan, 80%) !default;
151-
31+
// Theme colors
32+
$primary: $indigo !default;
33+
$secondary: $gray-300 !default;
34+
$tertiary: $pink !default;
35+
$success: $green !default;
36+
$info: $cyan !default;
37+
$warning: $orange !default;
38+
$danger: $red !default;
39+
$light: $gray-100 !default;
40+
$dark: $gray-900 !default;

‎scss/variables/_colors.scss‎

Lines changed: 14 additions & 38 deletions
Original file line numberDiff line numberDiff line change
@@ -8,30 +8,6 @@ $min-contrast-ratio: 2 !default;
88
$color-contrast-dark: $black !default;
99
$color-contrast-light: $white !default;
1010

11-
$grays: (
12-
"50": $gray-50,
13-
"100": $gray-100,
14-
"200": $gray-200,
15-
"300": $gray-300,
16-
"400": $gray-400,
17-
"500": $gray-500,
18-
"600": $gray-600,
19-
"700": $gray-700,
20-
"800": $gray-800,
21-
"900": $gray-900
22-
) !default;
23-
24-
// Theme colors
25-
$primary: $indigo !default;
26-
$secondary: $gray-300 !default;
27-
$tertiary: $pink !default;
28-
$success: $green !default;
29-
$info: $cyan !default;
30-
$warning: $orange !default;
31-
$danger: $red !default;
32-
$light: $gray-100 !default;
33-
$dark: $gray-900 !default;
34-
3511
// Bg Soft level
3612
$bg-soft-level: -80% !default;
3713
$bg-shade-level: 15% !default;
@@ -50,18 +26,18 @@ $body-text-align: null !default;
5026
// Surfaces
5127
// Colors used for content area background colors
5228

53-
$surface-primary: $body-bg !default;
54-
$surface-secondary: $gray-100 !default;
55-
$surface-tertiary: $gray-50 !default;
56-
$surface-light: $gray-200 !default;
57-
$surface-dark: shade-color($dark, 7%) !default;
58-
59-
$surface-colors: () !default;
60-
$surface-colors: map-merge((
61-
"surface-primary": $surface-primary,
62-
"surface-secondary": $surface-secondary,
63-
"surface-tertiary": $surface-tertiary,
64-
"surface-light": $surface-light,
65-
"surface-dark": $surface-dark
66-
), $surface-colors);
29+
// $surface-primary: $body-bg !default;
30+
// $surface-secondary: $gray-100 !default;
31+
// $surface-tertiary: $gray-50 !default;
32+
// $surface-light: $gray-200 !default;
33+
// $surface-dark: shade-color($dark, 7%) !default;
34+
35+
// $surface-colors: () !default;
36+
// $surface-colors: map-merge((
37+
// "surface-primary": $surface-primary,
38+
// "surface-secondary": $surface-secondary,
39+
// "surface-tertiary": $surface-tertiary,
40+
// "surface-light": $surface-light,
41+
// "surface-dark": $surface-dark
42+
// ), $surface-colors);
6743

0 commit comments

Comments
 (0)