Shinonome/dots-hyprland
1
0
Fork 1
mirror of https://github.com/end-4/dots-hyprland.git synced 2026-06-06 07:19:27 -05:00
Code Issues Actions Packages Projects Releases Wiki Activity

update styles (#327)

Browse Source
This commit is contained in:
end-4
2024-03-21 19:20:09 +07:00
parent 28168d1282
commit 0fdadb7a2f
5 changed files with 37 additions and 48 deletions
Download Patch File Download Diff File Expand all files Collapse all files
.config/ags/scss/_common.scss
+14 -23
View File
@@ -2,11 +2,6 @@
// border: 1px solid $onSurfaceVariant; // Debugging
// }
// *:focus {
// outline: 1px solid mix($onSurface, $surface, 40%);
// -gtk-outline-radius: $rounding_small;
// }
* {
selection {
background-color: $secondary;
@@ -89,9 +84,8 @@ tooltip {
animation-timing-function: ease-out;
animation-iteration-count: 1;
@include normal-rounding;
background-color: $surfaceVariant;
color: $onSurfaceVariant;
border: 1px solid $onSurfaceVariant;
background-color: $inverseSurface;
color: $inverseOnSurface;
}
/////////////////////////////////////////
@@ -107,8 +101,8 @@ tooltip {
popover {
@include elevation-border-softer;
padding: 0.681rem;
background: $surfaceVariant;
color: $onSurfaceVariant;
background: $surfaceContainerHigh;
color: $onSurface;
border-radius: 1.159rem;
-gtk-outline-radius: 1.159rem;
@@ -123,17 +117,11 @@ popover {
.configtoggle-box {
padding: 0.205rem 0.341rem;
border: 0.136rem solid transparent;
}
.configtoggle-box:focus {
border: 0.136rem solid mix($onSurface, $surface, 40%);
}
.switch-bg {
@include element_decel;
@include full-rounding;
background-color: mix($surface, $background, 50%);
border: 0.136rem solid $onSurface;
min-width: 2.864rem;
min-height: 1.637rem;
@@ -148,7 +136,7 @@ popover {
@include full-rounding;
@include menu_decel;
background-color: $onSurface;
color: $surface;
color: $layer1;
min-width: 0.819rem;
min-height: 0.819rem;
margin-left: 0.477rem;
@@ -195,7 +183,7 @@ popover {
.segment-btn:focus,
.segment-btn:hover {
background-color: $hovercolor;
background-color: $layer0Hover;
}
.segment-btn-enabled {
@@ -215,13 +203,13 @@ popover {
.multipleselection-btn {
@include small-rounding;
padding: 0rem 0.341rem;
border: 0.034rem solid $outlineVariant;
border: 0.034rem solid $outline;
color: $onSurface;
}
.multipleselection-btn:focus,
.multipleselection-btn:hover {
background-color: $hovercolor;
background-color: $layer0Hover;
color: $onSurface;
}
@@ -264,12 +252,15 @@ popover {
@include small-rounding;
@include element_decel;
min-height: 2.5rem;
color: $onSurface;
color: $onLayer0;
}
.tab-btn:hover {
background-color: $layer0Hover;
}
.tab-btn:hover,
.tab-btn:focus {
background-color: $hovercolor;
background-color: $surfaceContainerLow;
}
.tab-btn-active>box>label {
.config/ags/scss/_desktopbackground.scss
+8 -10
View File
@@ -17,14 +17,14 @@
@include titlefont;
@include bg-textshadow;
font-size: 5.795rem;
color: $onBackground;
color: $onLayer0;
}
.bg-time-date {
@include titlefont;
@include bg-textshadow;
font-size: 2.591rem;
color: $onBackground;
color: $onLayer0;
}
.bg-distro-box {
@@ -37,7 +37,7 @@
@include titlefont;
@include bg-textshadow;
font-size: 1.432rem;
color: $onBackground;
color: $onLayer0;
}
.bg-distro-name {
@@ -61,9 +61,8 @@
.bg-quicklaunch-btn {
@include mainfont;
@include full-rounding;
background-color: $surfaceVariant;
color: $onSurfaceVariant;
border: 0.068rem solid $subtext;
background-color: $layer2;
color: $onLayer2;
min-width: 4.432rem;
min-height: 2.045rem;
padding: 0.273rem 0.682rem;
@@ -71,11 +70,11 @@
.bg-quicklaunch-btn:hover,
.bg-quicklaunch-btn:focus {
background-color: mix($surfaceVariant, $onSurfaceVariant, 95%);
background-color: $layer2Hover;
}
.bg-quicklaunch-btn:active {
background-color: mix($surfaceVariant, $onSurfaceVariant, 90%);
background-color: $layer2Active;
}
.bg-system-bg {
@@ -85,10 +84,9 @@
.bg-system-circprog {
@include fluent_decel_long;
// margin-left: 0.273rem;
min-width: 0.205rem; // Trough stroke width
min-height: 4.091rem; // Diameter
font-size: 0px;
padding: 0rem;
background-color: $surfaceVariant;
background-color: $layer2;
}
.config/ags/scss/_dock.scss
+3 -3
View File
@@ -12,11 +12,11 @@
.dock-app-btn:hover,
.dock-app-btn:focus {
background-color: mix($surface, $onSurface, 90%);
background-color: $layer0Hover;
}
.dock-app-btn:active {
background-color: mix($surface, $onSurface, 85%);
background-color: $layer0Active;
}
.dock-app-icon {
@@ -27,5 +27,5 @@
.dock-separator {
min-width: 0.068rem;
background-color: $surfaceVariant;
background-color: $outline;
}
.config/ags/scss/_notifications.scss
+11 -11
View File
@@ -5,7 +5,7 @@
.notif-low {
@include notif-rounding;
background-color: $layer2;
color: $onSurfaceVariant;
color: $onLayer2;
padding: $rounding_small;
padding-right: $rounding_small + 0.545rem;
}
@@ -13,7 +13,7 @@
.notif-normal {
@include notif-rounding;
background-color: $layer2;
color: $onSurfaceVariant;
color: $onLayer2;
padding: $rounding_small;
padding-right: $rounding_small + 0.545rem;
}
@@ -44,7 +44,7 @@
min-width: 30.682rem;
background-color: $layer2;
border: 0.034rem solid $outlineVariant;
color: $onSurfaceVariant;
color: $onLayer2;
padding: $rounding_small;
padding-right: $rounding_small + 0.545rem;
}
@@ -54,7 +54,7 @@
min-width: 30.682rem;
background-color: $layer2;
border: 0.034rem solid $outlineVariant;
color: $onSurfaceVariant;
color: $onLayer2;
padding: $rounding_small;
padding-right: $rounding_small + 0.545rem;
}
@@ -129,11 +129,11 @@
.notif-expand-btn:hover,
.notif-expand-btn:focus {
background: $hovercolor;
background: $layer2Hover;
}
.notif-expand-btn:active {
background: $activecolor;
background: $layer2Active;
}
.notif-listaction-btn {
@@ -143,11 +143,11 @@
.notif-listaction-btn:hover,
.notif-listaction-btn:focus {
background-color: $hovercolor;
background-color: $layer2Hover;
}
.notif-listaction-btn:active {
background-color: $activecolor;
background-color: $layer2Active;
}
.notif-listaction-btn-enabled {
@@ -166,7 +166,7 @@
.osd-notif {
@include notif-rounding;
background-color: $background;
background-color: $layer0;
min-width: 30.682rem;
}
@@ -204,7 +204,7 @@
.notif-action-low {
background-color: $surfaceContainerHighest;
color: $onSurfaceVariant;
color: $onLayer2;
}
.notif-action-low:focus,
@@ -218,7 +218,7 @@
.notif-action-normal {
background-color: $surfaceContainerHighest;
color: $onSurfaceVariant;
color: $onSurface;
}
.notif-action-normal:focus,
.config/ags/scss/_osd.scss
+1 -1
View File
@@ -83,7 +83,7 @@
}
.osd-colorscheme-settings {
background-color: $background;
background-color: $layer0;
padding: 0.313rem 0.626rem;
@include small-rounding;
}