feat: switch to new font (2)

This commit is contained in:
Ahwx 2025-06-09 01:06:09 +02:00
parent bdb9c3669e
commit 45cff61686
4 changed files with 73 additions and 73 deletions

View file

@ -12,8 +12,8 @@
gtk = { gtk = {
enable = true; enable = true;
font = { font = {
name = "CaskaydiaCove Nerd Font"; name = "GohuFont 14 Nerd Font Mono";
size = 12; size = 14;
}; };
theme = { theme = {
name = "Gruvbox-Green-Dark"; name = "Gruvbox-Green-Dark";

View file

@ -130,7 +130,7 @@
color = rgba(209, 207, 207, 0.75) color = rgba(209, 207, 207, 0.75)
#color = rgba(255, 255, 255, 0.6) #color = rgba(255, 255, 255, 0.6)
font_size = 17 font_size = 17
font_family = JetBrains Mono Nerd Font Mono ExtraBold font_family = GohuFont 14 Nerd Font Mono
position = 0, -200 position = 0, -200
halign = center halign = center
valign = center valign = center
@ -141,7 +141,7 @@
text = cmd[update:6000000] echo "$(bash /home/liv/.local/bin/weather.sh)" text = cmd[update:6000000] echo "$(bash /home/liv/.local/bin/weather.sh)"
color = rgba(255, 255, 255, 1) color = rgba(255, 255, 255, 1)
font_size = 10 font_size = 10
font_family = JetBrains Mono Nerd Font Mono ExtraBold font_family = GohuFont 14 Nerd Font Mono
position = 0, 50 position = 0, 50
halign = center halign = center
valign = top valign = top
@ -152,7 +152,7 @@
text = cmd[update:1000] echo -e "$(/home/liv/.local/bin/hyprlock-battery.sh)" text = cmd[update:1000] echo -e "$(/home/liv/.local/bin/hyprlock-battery.sh)"
color = rgba(255, 255, 255, 1) color = rgba(255, 255, 255, 1)
font_size = 12 font_size = 12
font_family = JetBrains Mono Nerd Font Mono ExtraBold font_family = GohuFont 14 Nerd Font Mono
position = 0, 0 position = 0, 0
halign = right halign = right
valign = bottom valign = bottom

View file

@ -36,8 +36,8 @@ in
settings = { settings = {
fonts = { fonts = {
default_family = "FiraCode Nerd Font"; default_family = "GohuFont 14 Nerd Font Mono";
default_size = "10pt"; default_size = "14pt";
}; };
tabs = { tabs = {

View file

@ -41,7 +41,7 @@
"button-text": " Clear all " "button-text": " Clear all "
}, },
"dnd": { "dnd": {
"text": " Do Not Disturb" "text": " Do not disturb"
}, },
} }
} }
@ -51,25 +51,25 @@
* { * {
all: unset; all: unset;
font-size: 14px; font-size: 14px;
font-family: "Ubuntu Nerd Font"; font-family: "GohuFont 14 Nerd Font Mono";
transition: 200ms; transition: 200ms;
} }
trough highlight { trough highlight {
background: #cdd6f4; background: #cdd6f4;
} }
scale trough { scale trough {
margin: 0rem 1rem; margin: 0rem 1rem;
background-color: #313244; background-color: #313244;
min-height: 8px; min-height: 8px;
min-width: 70px; min-width: 70px;
} }
slider { slider {
background-color: #89b4fa; background-color: #89b4fa;
} }
.floating-notifications.background .notification-row .notification-background { .floating-notifications.background .notification-row .notification-background {
box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.8), inset 0 0 0 1px #313244; box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.8), inset 0 0 0 1px #313244;
margin: 18px; margin: 18px;
@ -77,71 +77,71 @@
color: #cdd6f4; color: #cdd6f4;
padding: 0; padding: 0;
} }
.floating-notifications.background .notification-row .notification-background .notification { .floating-notifications.background .notification-row .notification-background .notification {
padding: 7px; padding: 7px;
} }
.floating-notifications.background .notification-row .notification-background .notification.critical { .floating-notifications.background .notification-row .notification-background .notification.critical {
box-shadow: inset 0 0 7px 0 #f38ba8; box-shadow: inset 0 0 7px 0 #f38ba8;
} }
.floating-notifications.background .notification-row .notification-background .notification .notification-content { .floating-notifications.background .notification-row .notification-background .notification .notification-content {
margin: 7px; margin: 7px;
} }
.floating-notifications.background .notification-row .notification-background .notification .notification-content .summary { .floating-notifications.background .notification-row .notification-background .notification .notification-content .summary {
color: #cdd6f4; color: #cdd6f4;
} }
.floating-notifications.background .notification-row .notification-background .notification .notification-content .time { .floating-notifications.background .notification-row .notification-background .notification .notification-content .time {
color: #a6adc8; color: #a6adc8;
} }
.floating-notifications.background .notification-row .notification-background .notification .notification-content .body { .floating-notifications.background .notification-row .notification-background .notification .notification-content .body {
color: #cdd6f4; color: #cdd6f4;
} }
.floating-notifications.background .notification-row .notification-background .notification > *:last-child > * { .floating-notifications.background .notification-row .notification-background .notification > *:last-child > * {
min-height: 3.4em; min-height: 3.4em;
} }
.floating-notifications.background .notification-row .notification-background .notification > *:last-child > * .notification-action { .floating-notifications.background .notification-row .notification-background .notification > *:last-child > * .notification-action {
color: #cdd6f4; color: #cdd6f4;
background-color: #000000; background-color: #000000;
box-shadow: inset 0 0 0 1px #45475a; box-shadow: inset 0 0 0 1px #45475a;
margin: 7px; margin: 7px;
} }
.floating-notifications.background .notification-row .notification-background .notification > *:last-child > * .notification-action:hover { .floating-notifications.background .notification-row .notification-background .notification > *:last-child > * .notification-action:hover {
box-shadow: inset 0 0 0 1px #45475a; box-shadow: inset 0 0 0 1px #45475a;
background-color: #000000; background-color: #000000;
color: #cdd6f4; color: #cdd6f4;
} }
.floating-notifications.background .notification-row .notification-background .notification > *:last-child > * .notification-action:active { .floating-notifications.background .notification-row .notification-background .notification > *:last-child > * .notification-action:active {
box-shadow: inset 0 0 0 1px #45475a; box-shadow: inset 0 0 0 1px #45475a;
background-color: #000000; background-color: #000000;
color: #cdd6f4; color: #cdd6f4;
} }
.floating-notifications.background .notification-row .notification-background .close-button { .floating-notifications.background .notification-row .notification-background .close-button {
margin: 7px; margin: 7px;
padding: 2px; padding: 2px;
color: #1e1e2e; color: #1e1e2e;
background-color: #000000; background-color: #000000;
} }
.floating-notifications.background .notification-row .notification-background .close-button:hover { .floating-notifications.background .notification-row .notification-background .close-button:hover {
background-color: #000000; background-color: #000000;
color: #1e1e2e; color: #1e1e2e;
} }
.floating-notifications.background .notification-row .notification-background .close-button:active { .floating-notifications.background .notification-row .notification-background .close-button:active {
background-color: #000000; background-color: #000000;
color: #1e1e2e; color: #1e1e2e;
} }
.control-center { .control-center {
box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.8), inset 0 0 0 1px #313244; box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.8), inset 0 0 0 1px #313244;
margin: 18px; margin: 18px;
@ -149,229 +149,229 @@
color: #cdd6f4; color: #cdd6f4;
padding: 14px; padding: 14px;
} }
.control-center .widget-title > label { .control-center .widget-title > label {
color: #cdd6f4; color: #cdd6f4;
font-size: 1.3em; font-size: 1.3em;
} }
.control-center .widget-title button { .control-center .widget-title button {
color: #cdd6f4; color: #cdd6f4;
background-color: #313244; background-color: #313244;
box-shadow: inset 0 0 0 1px #45475a; box-shadow: inset 0 0 0 1px #45475a;
padding: 8px; padding: 8px;
} }
.control-center .widget-title button:hover { .control-center .widget-title button:hover {
box-shadow: inset 0 0 0 1px #45475a; box-shadow: inset 0 0 0 1px #45475a;
background-color: #585b70; background-color: #585b70;
color: #cdd6f4; color: #cdd6f4;
} }
.control-center .widget-title button:active { .control-center .widget-title button:active {
box-shadow: inset 0 0 0 1px #45475a; box-shadow: inset 0 0 0 1px #45475a;
background-color: #74c7ec; background-color: #74c7ec;
color: #1e1e2e; color: #1e1e2e;
} }
.control-center .notification-row .notification-background { .control-center .notification-row .notification-background {
color: #cdd6f4; color: #cdd6f4;
background-color: #313244; background-color: #313244;
box-shadow: inset 0 0 0 1px #45475a; box-shadow: inset 0 0 0 1px #45475a;
margin-top: 14px; margin-top: 14px;
} }
.control-center .notification-row .notification-background .notification { .control-center .notification-row .notification-background .notification {
padding: 7px; padding: 7px;
} }
.control-center .notification-row .notification-background .notification.critical { .control-center .notification-row .notification-background .notification.critical {
box-shadow: inset 0 0 7px 0 #f38ba8; box-shadow: inset 0 0 7px 0 #f38ba8;
} }
.control-center .notification-row .notification-background .notification .notification-content { .control-center .notification-row .notification-background .notification .notification-content {
margin: 7px; margin: 7px;
} }
.control-center .notification-row .notification-background .notification .notification-content .summary { .control-center .notification-row .notification-background .notification .notification-content .summary {
color: #cdd6f4; color: #cdd6f4;
} }
.control-center .notification-row .notification-background .notification .notification-content .time { .control-center .notification-row .notification-background .notification .notification-content .time {
color: #a6adc8; color: #a6adc8;
} }
.control-center .notification-row .notification-background .notification .notification-content .body { .control-center .notification-row .notification-background .notification .notification-content .body {
color: #cdd6f4; color: #cdd6f4;
} }
.control-center .notification-row .notification-background .notification > *:last-child > * { .control-center .notification-row .notification-background .notification > *:last-child > * {
min-height: 3.4em; min-height: 3.4em;
} }
.control-center .notification-row .notification-background .notification > *:last-child > * .notification-action { .control-center .notification-row .notification-background .notification > *:last-child > * .notification-action {
color: #cdd6f4; color: #cdd6f4;
background-color: #11111b; background-color: #11111b;
box-shadow: inset 0 0 0 1px #45475a; box-shadow: inset 0 0 0 1px #45475a;
margin: 7px; margin: 7px;
} }
.control-center .notification-row .notification-background .notification > *:last-child > * .notification-action:hover { .control-center .notification-row .notification-background .notification > *:last-child > * .notification-action:hover {
box-shadow: inset 0 0 0 1px #45475a; box-shadow: inset 0 0 0 1px #45475a;
background-color: #313244; background-color: #313244;
color: #cdd6f4; color: #cdd6f4;
} }
.control-center .notification-row .notification-background .notification > *:last-child > * .notification-action:active { .control-center .notification-row .notification-background .notification > *:last-child > * .notification-action:active {
box-shadow: inset 0 0 0 1px #45475a; box-shadow: inset 0 0 0 1px #45475a;
background-color: #74c7ec; background-color: #74c7ec;
color: #cdd6f4; color: #cdd6f4;
} }
.control-center .notification-row .notification-background .close-button { .control-center .notification-row .notification-background .close-button {
margin: 7px; margin: 7px;
padding: 2px; padding: 2px;
color: #1e1e2e; color: #1e1e2e;
background-color: #eba0ac; background-color: #eba0ac;
} }
.close-button { .close-button {
} }
.control-center .notification-row .notification-background .close-button:hover { .control-center .notification-row .notification-background .close-button:hover {
background-color: #f38ba8; background-color: #f38ba8;
color: #1e1e2e; color: #1e1e2e;
} }
.control-center .notification-row .notification-background .close-button:active { .control-center .notification-row .notification-background .close-button:active {
background-color: #f38ba8; background-color: #f38ba8;
color: #1e1e2e; color: #1e1e2e;
} }
.control-center .notification-row .notification-background:hover { .control-center .notification-row .notification-background:hover {
box-shadow: inset 0 0 0 1px #45475a; box-shadow: inset 0 0 0 1px #45475a;
background-color: #7f849c; background-color: #7f849c;
color: #cdd6f4; color: #cdd6f4;
} }
.control-center .notification-row .notification-background:active { .control-center .notification-row .notification-background:active {
box-shadow: inset 0 0 0 1px #45475a; box-shadow: inset 0 0 0 1px #45475a;
background-color: #74c7ec; background-color: #74c7ec;
color: #cdd6f4; color: #cdd6f4;
} }
.notification.critical progress { .notification.critical progress {
background-color: #f38ba8; background-color: #f38ba8;
} }
.notification.low progress, .notification.low progress,
.notification.normal progress { .notification.normal progress {
background-color: #89b4fa; background-color: #89b4fa;
} }
.control-center-dnd { .control-center-dnd {
margin-top: 5px; margin-top: 5px;
background: #313244; background: #313244;
border: 1px solid #45475a; border: 1px solid #45475a;
box-shadow: none; box-shadow: none;
} }
.control-center-dnd:checked { .control-center-dnd:checked {
background: #313244; background: #313244;
} }
.control-center-dnd slider { .control-center-dnd slider {
background: #45475a; background: #45475a;
} }
.widget-dnd { .widget-dnd {
margin: 0px; margin: 0px;
font-size: 1.1rem; font-size: 1.1rem;
} }
.widget-dnd > switch { .widget-dnd > switch {
font-size: initial; font-size: initial;
background: #313244; background: #313244;
border: 1px solid #45475a; border: 1px solid #45475a;
box-shadow: none; box-shadow: none;
} }
.widget-dnd > switch:checked { .widget-dnd > switch:checked {
background: #313244; background: #313244;
} }
.widget-dnd > switch slider { .widget-dnd > switch slider {
background: #45475a; background: #45475a;
border: 1px solid #6c7086; border: 1px solid #6c7086;
} }
.widget-mpris .widget-mpris-player { .widget-mpris .widget-mpris-player {
background: #313244; background: #313244;
padding: 7px; padding: 7px;
} }
.widget-mpris .widget-mpris-title { .widget-mpris .widget-mpris-title {
font-size: 1.2rem; font-size: 1.2rem;
} }
.widget-mpris .widget-mpris-subtitle { .widget-mpris .widget-mpris-subtitle {
font-size: 0.8rem; font-size: 0.8rem;
} }
.widget-menubar > box > .menu-button-bar > button > label { .widget-menubar > box > .menu-button-bar > button > label {
font-size: 3rem; font-size: 3rem;
padding: 0.5rem 2rem; padding: 0.5rem 2rem;
} }
.widget-menubar > box > .menu-button-bar > :last-child { .widget-menubar > box > .menu-button-bar > :last-child {
color: #f38ba8; color: #f38ba8;
} }
.power-buttons button:hover, .power-buttons button:hover,
.powermode-buttons button:hover, .powermode-buttons button:hover,
.screenshot-buttons button:hover { .screenshot-buttons button:hover {
background: #313244; background: #313244;
} }
.control-center .widget-label > label { .control-center .widget-label > label {
color: #cdd6f4; color: #cdd6f4;
font-size: 2rem; font-size: 2rem;
} }
.widget-buttons-grid { .widget-buttons-grid {
padding-top: 1rem; padding-top: 1rem;
} }
.widget-buttons-grid > flowbox > flowboxchild > button label { .widget-buttons-grid > flowbox > flowboxchild > button label {
font-size: 2.5rem; font-size: 2.5rem;
} }
.widget-volume { .widget-volume {
padding-top: 1rem; padding-top: 1rem;
} }
.widget-volume label { .widget-volume label {
font-size: 1.5rem; font-size: 1.5rem;
color: #74c7ec; color: #74c7ec;
} }
.widget-volume trough highlight { .widget-volume trough highlight {
background: #74c7ec; background: #74c7ec;
} }
.widget-backlight trough highlight { .widget-backlight trough highlight {
background: #f9e2af; background: #f9e2af;
} }
.widget-backlight scale { .widget-backlight scale {
margin-right: 1rem; margin-right: 1rem;
} }
.widget-backlight label { .widget-backlight label {
font-size: 1.5rem; font-size: 1.5rem;
color: #f9e2af; color: #f9e2af;
} }
.widget-backlight .KB { .widget-backlight .KB {
padding-bottom: 1rem; padding-bottom: 1rem;
} }