Chillcraft/Colloid-gtk-theme
3
0
Fork 0
mirror of https://github.com/vinceliuice/Colloid-gtk-theme.git synced 2025-09-15 21:08:39 -07:00
Code Issues Packages Projects Releases Wiki Activity

update

Browse Source
This commit is contained in:
vinceliuice
2024-05-13 05:51:11 +08:00
parent 9d70919f34
commit ab47b98069
1 changed files with 17 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
src/sass/libadwaita/widgets/_checks.scss
View File

@@ -21,7 +21,7 @@ radio {
min-width: 20px; min-width: 20px;
-gtk-icon-size: 20px; -gtk-icon-size: 20px;
padding: 0; padding: 0;
box-shadow: 0 0 0 6px transparent; box-shadow: 0 0 0 0 transparent;
background-color: gtkalpha(currentColor, 0.12); background-color: gtkalpha(currentColor, 0.12);
transition: $transition, transition: $transition,
box-shadow $ripple-fade-out-duration / 2 $ease-out; box-shadow $ripple-fade-out-duration / 2 $ease-out;
@@ -44,8 +44,15 @@ radio {
color: $accent_fg_color; color: $accent_fg_color;
box-shadow: none; box-shadow: none;
&:hover { background-image: image(gtkalpha(currentColor, 0.1)); } &:hover {
&:active { background-image: image(gtkalpha(currentColor, 0.2)); } background-image: image(gtkalpha(currentColor, 0.1));
box-shadow: 0 0 0 6px gtkalpha($accent_bg_color, 0.05);
}
&:active {
background-image: image(gtkalpha(currentColor, 0.2));
box-shadow: 0 0 0 6px gtkalpha($accent_bg_color, 0.12);
}
} }
&:disabled { &:disabled {
@@ -88,3 +95,10 @@ checkbutton.selection-mode {
&:dir(rtl) { margin-left: $base_padding; } &:dir(rtl) { margin-left: $base_padding; }
} }
} }
// ANIMATION:
// this is made with those pretty convoluted transitions, since checks and radios have to animate only on state changes,
// the transformation is set on the active state and it get reset on the checked state.
check:not(:checked):active { -gtk-icon-transform: rotate(90deg); }
// radio:not(:checked):active { -gtk-icon-transform: scale(0); }