tablet/atlantafx
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge common dark mode customizations into main stylesheet

Browse Source
This commit is contained in:
mkpaz 2022-08-31 14:45:08 +04:00
parent f4cfb094c4
commit aad6b06e12
4 changed files with 5 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
styles/src/components/_slider.scss
View File

@ -3,8 +3,9 @@
@use "../settings/config" as cfg;
@use "sass:math";
$thumb-color: -color-bg-default !default;
$thumb-color-border: -color-accent-emphasis !default;
// use borderless slider for dark mode by default
$thumb-color: if(cfg.$darkMode, -color-fg-default, -color-bg-default) !default;
$thumb-color-border: if(cfg.$darkMode, -color-fg-default, -color-accent-emphasis) !default;
$thumb-size: 8px !default;
$thumb-border-width: 2px !default;

3
styles/src/components/_titled-pane.scss
View File

@ -10,7 +10,8 @@ $padding-y: 10px !default;
$margin-arrow: 10px !default;
$margin-content: 20px !default;
$elevation-color: -color-border-subtle !default;
// for elevation darker than bg color should be used for both light and dark modes
$elevation-color: if(cfg.$darkMode, -color-bg-inset, -color-border-default) !default;
$elevation-interactive: map-get(cfg.$elevation, 2) !default;
.titled-pane {

10
styles/src/nord-dark.scss
View File

@ -130,14 +130,4 @@ $nord16: #B48EAD; // hsl(311, 20.2, 63.1)
);
@use "general";
@forward "components/slider" as slider-* with (
$thumb-color: -color-fg-default,
$thumb-color-border: -color-fg-default
);
@forward "components/titled-pane" as titled-pane-* with (
$elevation-color: -color-bg-inset
);
@use "components";

10
styles/src/primer-dark.scss
View File

@ -112,14 +112,4 @@
);
@use "general";
@forward "components/slider" as slider-* with (
$thumb-color: -color-fg-emphasis,
$thumb-color-border: -color-fg-emphasis
);
@forward "components/titled-pane" as titled-pane-* with (
$elevation-color: -color-bg-inset
);
@use "components";