Skip to content

Commit 2647672

Browse files
committed
ARTEMIS-6041 - ARTEMIS- 6090 - css fixes for dark mode
1 parent 69a9957 commit 2647672

1 file changed

Lines changed: 31 additions & 1 deletion

File tree

  • artemis-console-extension/artemis-extension/app/public/css

artemis-console-extension/artemis-extension/app/public/css/artemis.css

Lines changed: 31 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -51,7 +51,7 @@ svg text {
5151
}
5252

5353
svg.pf-v5-svg {
54-
fill: #714099;
54+
fill: var(--artemis-global--primary-color--100);
5555
}
5656

5757
.pf-topology__node.artemisBroker.pf-m-info .pf-topology__node__background {
@@ -294,6 +294,11 @@ background-color: var(--artemis-global--primary-color--300);
294294
--artemis-global--primary-color--400: #9989a7;
295295
--artemis-global--primary-color-dark: #714099;
296296
--artemis-global--primary-second-color-100: #2b326e;
297+
--artemis-global--primary-color-dark--100: #d9c8e6;
298+
--artemis-global--primary-color-dark--200: #daabfd;
299+
--artemis-global--primary-color-dark--300: #b578ea;
300+
--artemis-global--primary-color-dark--400: #9989a7;
301+
--artemis-global--primary-color-dark-dark: #cdbbdc;
297302
--artemis-diag-broker-color: #714099;
298303
--artemis-diag-broker-border:#200734;
299304
--artemis-diag-broker-label-text:#fff;
@@ -328,11 +333,36 @@ background-color: var(--artemis-global--primary-color--300);
328333
--pf-v5-global--link--Color--dark: var(--artemis-global--primary-color--100);
329334
--pf-v5-global--link--Color--light: var(--artemis-global--primary-color--300);
330335
--pf-v5-global--link--Color--light--hover: var(--artemis-global--primary-color--400);
336+
--pf-v5-global--disabled-color--100: var(--artemis-global--primary-color-dark--200);
331337
/** icon inside broker diagram */
332338
--pf-v5-topology__node--Color: var(--artemis-global--primary-color--100);
333339
--pf-v5-c-page__sidebar--Width: 10em;
334340
}
335341

336342
.pf-v5-theme-dark {
343+
--pf-v5-global--active-color--100: var(--artemis-global--primary-color-dark--200);
344+
--pf-v5-global--active-color--200:var(--artemis-global--primary-color-dark--200);
345+
--pf-v5-global--active-color--300: var(--artemis-global--primary-color-dark--300);
346+
--pf-v5-global--active-color--400: var(--artemis-global--primary-color-dark--400);
337347
--pf-v5-chart-donut--label--title--Fill: var(--artemis-diag-broker-label-text);
348+
--pf-v5-global--primary-color--100: var(--artemis-global--primary-color-dark--100);
349+
--pf-v5-global--primary-color--200: var(--artemis-global--primary-color-dark--200);
350+
--pf-v5-global--primary-color--light-100: var(--artemis-global--primary-color-dark--100);
351+
--pf-v5-global--primary-color--dark-100: var(--artemis-global--primary-color-dark--100);
352+
--pf-v5-global--link--Color--hover: var(--artemis-global--primary-second-color-100);
353+
--pf-v5-global--link--Color: var(--artemis-global--primary-color-dark--200);
354+
--pf-v5-global--link--Color--dark: var(--artemis-global--primary-color-dark--200);
355+
--pf-v5-global--link--Color--light: var(--artemis-global--primary-color-dark--300);
356+
--pf-v5-global--link--Color--light--hover: var(--artemis-global--primary-color--dark-400);
357+
--pf-v5-global--disabled-color--100: var(--artemis-global--primary-color-dark--200);
358+
svg.pf-v5-svg {
359+
fill: var(--artemis-global--primary-color-dark--200);
360+
}
361+
.pf-v5-c-expandable-section__toggle {
362+
display: flex;
363+
padding: var(--pf-v5-c-expandable-section__toggle--PaddingTop) var(--pf-v5-c-expandable-section__toggle--PaddingRight) var(--pf-v5-c-expandable-section__toggle--PaddingBottom) var(--pf-v5-c-expandable-section__toggle--PaddingLeft);
364+
margin-top: var(--pf-v5-c-expandable-section__toggle--MarginTop);
365+
color: var(--artemis-global--primary-color-dark--100);
366+
border: none;
367+
}
338368
}

0 commit comments

Comments
 (0)