mirror of
https://github.com/vinceliuice/Colloid-gtk-theme.git
synced 2025-09-16 05:18:38 -07:00
Update _control-center.scss
This commit is contained in:
@@ -25,62 +25,66 @@ preferencesgroup > box {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.cutout-button { background-color: $dialog_bg_color; }
|
.cutout-button {
|
||||||
|
background-color: $dialog_bg_color;
|
||||||
|
}
|
||||||
|
|
||||||
@if $gnome_version == 'new' {
|
button.accent-button {
|
||||||
button.accent-button {
|
min-height: 24px;
|
||||||
min-height: 24px;
|
min-width: 24px;
|
||||||
min-width: 24px;
|
padding: $base_padding / 2;
|
||||||
padding: $base_padding / 2;
|
border-radius: $circular_radius;
|
||||||
border-radius: $circular_radius;
|
background: var(--accent-bg-color);
|
||||||
background: var(--accent-bg-color);
|
outline: none;
|
||||||
outline: none;
|
background-clip: content-box;
|
||||||
background-clip: content-box;
|
box-shadow: none;
|
||||||
box-shadow: none;
|
|
||||||
|
&:hover {
|
||||||
&:hover { box-shadow: 0 0 0 3px $hover_color; }
|
box-shadow: 0 0 0 3px $hover_color;
|
||||||
|
}
|
||||||
&:checked { box-shadow: 0 0 0 3px $accent_color; }
|
|
||||||
|
&:checked {
|
||||||
&.blue, &.teal, &.green, &.yellow, &.orange, &.red, &.pink, &.purple, &.slate {
|
box-shadow: 0 0 0 3px $accent_color;
|
||||||
--accent-color: oklab(from var(--accent-bg-color) var(--standalone-color-oklab));
|
}
|
||||||
}
|
|
||||||
|
&.blue, &.teal, &.green, &.yellow, &.orange, &.red, &.pink, &.purple, &.slate {
|
||||||
&.blue {
|
--accent-color: oklab(from var(--accent-bg-color) var(--standalone-color-oklab));
|
||||||
--accent-bg-color: var(--accent-blue);
|
}
|
||||||
}
|
|
||||||
|
&.blue {
|
||||||
&.teal {
|
--accent-bg-color: var(--accent-blue);
|
||||||
--accent-bg-color: var(--accent-teal);
|
}
|
||||||
}
|
|
||||||
|
&.teal {
|
||||||
&.green {
|
--accent-bg-color: var(--accent-teal);
|
||||||
--accent-bg-color: var(--accent-green);
|
}
|
||||||
}
|
|
||||||
|
&.green {
|
||||||
&.yellow {
|
--accent-bg-color: var(--accent-green);
|
||||||
--accent-bg-color: var(--accent-yellow);
|
}
|
||||||
}
|
|
||||||
|
&.yellow {
|
||||||
&.orange {
|
--accent-bg-color: var(--accent-yellow);
|
||||||
--accent-bg-color: var(--accent-orange);
|
}
|
||||||
}
|
|
||||||
|
&.orange {
|
||||||
&.red {
|
--accent-bg-color: var(--accent-orange);
|
||||||
--accent-bg-color: var(--accent-red);
|
}
|
||||||
}
|
|
||||||
|
&.red {
|
||||||
&.pink {
|
--accent-bg-color: var(--accent-red);
|
||||||
--accent-bg-color: var(--accent-pink);
|
}
|
||||||
}
|
|
||||||
|
&.pink {
|
||||||
&.purple {
|
--accent-bg-color: var(--accent-pink);
|
||||||
--accent-bg-color: var(--accent-purple);
|
}
|
||||||
}
|
|
||||||
|
&.purple {
|
||||||
&.slate {
|
--accent-bg-color: var(--accent-purple);
|
||||||
--accent-bg-color: var(--accent-slate);
|
}
|
||||||
}
|
|
||||||
|
&.slate {
|
||||||
|
--accent-bg-color: var(--accent-slate);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
Reference in New Issue
Block a user