Update _control-center.scss

This commit is contained in:
vinceliuice
2025-07-27 12:10:57 +08:00
parent a71fcfceec
commit 9bf9fc5a59

View File

@@ -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);
} }
} }
} }