theme: apex-neon alignment
This commit is contained in:
@@ -2,7 +2,7 @@
|
||||
|
||||
#* Name of a btop++/bpytop/bashtop formatted ".theme" file, "Default" and "TTY" for builtin themes.
|
||||
#* Themes should be placed in "../share/btop/themes" relative to binary or "$HOME/.config/btop/themes"
|
||||
color_theme = "/home/mpuchstein/.config/btop/themes/apex-void.theme"
|
||||
color_theme = "/home/mpuchstein/.config/btop/themes/apex-neon.theme"
|
||||
|
||||
#* If the theme set background should be shown, set to False if you want terminal background transparency.
|
||||
theme_background = true
|
||||
|
||||
@@ -1,4 +1,4 @@
|
||||
# APEX VOID - BTOP THEME
|
||||
# APEX NEON - BTOP THEME
|
||||
# Bashtop theme with #050505 background and Razor Red accents
|
||||
|
||||
theme[main_bg]="#050505"
|
||||
@@ -13,10 +13,10 @@ theme[title]="#ededed"
|
||||
theme[hi_fg]="#ff0044"
|
||||
|
||||
# Background color of selected item in processes box
|
||||
theme[selected_bg]="#262626"
|
||||
theme[selected_bg]="#00eaff"
|
||||
|
||||
# Foreground color of selected item in processes box
|
||||
theme[selected_fg]="#ff0044"
|
||||
theme[selected_fg]="#050505"
|
||||
|
||||
# Color of inactive/disabled text
|
||||
theme[inactive_fg]="#404040"
|
||||
@@ -1 +1 @@
|
||||
source = ~/.config/hypr/hyprland.d/theme-apex-void.conf
|
||||
source = ~/.config/hypr/hyprland.d/theme-apex-neon.conf
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
#############################
|
||||
### APEX VOID THEME ###
|
||||
### APEX NEON THEME ###
|
||||
#############################
|
||||
|
||||
# The Void (Backgrounds)
|
||||
@@ -13,11 +13,11 @@ $surfaceAlpha = 141414
|
||||
$overlay = rgb(262626)
|
||||
$overlayAlpha = 262626
|
||||
|
||||
$muted = rgb(525252)
|
||||
$mutedAlpha = 525252
|
||||
$muted = rgb(404040)
|
||||
$mutedAlpha = 404040
|
||||
|
||||
$subtle = rgb(737373)
|
||||
$subtleAlpha = 737373
|
||||
$subtle = rgb(404040)
|
||||
$subtleAlpha = 404040
|
||||
|
||||
# The Signal (Text)
|
||||
# Stark white for maximum readability.
|
||||
@@ -1,9 +1,9 @@
|
||||
## APEX VOID - KITTY THEME ##
|
||||
## APEX NEON - KITTY THEME ##
|
||||
|
||||
foreground #ededed
|
||||
background #050505
|
||||
selection_foreground #050505
|
||||
selection_background #ff0044
|
||||
selection_background #00eaff
|
||||
|
||||
# Cursor: Still aggressive Razor Red
|
||||
cursor #ff0044
|
||||
|
||||
@@ -23,7 +23,7 @@ return {
|
||||
blue = "#00eaff",
|
||||
purple = "#9d00ff",
|
||||
magenta = "#ff80bf",
|
||||
comment = "#525252",
|
||||
comment = "#404040",
|
||||
},
|
||||
},
|
||||
},
|
||||
|
||||
@@ -1,72 +1,66 @@
|
||||
/*
|
||||
* Apex Void - Owlry Theme
|
||||
* High contrast, pitch black, aggressive neon accents.
|
||||
* APEX VOID - OWLRY THEME
|
||||
* Source: https://gitea.puchstein.bayern/Owlibou/owlry
|
||||
*/
|
||||
|
||||
:root {
|
||||
/* The Void */
|
||||
--owlry-bg: #050505;
|
||||
--owlry-bg-secondary: #141414;
|
||||
/* 1. THE VOID PALETTE */
|
||||
--owlry-bg: #050505; /* Pitch Black */
|
||||
--owlry-bg-secondary: #141414; /* Dark Grey Surfaces */
|
||||
--owlry-border: #ff0044; /* Razor Red Border */
|
||||
|
||||
/* Aggressive Borders */
|
||||
--owlry-border: #ff0044;
|
||||
/* 2. TEXT */
|
||||
--owlry-text: #ededed; /* White Signal */
|
||||
--owlry-text-secondary: #737373; /* Muted */
|
||||
|
||||
/* The Signal */
|
||||
--owlry-text: #ededed;
|
||||
--owlry-text-secondary: #737373;
|
||||
/* 3. ACCENTS */
|
||||
--owlry-accent: #ff0044; /* Main Accent: Red */
|
||||
--owlry-accent-bright: #00eaff; /* Bright Accent: Cyan */
|
||||
|
||||
/* Accents */
|
||||
--owlry-accent: #ff0044; /* Razor Red */
|
||||
--owlry-accent-bright: #00eaff; /* Electric Cyan */
|
||||
/* 4. GEOMETRY (Kill the roundness) */
|
||||
--owlry-border-radius: 0px;
|
||||
--owlry-font-size: 14px;
|
||||
|
||||
/* Badges - Functional Neon */
|
||||
--owlry-badge-app: #00eaff; /* Cyan */
|
||||
--owlry-badge-cmd: #9d00ff; /* Void Purple */
|
||||
--owlry-badge-dmenu: #00ff99; /* Toxic Green */
|
||||
--owlry-badge-uuctl: #ffb700; /* Warning Gold */
|
||||
/* 5. BADGES (Functional Colors) */
|
||||
--owlry-badge-app: #00eaff; /* Cyan */
|
||||
--owlry-badge-cmd: #9d00ff; /* Purple */
|
||||
--owlry-badge-sys: #ffb700; /* Gold */
|
||||
--owlry-badge-ssh: #ff0044; /* Red */
|
||||
--owlry-badge-calc: #00ff99; /* Green */
|
||||
--owlry-badge-web: #00eaff; /* Cyan */
|
||||
}
|
||||
|
||||
.owlry-main {
|
||||
background-color: var(--owlry-bg);
|
||||
/* Glowing Red Border */
|
||||
border: 1px solid var(--owlry-border);
|
||||
box-shadow: 0 0 15px rgba(255, 0, 68, 0.2);
|
||||
/* 6. ADVANCED OVERRIDES (The "Target Locked" Logic) */
|
||||
|
||||
/* Main Window Glow */
|
||||
window {
|
||||
box-shadow: 0 0 10px rgba(255, 0, 68, 0.3); /* Red Glow */
|
||||
border: 2px solid #ff0044;
|
||||
}
|
||||
|
||||
.owlry-search {
|
||||
background-color: var(--owlry-bg-secondary);
|
||||
/* Search Bar */
|
||||
entry {
|
||||
caret-color: #00eaff; /* Cyan Cursor */
|
||||
}
|
||||
|
||||
/* SELECTION: Black Text on Red Background */
|
||||
listview > row:selected {
|
||||
background-color: #ff0044;
|
||||
color: #050505;
|
||||
/* Kill the left border artifact you hated */
|
||||
border: none;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
/* Force everything inside the selection to turn Black */
|
||||
listview > row:selected label,
|
||||
listview > row:selected image {
|
||||
color: #050505;
|
||||
}
|
||||
|
||||
/* 7. WIDGETS (Weather/System) */
|
||||
.widget {
|
||||
background-color: #141414;
|
||||
border: 1px solid #262626;
|
||||
color: var(--owlry-text);
|
||||
caret-color: var(--owlry-accent-bright);
|
||||
}
|
||||
|
||||
.owlry-search:focus {
|
||||
border-color: var(--owlry-accent-bright);
|
||||
box-shadow: 0 0 10px rgba(0, 234, 255, 0.1);
|
||||
}
|
||||
|
||||
.owlry-result-row:hover {
|
||||
background-color: #1a1a1a;
|
||||
}
|
||||
|
||||
.owlry-result-row:selected {
|
||||
background-color: rgba(255, 0, 68, 0.1);
|
||||
border-left: 3px solid var(--owlry-accent);
|
||||
}
|
||||
|
||||
.owlry-result-row:selected .owlry-result-name {
|
||||
color: #ffffff;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.owlry-result-row:selected .owlry-result-icon {
|
||||
color: var(--owlry-accent-bright);
|
||||
}
|
||||
|
||||
/* Scrollbar - minimal and dark */
|
||||
scrollbar slider {
|
||||
background-color: #262626;
|
||||
}
|
||||
scrollbar slider:active {
|
||||
background-color: var(--owlry-accent);
|
||||
}
|
||||
|
||||
@@ -44,7 +44,7 @@ exec_inplace = "control-return"
|
||||
|
||||
[files]
|
||||
config = "/home/mpuchstein/.config/sherlock/config.toml"
|
||||
css = "/home/mpuchstein/.config/sherlock/themes/owl.css"
|
||||
css = "/home/mpuchstein/.config/sherlock/themes/apex-neon.css"
|
||||
# css = "/home/mpuchstein/.config/sherlock/themes/rose-pine_v3.css"
|
||||
fallback = "/home/mpuchstein/.config/sherlock/fallback.json"
|
||||
alias = "/home/mpuchstein/.config/sherlock/sherlock_alias.json"
|
||||
|
||||
125
dot_config/sherlock/themes/apex-neon.css
Normal file
125
dot_config/sherlock/themes/apex-neon.css
Normal file
@@ -0,0 +1,125 @@
|
||||
/* * APEX NEON - SHERLOCK THEME (PARSER COMPLIANT) */
|
||||
|
||||
/* 1. PALETTE DEFINITIONS */
|
||||
@define-color apex_base #050505;
|
||||
@define-color apex_surface #141414;
|
||||
@define-color apex_overlay #262626;
|
||||
@define-color apex_muted #404040;
|
||||
@define-color apex_text #ededed;
|
||||
@define-color apex_love #ff0044;
|
||||
@define-color apex_foam #00eaff;
|
||||
@define-color apex_gold #ffb700;
|
||||
|
||||
/* 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: #050505;
|
||||
}
|
||||
|
||||
/* 3. LIST & SELECTION */
|
||||
listview {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
/* The actual row selection - Electric Cyan */
|
||||
listview > row:selected {
|
||||
background-color: @apex_foam;
|
||||
color: #050505;
|
||||
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 Cyan shows through */
|
||||
listview > row:selected .tile,
|
||||
listview > row:selected .launcher-tile,
|
||||
listview > row:selected .item {
|
||||
background-color: transparent;
|
||||
color: #050505;
|
||||
}
|
||||
|
||||
/* Force TEXT Black on selection */
|
||||
listview > row:selected label,
|
||||
listview > row:selected .title,
|
||||
listview > row:selected .description,
|
||||
listview > row:selected .subtitle {
|
||||
color: #050505;
|
||||
}
|
||||
|
||||
/* Force ICONS Black on selection */
|
||||
listview > row:selected image,
|
||||
listview > row:selected .icon {
|
||||
color: #050505;
|
||||
}
|
||||
|
||||
/* 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 Cyan */
|
||||
.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;
|
||||
}
|
||||
@@ -151,7 +151,7 @@
|
||||
# typeset -g POWERLEVEL9K_MULTILINE_NEWLINE_PROMPT_SUFFIX='%238F─┤'
|
||||
# typeset -g POWERLEVEL9K_MULTILINE_LAST_PROMPT_SUFFIX='%238F─╯'
|
||||
|
||||
# APEX VOID FRAME - SHARP AND RED
|
||||
# APEX NEON FRAME - SHARP AND RED
|
||||
# We use #ff0044 (Razor Red) for the frame color
|
||||
typeset -g POWERLEVEL9K_MULTILINE_FIRST_PROMPT_PREFIX='%F{#ff0044}┌─'
|
||||
typeset -g POWERLEVEL9K_MULTILINE_NEWLINE_PROMPT_PREFIX='%F{#ff0044}├─'
|
||||
@@ -207,7 +207,7 @@
|
||||
# typeset -g POWERLEVEL9K_OS_ICON_BACKGROUND=7
|
||||
# Custom icon.
|
||||
# typeset -g POWERLEVEL9K_OS_ICON_CONTENT_EXPANSION='⭐'
|
||||
# Make the OS Icon match the Apex Void aesthetic
|
||||
# Make the OS Icon match the Apex Neon aesthetic
|
||||
typeset -g POWERLEVEL9K_OS_ICON_FOREGROUND='#ff0044' # White Icon
|
||||
typeset -g POWERLEVEL9K_OS_ICON_BACKGROUND='#050505' # Razor Red Background
|
||||
|
||||
@@ -1851,7 +1851,7 @@
|
||||
(( ! $+functions[p10k] )) || p10k reload
|
||||
|
||||
# ============================================
|
||||
# APEX VOID - LEFT SIDE FIXES
|
||||
# APEX NEON - LEFT SIDE FIXES
|
||||
# ============================================
|
||||
|
||||
# 1. OS ICON (The Start)
|
||||
@@ -1896,7 +1896,7 @@
|
||||
typeset -g POWERLEVEL9K_PROMPT_CHAR_ERROR_VIINS_FOREGROUND=1
|
||||
|
||||
# ============================================
|
||||
# APEX VOID - RIGHT SIDE OVERRIDES
|
||||
# APEX NEON - RIGHT SIDE OVERRIDES
|
||||
# ============================================
|
||||
|
||||
# 1. KILL THE SEPARATORS (Sharp Angles Only)
|
||||
|
||||
Reference in New Issue
Block a user