style: adjust scss for consistent styling

This commit is contained in:
tux
2026-02-04 02:55:13 +05:30
parent 38b6cfb89a
commit bd05b722f5
4 changed files with 11 additions and 11 deletions

View File

@@ -15,7 +15,7 @@ window.Bar {
padding: 8px; padding: 8px;
image { image {
-gtk-icon-size: 1.5rem; -gtk-icon-size: 1.2rem;
} }
&:hover { &:hover {
@@ -73,13 +73,13 @@ window.Bar {
padding: 8px; padding: 8px;
image { image {
-gtk-icon-size: 1.5rem; -gtk-icon-size: 1.2rem;
} }
} }
.tray { .tray {
image { image {
-gtk-icon-size: 1.3rem; -gtk-icon-size: 1rem;
} }
menubutton { menubutton {

View File

@@ -15,7 +15,7 @@ window.control-center {
color: $fg-color; color: $fg-color;
background-color: $inactive-color; background-color: $inactive-color;
border-radius: calc($rounded / 1.5); border-radius: calc($rounded / 1.5);
padding: 20px; padding: 15px;
image { image {
-gtk-icon-size: 2rem; -gtk-icon-size: 2rem;
@@ -32,19 +32,19 @@ window.control-center {
.header { .header {
.name { .name {
color: rgba($fg-color, 0.8); color: rgba($fg-color, 0.8);
font-size: 1.8rem; font-size: 1.5rem;
} }
.username { .username {
color: rgba($fg-color, 0.5); color: rgba($fg-color, 0.5);
font-size: 1.2rem; font-size: 1rem;
} }
.controls { .controls {
button { button {
background-color: $inactive-color; background-color: $inactive-color;
border-radius: calc($rounded / 1.5); border-radius: calc($rounded / 1.5);
padding: 10px; padding: 6px;
transition: color 100ms; transition: color 100ms;
&:hover { &:hover {
@@ -56,7 +56,7 @@ window.control-center {
} }
image { image {
-gtk-icon-size: 2rem; -gtk-icon-size: 1.5rem;
} }
} }
} }

View File

@@ -4,7 +4,7 @@ window.launcher {
background: $bg-color; background: $bg-color;
border-radius: $rounded; border-radius: $rounded;
padding: 10px; padding: 10px;
font-size: 1.2rem; font-size: $font-size;
.search { .search {
min-width: 300px; min-width: 300px;
@@ -30,7 +30,7 @@ window.launcher {
} }
image { image {
-gtk-icon-size: 2rem; -gtk-icon-size: 1.5rem;
} }
} }

View File

@@ -3,4 +3,4 @@ $fg-color: #fff;
$bg-color: #101213; $bg-color: #101213;
$inactive-color: #1b1d1e; $inactive-color: #1b1d1e;
$rounded: 14px; $rounded: 14px;
$font-size: 1rem; $font-size: 0.8rem;