Skip to content

Commit 92d41ef

Browse files
author
Stefan Ivanov
committed
Closes #7541 
1 parent eaf763f commit 92d41ef

File tree

2 files changed

+250
-63
lines changed

2 files changed

+250
-63
lines changed

‎projects/igniteui-angular/src/lib/core/styles/themes/schemas/dark/_dock-manager.scss

Lines changed: 167 additions & 38 deletions
Original file line numberDiff line numberDiff line change
@@ -26,21 +26,52 @@ $_dark-dock-manager: extend(
2626
$_light-dock-manager, (
2727
accent-color: (
2828
igx-color: (grays, 400),
29+
hexrgba: #000,
30+
),
31+
primary-color: (
32+
igx-color: (grays, 200),
33+
hexrgba: #000,
34+
),
35+
border-color: (
36+
igx-color: surface,
37+
),
38+
button-text: (
39+
igx-contrast-color: surface,
40+
),
41+
context-menu-color-active: (
42+
igx-contrast-color: surface,
43+
),
44+
floating-pane-border-color: (
45+
igx-color: (grays, 100),
46+
hexrgba: #000,
2947
),
30-
border-color: #212121,
31-
button-text: #fff,
32-
context-menu-color-active: #fff,
33-
floating-pane-border-color: rgba(0, 0, 0, .26),
3448
flyout-shadow-color: rgba(0, 0, 0, .38),
49+
joystick-background-active: (
50+
igx-color: surface,
51+
),
3552
joystick-border-color: (
3653
igx-color: (grays, 400),
54+
hexrgba: #000,
55+
),
56+
joystick-icon-color: (
57+
igx-contrast-color: surface,
58+
),
59+
joystick-icon-color-active: (
60+
igx-contrast-color: surface,
61+
),
62+
pane-content-background: (
63+
igx-color: surface,
64+
),
65+
splitter-background: (
66+
igx-color: (grays, 100),
67+
hexrgba: #000,
68+
),
69+
tab-background-active: (
70+
igx-color: surface,
71+
),
72+
text-color: (
73+
igx-color: (grays, 800),
3774
),
38-
joystick-icon-color-active: #fff,
39-
pane-content-background: #212121,
40-
primary-color: #111,
41-
splitter-background: #000,
42-
tab-background-active: #212121,
43-
text-color: rgba(255, 255, 255, .7),
4475
)
4576
);
4677

@@ -50,26 +81,82 @@ $_dark-dock-manager: extend(
5081
/// @requires $_fluent-dock-manager
5182
$_dark-fluent-dock-manager: extend(
5283
$_fluent-dock-manager, (
53-
accent-color: #111,
54-
background-color: #2a2a2a,
55-
button-text: #fff,
56-
context-menu-background-active: #111,
57-
context-menu-color-active: #fff,
58-
context-menu-background: #333,
59-
context-menu-color: #fff,
60-
dock-background: #2a2a2a,
84+
accent-color: (
85+
igx-color: surface,
86+
rgba: 0.5,
87+
hexrgba: #000,
88+
),
89+
primary-color: (
90+
igx-color: surface,
91+
rgba: 0.85,
92+
hexrgba: #000,
93+
),
94+
button-text: (
95+
igx-contrast-color: surface,
96+
),
97+
context-menu-background-active: (
98+
igx-color: surface,
99+
rgba: 0.5,
100+
hexrgba: #000,
101+
),
102+
context-menu-color-active: (
103+
igx-contrast-color: surface,
104+
),
105+
context-menu-background: (
106+
igx-color: (grays, 400),
107+
hexrgba: #000,
108+
),
109+
context-menu-color: (
110+
igx-contrast-color: surface,
111+
),
112+
dock-background: (
113+
igx-color: surface,
114+
rgba: 0.85,
115+
hexrgba: #000,
116+
),
61117
floating-pane-border-color: transparent,
62-
joystick-background-active: #111,
63-
joystick-background: #333,
118+
joystick-background-active: (
119+
igx-color: surface,
120+
rgba: 0.5,
121+
hexrgba: #000,
122+
),
123+
joystick-background: (
124+
igx-color: (grays, 400),
125+
hexrgba: #000,
126+
),
64127
joystick-border-color: transparent,
65-
joystick-icon-color: #fff,
66-
joystick-icon-color-active: #fff,
67-
pane-header-backround: #2a2a2a,
68-
pinned-header-background: #2a2a2a,
69-
splitter-background: #151515,
70-
splitter-handle: #000,
71-
tab-text: #fff,
72-
text-color: #fff,
128+
joystick-icon-color: (
129+
igx-contrast-color: surface,
130+
),
131+
joystick-icon-color-active: (
132+
igx-contrast-color: surface,
133+
),
134+
pane-header-backround: (
135+
igx-color: surface,
136+
rgba: 0.85,
137+
hexrgba: #000,
138+
),
139+
pinned-header-background: (
140+
igx-color: surface,
141+
rgba: 0.85,
142+
hexrgba: #000,
143+
),
144+
splitter-background: (
145+
igx-color: surface,
146+
rgba: 0.7,
147+
hexrgba: #000,
148+
),
149+
splitter-handle: (
150+
igx-color: surface,
151+
rgba: 0.2,
152+
hexrgba: #000,
153+
),
154+
tab-text: (
155+
igx-contrast-color: surface,
156+
),
157+
text-color: (
158+
igx-contrast-color: surface,
159+
),
73160
)
74161
);
75162

@@ -79,15 +166,57 @@ $_dark-fluent-dock-manager: extend(
79166
/// @requires $_bootstrap-dock-manager
80167
$_dark-bootstrap-dock-manager: extend(
81168
$_bootstrap-dock-manager, (
82-
accent-color: #111,
83-
context-menu-background: #222,
84-
dock-background: #111,
85-
joystick-background: #222,
86-
pane-header-background: #111,
87-
pinned-header-background: #111,
88-
primary-color: #111,
89-
splitter-background: #1a1e29,
90-
splitter-handle: #000,
91-
text-color: #fff,
169+
accent-color: (
170+
igx-color: surface,
171+
rgba: 0.33,
172+
hexrgba: #000,
173+
),
174+
primary-color: (
175+
igx-color: surface,
176+
rgba: 0.33,
177+
hexrgba: #000,
178+
),
179+
context-menu-background: (
180+
igx-color: surface,
181+
rgba: 0.66,
182+
hexrgba: #000,
183+
),
184+
context-menu-color-active: (
185+
igx-contrast-color: surface,
186+
),
187+
dock-background: (
188+
igx-color: surface,
189+
rgba: 0.33,
190+
hexrgba: #000,
191+
),
192+
joystick-background: (
193+
igx-color: surface,
194+
rgba: 0.66,
195+
hexrgba: #000,
196+
),
197+
joystick-icon-color-active: (
198+
igx-contrast-color: surface,
199+
),
200+
pane-header-background: (
201+
igx-color: surface,
202+
rgba: 0.33,
203+
hexrgba: #000,
204+
),
205+
pinned-header-background: (
206+
igx-color: surface,
207+
rgba: 0.33,
208+
hexrgba: #000,
209+
),
210+
splitter-background: (
211+
igx-color: (grays,300),
212+
hexrgba: #000,
213+
),
214+
splitter-handle: (
215+
igx-color: (grays,50),
216+
hexrgba: #000,
217+
),
218+
text-color: (
219+
igx-contrast-color: surface,
220+
),
92221
)
93222
);

0 commit comments

Comments
 (0)