distro-tools/apollo/server/static/theme.scss

64 lines
1.2 KiB
SCSS
Raw Normal View History

2023-02-01 21:37:16 +00:00
$feature-flags: (
enable-css-custom-properties: true,
grid-columns-16: true,
);
@use 'carbon-components/scss/globals/scss/vendor/@carbon/elements/scss/themes/generated/themes';
@import 'carbon-components/scss/globals/scss/styles.scss';
2023-02-23 04:46:30 +00:00
@mixin dark-mode-non-root {
a {
color: map-get($carbon--theme--g90, 'link-01');
}
#color-switcher-dark {
display: var(--display-dark-switcher);
}
}
@mixin dark-mode {
:root {
@include carbon--theme($carbon--theme--g90, true);
--display-dark-switcher: none;
--display-light-switcher: block;
}
@include dark-mode-non-root;
2023-02-01 21:37:16 +00:00
}
2023-02-23 04:46:30 +00:00
@mixin light-mode {
:root,
:root.light {
@include carbon--theme($carbon--theme--white, true);
--display-light-switcher: none;
--display-dark-switcher: block;
}
bx-side-nav {
border-right: 1px solid var(--cds-ui-03);
}
#color-switcher-light {
display: var(--display-light-switcher);
}
}
@include light-mode;
@media (prefers-color-scheme: dark) {
@include dark-mode;
}
:root.dark {
@include carbon--theme($carbon--theme--g90, true);
@include dark-mode-non-root;
--display-dark-switcher: none;
--display-light-switcher: block;
2023-02-01 21:37:16 +00:00
}
.bx--inline-notification__text-wrapper {
width: 100%;
}