henrik/dotfiles
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

styling fixes - less purple

Browse Source
This commit is contained in:
Henrik Bakken
2026-10-07 21:32:33 +02:00
parent 0891f4ffdb
commit 50f61afdf6
5 changed files with 118 additions and 129 deletions
Download Patch File Download Diff File Expand all files Collapse all files
CONFIG/gtk-3.0/settings.ini
+1 -1
View File
@@ -1,5 +1,5 @@
[Settings] [Settings]
gtk-theme-name=Arc-Dark gtk-theme-name=Adwaita-dark
gtk-icon-theme-name=Qogir-dark gtk-icon-theme-name=Qogir-dark
gtk-font-name=Noto Sans 10 gtk-font-name=Noto Sans 10
gtk-cursor-theme-name=Qogir-dark gtk-cursor-theme-name=Qogir-dark
CONFIG/gtklock/config.ini
+1 -1
View File
@@ -1,5 +1,5 @@
[main] [main]
gtk-theme=Arc-Dark gtk-theme-name=Adwaita-dark
time-format=%H:%M time-format=%H:%M
start-hidden=1 start-hidden=1
modules=powerbar-module modules=powerbar-module
CONFIG/gtklock/style.css
+18 -16
View File
@@ -1,43 +1,45 @@
* { * {
border: none; border: none;
text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8) text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.9);
border-radius: 0px;
} }
window { window {
background-image: url("EndeavourOS_Astronaut_SpaceWalk.png"); background-image: url("EndeavourOS_Astronaut_SpaceWalk.png");
background-size: cover; background-size: cover;
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: center; background-position: center;
background-color: black; background-color: #0a0a0a;
} }
#clock-label { #clock-label {
font-family: JetBrainsMono; font-family: JetBrainsMono;
font-size: 64.0px; font-size: 64px;
color: #00e5ff;
} }
#unlock-button { #unlock-button {
background: none; background-color: rgba(10, 10, 10, 0.8);
background-color: rgba(127, 63, 191, 0.4); border: 2px solid #333333;
border: 2px solid rgba(127, 63, 191, 0.5);
padding: 4px; padding: 4px;
color: #ffffff;
} }
#unlock-button:hover { #unlock-button:hover {
background-color: rgba(127, 63, 191, 0.9); border-color: #00e5ff;
background-color: #000000;
} }
#input-field { #input-field {
border-radius: 10px; background-color: rgba(0, 0, 0, 0.8);
background-color: rgba(127, 127, 255, 0.1); border: 2px solid #00e5ff;
border: 2px solid rgba(127, 63, 191, 0.5);
padding-top: 5px; padding-top: 5px;
padding-bottom: 5px; padding-bottom: 5px;
color: #ffffff;
} }
#powerbar-box button { #powerbar-box button {
background: none; background-color: rgba(10, 10, 10, 0.8);
background-color: rgba(127, 63, 191, 0.4); border: 2px solid #333333;
border: 2px solid rgba(127, 63, 191, 0.5); padding: 6px;
border-radius: 10px;
padding: 4px;
} }
#powerbar-box button:hover { #powerbar-box button:hover {
background-color: rgba(127, 63, 191, 0.9); border-color: #00e5ff;
color: #00e5ff;
} }
#input-label { #input-label {
font-size: 0px; font-size: 0px;
CONFIG/nwg-drawer/drawer.css
+23 -18
View File
@@ -1,38 +1,43 @@
window { window {
background-color: rgba (38, 18, 57, 0.9); background-color: rgba(10, 10, 10, 0.95);
color: #eceff4; color: #ffffff;
border-radius: 30px border-radius: 0px;
border-right: 2px solid #00e5ff;
} }
/* search entry */ /* search entry */
entry { entry {
box-shadow: 0 0 6px 5px #2e3440; box-shadow: none;
background-color: rgba (0, 0, 0, 0.5) border: 1px solid #00e5ff;
background-color: #000000;
color: #00e5ff;
padding: 5px;
} }
button, image { button,
background-color: #3b4252; image {
background: none; background-color: transparent;
border: none; background: none;
margin: 10px border: 1px solid transparent;
margin: 5px;
} }
button:hover { button:hover {
background-color: rgba (127, 63, 191, .4); background-color: #111111;
box-shadow: 0 0 6px 5px #190C26 border: 1px solid #00e5ff;
box-shadow: none;
} }
/* in case you wanted to give category buttons a different look */
#category-button { #category-button {
margin: 0 0px 0 0px margin: 0;
} }
#pinned-box { #pinned-box {
padding-bottom: 1px; padding-bottom: 5px;
border-bottom: 1px solid gray border-bottom: 2px solid #333333;
} }
#files-box { #files-box {
padding: 1px; padding: 5px;
border: 1px solid gray border: 1px solid #333333;
} }
CONFIG/waybar/style.css
+75 -93
View File
@@ -1,60 +1,50 @@
/* =============================================================================
*
* Waybar configuration
*
* Configuration reference: https://github.com/Alexays/Waybar/wiki/Configuration
*
* =========================================================================== */
/* ----------------------------------------------------------------------------- /* -----------------------------------------------------------------------------
* Keyframes * Keyframes & Colors
* -------------------------------------------------------------------------- */ * -------------------------------------------------------------------------- */
@define-color highlight #00E5FF;
@define-color highlight #685878 ; @define-color base1 #0A0A0A;
@define-color base1 #19191e ; @define-color text #FFFFFF;
@define-color urgent #FF0033;
@define-color dim #333333;
@keyframes blink-warning { @keyframes blink-warning {
70% { 70% {
color: white; color: @text;
} }
to {
to { color: @text;
color: white; background-color: orange;
background-color: orange; }
}
} }
@keyframes blink-critical { @keyframes blink-critical {
70% { 70% {
color: white; color: @text;
} }
to {
to { color: @text;
color: white; background-color: @urgent;
background-color: red; }
}
} }
/* ----------------------------------------------------------------------------- /* -----------------------------------------------------------------------------
* Base styles * Base styles
* -------------------------------------------------------------------------- */ * -------------------------------------------------------------------------- */
/* Reset all styles */
* { * {
border: none; border: none;
border-radius: 0; border-radius: 0;
min-height: 0; min-height: 0;
margin: 1px; margin: 1px;
padding: 0; padding: 0;
} }
/* The whole bar */
#waybar { #waybar {
background: transparent; background: transparent;
color: #e3e3ea; color: @text;
background-color: @base1; background-color: @base1;
font-family: JetBrainsMono; font-family: JetBrainsMono;
font-size: 13px; font-size: 13px;
border-bottom: 2px solid @dim;
} }
/* Every modules */ /* Every modules */
@@ -69,80 +59,72 @@
#battery, #battery,
#clock, #clock,
#tray { #tray {
padding:0.5rem 0.6rem; padding: 0.5rem 0.6rem;
margin: 1px 0px; margin: 1px 0px;
} }
/* ----------------------------------------------------------------------------- /* -----------------------------------------------------------------------------
* Module styles * Module styles
* -------------------------------------------------------------------------- */ * -------------------------------------------------------------------------- */
#custom-launcher {
margin-left:15px;
margin-right:10px;
}
#workspaces {
font-size:13px;
}
#workspaces button { #workspaces button {
border-radius: 5px; border-radius: 0px;
color: #eceff4; color: @text;
padding: 1px 6px; padding: 1px 6px;
margin-right: 2px; margin-right: 2px;
margin-left: 2px; margin-left: 2px;
border-bottom: 2px solid transparent;
} }
#workspaces button.focused { #workspaces button.focused {
border: 1px solid #d8dee9; border-bottom: 2px solid @highlight;
color: @highlight;
} }
#workspaces button.urgent { #workspaces button.urgent {
border-color: #c9545d; border-color: @urgent;
color: #c9545d; color: @urgent;
} }
#mode { #mode {
background: @highlight; background: @highlight;
border-bottom: 3px transparent; color: #000000;
color:white; font-weight: bold;
margin-left: 5px; margin-left: 5px;
padding: 7px; padding: 7px;
} }
#window { #window {
font-weight: bold; font-weight: bold;
} }
#network.disconnected { #network.disconnected {
color: orange; color: orange;
} }
#cpu.warning { #cpu.warning {
color: orange; color: orange;
} }
#cpu.critical { #cpu.critical {
color: red; color: red;
} }
#memory { #memory {
animation-timing-function: linear; animation-timing-function: linear;
animation-iteration-count: infinite; animation-iteration-count: infinite;
animation-direction: alternate; animation-direction: alternate;
} }
#memory.warning { #memory.warning {
color: orange; color: orange;
} }
#memory.critical { #memory.critical {
color: red; color: red;
animation-name: blink-critical; animation-name: blink-critical;
animation-duration: 2s; animation-duration: 2s;
padding-left:5px; padding-left: 5px;
padding-right:5px; padding-right: 5px;
} }
#backlight.icon { #backlight.icon {
@@ -152,35 +134,35 @@
} }
#pulseaudio.muted { #pulseaudio.muted {
color: @highlight; color: @highlight;
} }
#battery { #battery {
animation-timing-function: linear; animation-timing-function: linear;
animation-iteration-count: infinite; animation-iteration-count: infinite;
animation-direction: alternate; animation-direction: alternate;
} }
#battery.warning { #battery.warning {
color: orange; color: orange;
} }
#battery.critical { #battery.critical {
color: red; color: red;
} }
#battery.warning.discharging { #battery.warning.discharging {
animation-name: blink-warning; animation-name: blink-warning;
animation-duration: 3s; animation-duration: 3s;
} }
#battery.critical.discharging { #battery.critical.discharging {
animation-name: blink-critical; animation-name: blink-critical;
animation-duration: 2s; animation-duration: 2s;
} }
#custom-power { #custom-power {
margin-left:15px; margin-left: 15px;
margin-right:15px; margin-right: 15px;
font-size:15px; font-size: 15px;
} }