s0wlz (Matthias Puchstein)
0b8e001bde
- template theme selection in alacritty, btop, fuzzel, ghostty, waybar, swaync, wezterm, zathura, gemini, zsh, and nvim astroui - add apex-aeon assets and refresh apex-neon palettes across terminals, editors, and UI components - switch UI fonts to GeistMono in GTK/Qt, Hyprland/Hyprlock, Kitty, Zed, and Satty - add refresh-apex-themes helper to sync theme outputs
126 lines
2.7 KiB
CSS
126 lines
2.7 KiB
CSS
|
|
/* Apex Aeon - Sherlock Theme (Parser Compliant) */
|
|
|
|
/* 1. PALETTE DEFINITIONS */
|
|
@define-color apex_base #f5f5f5;
|
|
@define-color apex_surface #e8e8e8;
|
|
@define-color apex_overlay #737373;
|
|
@define-color apex_muted #a0a0a0;
|
|
@define-color apex_text #0a0a0a;
|
|
@define-color apex_love #ff0044;
|
|
@define-color apex_foam #007a88;
|
|
@define-color apex_gold #d18f00;
|
|
|
|
/* 2. WINDOW & INPUT */
|
|
window {
|
|
background-color: @apex_base;
|
|
color: @apex_text;
|
|
border: 2px solid @apex_love;
|
|
border-radius: 10px;
|
|
padding: 6px;
|
|
}
|
|
|
|
entry {
|
|
background-color: @apex_surface;
|
|
color: @apex_text;
|
|
caret-color: @apex_love;
|
|
border: 1px solid @apex_overlay;
|
|
border-radius: 7px;
|
|
padding: 6px 9px;
|
|
margin-bottom: 6px;
|
|
}
|
|
|
|
entry:focus {
|
|
border-color: @apex_love;
|
|
box-shadow: 0 0 10px rgba(255, 0, 68, 0.2);
|
|
}
|
|
|
|
entry selection {
|
|
background-color: @apex_foam;
|
|
color: #0a0a0a;
|
|
}
|
|
|
|
/* 3. LIST & SELECTION */
|
|
listview {
|
|
background-color: transparent;
|
|
}
|
|
|
|
/* The actual row selection - Informational */
|
|
listview > row:selected {
|
|
background-color: @apex_foam;
|
|
color: #0a0a0a;
|
|
border-radius: 7px;
|
|
border: none;
|
|
outline: none;
|
|
}
|
|
|
|
/* 4. TILES (The Items) */
|
|
.tile, .launcher-tile, .launcher-item, .item {
|
|
background-color: @apex_surface;
|
|
color: @apex_text;
|
|
border-radius: 7px;
|
|
padding: 4px 10px;
|
|
margin-bottom: 4px;
|
|
}
|
|
|
|
/* When the ROW is selected, make the TILE transparent so info shows through */
|
|
listview > row:selected .tile,
|
|
listview > row:selected .launcher-tile,
|
|
listview > row:selected .item {
|
|
background-color: transparent;
|
|
color: #0a0a0a;
|
|
}
|
|
|
|
/* Force TEXT on selection */
|
|
listview > row:selected label,
|
|
listview > row:selected .title,
|
|
listview > row:selected .description,
|
|
listview > row:selected .subtitle {
|
|
color: #0a0a0a;
|
|
}
|
|
|
|
/* Force ICONS on selection */
|
|
listview > row:selected image,
|
|
listview > row:selected .icon {
|
|
color: #0a0a0a;
|
|
}
|
|
|
|
/* 5. WIDGETS (Weather Fix without !important) */
|
|
.widget, .weather-widget, .music-widget {
|
|
background-color: @apex_surface;
|
|
border: 1px solid @apex_overlay;
|
|
color: @apex_text;
|
|
border-radius: 7px;
|
|
}
|
|
|
|
/* Specific overrides for weather internals */
|
|
.weather-widget box {
|
|
background-color: transparent;
|
|
}
|
|
|
|
.weather-widget label {
|
|
color: @apex_text;
|
|
}
|
|
|
|
/* Temperature info */
|
|
.weather-widget .temperature {
|
|
color: @apex_foam;
|
|
font-weight: 800;
|
|
}
|
|
|
|
.weather-widget .condition {
|
|
color: @apex_muted;
|
|
}
|
|
|
|
/* 6. SCROLLBARS */
|
|
scrollbar slider {
|
|
background-color: @apex_overlay;
|
|
min-width: 6px;
|
|
border-radius: 10px;
|
|
}
|
|
scrollbar slider:hover { background-color: @apex_love; }
|
|
|
|
progressbar progress {
|
|
background-color: @apex_love;
|
|
border-radius: 4px;
|
|
} |