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

Use 'subtle' color instead of 'inset' for controls

Browse Source
This commit is contained in:
mkpaz 2022-08-29 11:11:52 +04:00
parent 27cfcf704e
commit 9cce26c4f0
6 changed files with 8 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
styles/src/components/_button.scss
View File

@ -8,7 +8,7 @@
@mixin base() {
// buttons can be configured via looked-up colors
-color-button-bg: -color-bg-inset;
-color-button-bg: -color-bg-subtle;
-color-button-fg: -color-fg-default;
-color-button-border: -color-border-default;

4
styles/src/components/_data.scss
View File

@ -21,7 +21,7 @@ $tree-cell-indent: 1em !default;
-color-cell-fg: -color-fg-default;
-color-cell-bg-selected: -color-accent-subtle;
-color-cell-fg-selected: -color-fg-default;
-color-cell-bg-odd: -color-bg-inset;
-color-cell-bg-odd: -color-bg-subtle;
-color-cell-border: -color-border-default;
-fx-border-color: -color-cell-border;
@ -160,7 +160,7 @@ $tree-cell-indent: 1em !default;
@include _base();
-color-header-bg: -color-bg-inset;
-color-header-bg: -color-bg-subtle;
-color-header-fg: -color-fg-default;
&.bordered {

2
styles/src/components/_menu.scss
View File

@ -159,7 +159,7 @@ $separator-padding: map-get(cfg.$separators, "small") !default;
-fx-background-insets: 0, 1;
-fx-padding: cfg.$popup-padding-y cfg.$popup-padding-x cfg.$popup-padding-y cfg.$popup-padding-x;
-fx-background-radius: cfg.$border-radius;
@include effects.shadow(-color-bg-inset, cfg.$popup-shadow);
@include effects.shadow($color-menuitem-bg, cfg.$popup-shadow);
// no idea what's that thing and how to trigger its appearance
>.scroll-arrow {

2
styles/src/components/_pagination.scss
View File

@ -66,7 +66,7 @@
>.bullet-button {
-fx-background-radius: 0, 10em, 10em;
-fx-background-color: transparent, -color-border-default, -color-bg-inset;
-fx-background-color: transparent, -color-border-default, -color-bg-subtle;
-fx-background-insets: 0, 5, 6;
&:selected {

2
styles/src/components/_spinner.scss
View File

@ -4,7 +4,7 @@
@use "../settings/icons";
@use "../settings/utils";
$button-bg: -color-bg-inset !default;
$button-bg: -color-bg-subtle !default;
$button-fg: -color-fg-default !default;
$button-hover: utils.saturate($button-bg, cfg.$darkMode, cfg.$color-delta-hover) !default;
$icon-padding-x: 0.25em !default;

4
styles/src/components/_tab-pane.scss
View File

@ -60,7 +60,7 @@ $border-width: 2px !default;
}
&:hover {
-fx-background-color: -color-border-default, -color-bg-inset;
-fx-background-color: -color-border-default, -color-bg-subtle;
}
&:top:selected,
@ -115,7 +115,7 @@ $border-width: 2px !default;
}
&:selected {
-fx-background-color: -color-bg-inset;
-fx-background-color: -color-bg-subtle;
>.tab-container {
>.tab-label {