Black/Gold theme

This commit is contained in:
2025-08-18 22:38:52 +02:00
parent b046749d1f
commit f073b42adb
13 changed files with 159 additions and 134 deletions

102
build.sh
View File

@@ -34,7 +34,7 @@ SYSTEM_TOOLS="
vim vim
neovim neovim
ranger ranger
bashtop htop
" "
DISPLAY_MANAGER=" DISPLAY_MANAGER="
@@ -148,23 +148,25 @@ install_system_files() {
} }
apply_gtk_settings() { apply_gtk_settings() {
log_info "Applying GTK settings..." :
export XDG_RUNTIME_DIR="/run/user/$(id -u "$ORIG_USER")" # JUST CHECKING IF .config/gtk4.0/settings.ini ACTUALLY WORKS
DBUS_ADDR="unix:path=${XDG_RUNTIME_DIR}/bus" # log_info "Applying GTK settings..."
# export XDG_RUNTIME_DIR="/run/user/$(id -u "$ORIG_USER")"
# DBUS_ADDR="unix:path=${XDG_RUNTIME_DIR}/bus"
for setting in \ # for setting in \
"org.gnome.desktop.interface gtk-theme Orchis-Dark-Compact" \ # "org.gnome.desktop.interface gtk-theme Graphite-Dark-compact" \
"org.gnome.desktop.interface icon-theme Orchis-Dark-Compact" \ # "org.gnome.desktop.interface icon-theme Tela-grey-dark" \
"org.gnome.desktop.interface color-scheme prefer-dark" # "org.gnome.desktop.interface color-scheme prefer-dark"
do # do
if sudo -u "$ORIG_USER" \ # if sudo -u "$ORIG_USER" \
DBUS_SESSION_BUS_ADDRESS="$DBUS_ADDR" \ # DBUS_SESSION_BUS_ADDRESS="$DBUS_ADDR" \
gsettings set $setting; then # gsettings set $setting; then
log_success "Set $setting" # log_success "Set $setting"
else # else
log_warn "Failed to set $setting" # log_warn "Failed to set $setting"
fi # fi
done # done
} }
enable_sddm() { enable_sddm() {
@@ -197,6 +199,56 @@ install_sddm_theme() {
log_success "SDDM theme installed and repo removed." log_success "SDDM theme installed and repo removed."
} }
install_gtk_theme() {
log_info "Installing GTK theme..."
if [ -d "$ORIG_HOME/.themes/Graphite-Dark-compact" ]; then
log_success "GTK theme already installed."
return
fi
sudo -u "$ORIG_USER" mkdir -p "$ORIG_HOME/Repositories"
cd "$ORIG_HOME/Repositories" || return
if [ ! -d "graphite-gtk" ]; then
sudo -u "$ORIG_USER" git clone https://github.com/vinceliuice/Graphite-gtk-theme.git graphite-gtk
else
log_warn "Theme repo already exists, skipping clone."
fi
cd "$ORIG_HOME/Repositories/graphite-gtk" || return
sudo -u "$ORIG_USER" ./install.sh -c dark --tweaks rimless --size compact --round 0px
log_info "Cleaning up theme repository..."
rm -rf "$ORIG_HOME/Repositories/graphite-gtk"
log_success "GTK theme installed and repo removed."
}
install_gtk_icons() {
log_info "Installing Tela icons..."
if [ -d "$ORIG_HOME/.local/share/icons/Tela-grey-dark" ]; then
log_success "GTK theme already installed."
return
fi
sudo -u "$ORIG_USER" mkdir -p "$ORIG_HOME/Repositories"
cd "$ORIG_HOME/Repositories" || return
if [ ! -d "tela-icons" ]; then
sudo -u "$ORIG_USER" git clone https://github.com/vinceliuice/Tela-icon-theme.git tela-icons
else
log_warn "Theme repo already exists, skipping clone."
fi
cd "$ORIG_HOME/Repositories/tela-icons" || return
sudo -u "$ORIG_USER" ./install.sh -c grey
log_info "Cleaning up icons repository..."
rm -rf "$ORIG_HOME/Repositories/tela-icons"
log_success "Tela icons installed and repo removed."
}
run_dotfiles_setup() { run_dotfiles_setup() {
log_info "Running dotfiles setup..." log_info "Running dotfiles setup..."
cd "$ORIG_PWD" cd "$ORIG_PWD"
@@ -244,14 +296,16 @@ run_dotfiles_setup() {
} }
# === Main flow === # === Main flow ===
update_system # update_system
install_packages # install_packages
install_nvidia_drivers # install_nvidia_drivers
apply_gtk_settings # install_gtk_theme
install_sddm_theme # install_gtk_icons
install_system_files # apply_gtk_settings
# install_sddm_theme
# install_system_files
run_dotfiles_setup run_dotfiles_setup
enable_sddm # enable_sddm
log_success "Setup completed successfully." log_success "Setup completed successfully."

View File

@@ -1,5 +1,5 @@
[Settings] [Settings]
gtk-icon-theme-name = Orchis-Dark-Compact gtk-icon-theme-name = Graphite-Dark-compact
gtk-theme-name = Orchis-Dark-Compact gtk-theme-name = Tela-grey-dark
gtk-font-name = Console Sans 11 gtk-font-name = Console Sans 11
gtk-application-prefer-dark-theme = true gtk-application-prefer-dark-theme = true

View File

@@ -0,0 +1,5 @@
[Settings]
gtk-icon-theme-name = Graphite-Dark-compact
gtk-theme-name = Tela-grey-dark
gtk-font-name = Console Sans 11
gtk-application-prefer-dark-theme = true

View File

@@ -70,8 +70,8 @@ general {
border_size = 5 border_size = 5
# https://wiki.hyprland.org/Configuring/Variables/#variable-types for info about colors # https://wiki.hyprland.org/Configuring/Variables/#variable-types for info about colors
col.active_border = rgb(4a5a6b) rgb(3a3f45) 45deg col.active_border = rgb(C4B02F) rgb(1C1E1F) 30deg
col.inactive_border = rgba(595959aa) col.inactive_border = rgba(aeb3ad66)
# Set to true enable resizing windows by clicking and dragging on borders and gaps # Set to true enable resizing windows by clicking and dragging on borders and gaps
resize_on_border = false resize_on_border = false

View File

@@ -1,12 +1,12 @@
# BACKGROUND # BACKGROUND
background { background {
monitor = monitor =
color = $background color = rgb(242425)
blur_passes = 2 blur_passes = 2
contrast = 1 contrast = 1
brightness = 0.5 brightness = 0.5
vibrancy = 0.2 vibrancy = 0.1696
vibrancy_darkness = 0.2 vibrancy_darkness = 0.05
} }
# GENERAL # GENERAL
@@ -23,18 +23,32 @@ input-field {
monitor = monitor =
size = 250, 60 size = 250, 60
outline_thickness = 2 outline_thickness = 2
dots_size = 0.2 # Scale of input-field height, 0.2 - 0.8 dots_size = 0.2
dots_spacing = 0.35 # Scale of dots' absolute size, 0.0 - 1.0 dots_spacing = 0.35
dots_center = true dots_center = true
outer_color = rgba(0, 0, 0, 0) outer_color = rgb(1C1E1F)
inner_color = rgba(0, 0, 0, 0.2) inner_color = rgb(1C1E1F)
font_color = rgb(255, 255, 255) font_color = rgb(E0E6ED)
fade_on_empty = false fade_on_empty = false
rounding = -1 rounding = -1
check_color = rgb(204, 136, 34) check_color = rgb(E04040)
fail_color = rgb(E04040)
hide_input = false hide_input = false
position = 0, -200 position = 0, -200
halign = center halign = center
valign = center valign = center
placeholder_text = placeholder_text =
fail_text =
}
# TIME
label {
monitor =
text = cmd[update:1000] echo "<b><big> $(date +"%H:%M:%S") </big></b>"
color = rgb(E0E6ED)
font_size = 94
font_family = Console
position = 0, 300
halign = center
valign = center
} }

View File

@@ -1,4 +1,4 @@
font_family Terminus font_family family="JetBrains Mono"
bold_font auto bold_font auto
italic_font auto italic_font auto
bold_italic_font auto bold_italic_font auto

View File

@@ -12,12 +12,12 @@ max-icon-size=64
default-timeout=5000 default-timeout=5000
ignore-timeout=1 ignore-timeout=1
background-color=#1E2226 background-color=#242425
border-size=2 border-size=3
border-color=#4c5a66 border-color=#C4B02F
border-radius=0 border-radius=0
text-color=#e0e6ed text-color=#e0e6ed
[urgency=high] [urgency=high]
border-color=#bf616a border-color=#E04040
default-timeout=0 default-timeout=0

View File

@@ -33,10 +33,7 @@
}, },
"cpu": { "cpu": {
"format": "{usage}% ", "format": "{usage}% ",
"tooltip": false "tooltip": true
},
"memory": {
"format": "{}% "
}, },
"battery": { "battery": {
"states": { "states": {

View File

@@ -3,12 +3,14 @@
<object class="GtkMenu" id="menu"> <object class="GtkMenu" id="menu">
<child> <child>
<object class="GtkMenuItem" id="shutdown"> <object class="GtkMenuItem" id="shutdown">
<property name="label">Shutdown</property> <property name="label">Power Off</property>
<property name="tooltip-text">Terminate all systems and cut power supply</property>
</object> </object>
</child> </child>
<child> <child>
<object class="GtkMenuItem" id="reboot"> <object class="GtkMenuItem" id="reboot">
<property name="label">Reboot</property> <property name="label">Reboot</property>
<property name="tooltip-text">Reinitialize system components</property>
</object> </object>
</child> </child>
<child> <child>
@@ -17,6 +19,7 @@
<child> <child>
<object class="GtkMenuItem" id="lock"> <object class="GtkMenuItem" id="lock">
<property name="label">Lock</property> <property name="label">Lock</property>
<property name="tooltip-text">Secure session and block access</property>
</object> </object>
</child> </child>
<child> <child>
@@ -25,11 +28,7 @@
<child> <child>
<object class="GtkMenuItem" id="suspend"> <object class="GtkMenuItem" id="suspend">
<property name="label">Suspend</property> <property name="label">Suspend</property>
</object> <property name="tooltip-text">Pause system operations, maintain minimal power</property>
</child>
<child>
<object class="GtkMenuItem" id="hibernate">
<property name="label">Hibernate</property>
</object> </object>
</child> </child>
</object> </object>

View File

@@ -4,9 +4,9 @@
} }
window#waybar { window#waybar {
background-color: rgba(30, 34, 38, 1); background-color: rgba(28, 30, 31, 1);
border-bottom: 2px solid #4c5a66; border-bottom: 2px solid rgba(28, 30, 31, 1);
color: #e0e6ed; color: rgba(224, 230, 237, 1);
transition: background-color 0.5s; transition: background-color 0.5s;
} }
@@ -14,62 +14,17 @@ window#waybar.hidden {
opacity: 0.2; opacity: 0.2;
} }
button {
box-shadow: inset 0 -2px transparent;
border: none;
border-radius: 0;
}
button:hover {
background: rgba(76, 90, 102, 0.2);
box-shadow: inset 0 -2px #90a4b8;
}
#workspaces button {
padding: 0 5px;
background-color: transparent;
color: #cbd3db;
}
#workspaces button:hover {
background: rgba(144, 164, 184, 0.1);
}
#workspaces button.focused {
background-color: #3b4651;
box-shadow: inset 0 -2px #90a4b8;
color: #ffffff;
}
#workspaces button.urgent {
background-color: #b03c3c;
color: #ffffff;
}
#mode {
background-color: #3b4651;
box-shadow: inset 0 -2px #90a4b8;
color: #ffffff;
}
#clock, #clock,
#battery, #battery,
#cpu, #cpu,
#temperature,
#backlight,
#network, #network,
#pulseaudio, #pulseaudio,
#custom-media, #tray{
#tray,
#mode,
#scratchpad,
#keyboard-state {
padding: 0 10px; padding: 0 10px;
color: #e0e6ed; color: rgba(224, 230, 237, 1);
} }
#window, #window {
#workspaces {
margin: 0 4px; margin: 0 4px;
} }
@@ -81,42 +36,42 @@ button:hover {
} }
#clock { #clock {
background-color: rgba(76, 90, 102, 1); background-color: rgba(28, 30, 31, 1);
} }
#custom-power { #custom-power {
background-color: rgba(76, 90, 102, 1); background-color: rgba(224, 64, 64, 1);
} }
#battery { #battery {
background-color: rgba(76, 90, 102, 1); background-color: rgba(28, 30, 31, 1);
} }
#cpu { #cpu {
background-color: rgba(76, 90, 102, 1); background-color: rgba(28, 30, 31, 1);
} }
#network { #network {
background-color: rgba(76, 90, 102, 1); background-color: rgba(28, 30, 31, 1);
} }
#network.disconnected { #network.disconnected {
background-color: rgba(176, 60, 60, 1); background-color: rgba(224, 64, 64, 1);
} }
#pulseaudio { #pulseaudio {
background-color: rgba(76, 90, 102, 1); background-color: rgba(28, 30, 31, 1);
} }
#pulseaudio.muted { #pulseaudio.muted {
background-color: rgba(47, 57, 66, 1); background-color: rgba(28, 30, 31, 1);
color: #aab4be; color: rgba(174, 179, 173, 1);
} }
#tray { #tray {
background-color: rgba(76, 90, 102, 1); background-color: rgba(28, 30, 31, 1);
} }
#tray > .needs-attention { #tray > .needs-attention {
background-color: rgba(176, 60, 60, 1); background-color: rgba(224, 64, 64, 1);
} }

View File

@@ -1,30 +1,33 @@
* { * {
font-family: FontAwesome; font-family: FontAwesome;
font-size: 13px; font-size: 13px;
color: #e0e6ed; color: #E0E6ED;
/* border-radius: 0; */
} }
window { window {
margin: 10px; margin: 10px;
border: 2px solid #4c5a66; border: 4px solid #1C1E1F;
background-color: rgba(30, 34, 38, 0.9); background-color: #242425;
padding: 20px; padding: 20px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
} }
#input { #input {
margin: 5px; margin: 5px;
padding: 1px 5px; padding: 1px 5px;
border: 1px solid #90a4b8; /* border: 2px solid #E0E6ED; */
background-color: #2f3942; background-color: #242425;
color: #e0e6ed; color: #E0E6ED;
border-radius: 7px; /* border-radius: 7px; */
}
#input:focus{
box-shadow: none;
} }
#inner-box { #inner-box {
margin: 0px; margin: 10px;
background-color: rgba(30 34 38, 0.75); /* background-color: rgba(30 34 38, 0.75); */
border: none; border: none;
} }
@@ -35,7 +38,6 @@ window {
#scroll { #scroll {
display: none; display: none;
margin: 5px;
background-color: transparent; background-color: transparent;
} }
@@ -44,9 +46,9 @@ window {
} }
#entry:selected { #entry:selected {
background-color: #3b4651; /* background-color: #AEB3AD; */
border-left: 3px solid #90a4b8; border-left: 3px solid #E0E6ED;
color: #ffffff; color: #E0E6ED;
} }
#entry { #entry {
@@ -54,4 +56,3 @@ window {
margin: 2px 0; margin: 2px 0;
background-color: transparent; background-color: transparent;
} }

Binary file not shown.

Before

Width:  |  Height:  |  Size: 8.5 KiB

After

Width:  |  Height:  |  Size: 1.8 MiB

View File

@@ -6,14 +6,14 @@ passwordMask=true
# value "1" is all display width, "0.5" is a half of display width etc. # value "1" is all display width, "0.5" is a half of display width etc.
passwordInputWidth=0.33 passwordInputWidth=0.33
# Background color of password input # Background color of password input
passwordInputBackground=#a0a0a0 passwordInputBackground=#242425
# Radius of password input corners # Radius of password input corners
passwordInputRadius=7 passwordInputRadius=7
# "true" for visible cursor, "false" for invisible # "true" for visible cursor, "false" for invisible
passwordInputCursorVisible=true passwordInputCursorVisible=true
# Font size of password (in points) # Font size of password (in points)
passwordFontSize=28 passwordFontSize=28
passwordCursorColor=#ffffff passwordCursorColor=#E0E6ED
passwordTextColor= passwordTextColor=
# Show or not sessions choose label # Show or not sessions choose label
@@ -29,13 +29,13 @@ usersFontSize=32
# Path to background image # Path to background image
background= background=
# Or use just one color # Or use just one color
backgroundFill=#404040 backgroundFill=#1C1E1F
# Fill mode for image background # Fill mode for image background
# Value must be on of: aspect, fill, tile, pad # Value must be on of: aspect, fill, tile, pad
backgroundFillMode=aspect backgroundFillMode=aspect
# Default text color for all labels # Default text color for all labels
basicTextColor=#ffffff basicTextColor=#E0E6ED
# Radius of background blur # Radius of background blur
blurRadius= blurRadius=