vikingowl
7118498773
Added themes: - rose-pine - dracula - gruvbox-dark - tokyo-night - solarized-dark - one-dark 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
115 lines
2.6 KiB
CSS
115 lines
2.6 KiB
CSS
/*
|
|
* Owlry - Dracula Theme
|
|
* A dark theme for vampires
|
|
* https://draculatheme.com/
|
|
*
|
|
* Usage: Copy to ~/.config/owlry/themes/dracula.css
|
|
* Set theme = "dracula" in config.toml
|
|
*/
|
|
|
|
:root {
|
|
--owlry-bg: #282a36;
|
|
--owlry-bg-secondary: #44475a;
|
|
--owlry-border: #6272a4;
|
|
--owlry-text: #f8f8f2;
|
|
--owlry-text-secondary: #6272a4;
|
|
--owlry-accent: #bd93f9;
|
|
--owlry-accent-bright: #ff79c6;
|
|
--owlry-badge-app: #50fa7b;
|
|
--owlry-badge-cmd: #8be9fd;
|
|
--owlry-badge-dmenu: #f1fa8c;
|
|
--owlry-badge-uuctl: #ffb86c;
|
|
}
|
|
|
|
.owlry-main {
|
|
background-color: rgba(40, 42, 54, 0.95);
|
|
border: 1px solid rgba(98, 114, 164, 0.6);
|
|
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.5),
|
|
0 0 0 1px rgba(189, 147, 249, 0.1);
|
|
}
|
|
|
|
.owlry-search {
|
|
background-color: rgba(68, 71, 90, 0.8);
|
|
border: 2px solid rgba(98, 114, 164, 0.5);
|
|
color: var(--owlry-text);
|
|
caret-color: var(--owlry-accent);
|
|
}
|
|
|
|
.owlry-search:focus {
|
|
border-color: var(--owlry-accent);
|
|
box-shadow: 0 0 0 2px rgba(189, 147, 249, 0.2);
|
|
}
|
|
|
|
.owlry-result-row:hover {
|
|
background-color: rgba(68, 71, 90, 0.6);
|
|
}
|
|
|
|
.owlry-result-row:selected {
|
|
background-color: rgba(189, 147, 249, 0.15);
|
|
border-left: 3px solid var(--owlry-accent);
|
|
}
|
|
|
|
.owlry-result-row:selected .owlry-result-name {
|
|
color: var(--owlry-accent-bright);
|
|
}
|
|
|
|
.owlry-result-row:selected .owlry-result-icon {
|
|
color: var(--owlry-accent);
|
|
}
|
|
|
|
.owlry-badge-app {
|
|
background-color: rgba(80, 250, 123, 0.2);
|
|
color: var(--owlry-badge-app);
|
|
}
|
|
|
|
.owlry-badge-cmd {
|
|
background-color: rgba(139, 233, 253, 0.2);
|
|
color: var(--owlry-badge-cmd);
|
|
}
|
|
|
|
.owlry-badge-dmenu {
|
|
background-color: rgba(241, 250, 140, 0.2);
|
|
color: var(--owlry-badge-dmenu);
|
|
}
|
|
|
|
.owlry-badge-uuctl {
|
|
background-color: rgba(255, 184, 108, 0.2);
|
|
color: var(--owlry-badge-uuctl);
|
|
}
|
|
|
|
.owlry-filter-button:checked {
|
|
background-color: rgba(189, 147, 249, 0.2);
|
|
color: var(--owlry-accent);
|
|
border-color: rgba(189, 147, 249, 0.4);
|
|
}
|
|
|
|
.owlry-filter-app:checked {
|
|
background-color: rgba(80, 250, 123, 0.2);
|
|
color: var(--owlry-badge-app);
|
|
border-color: rgba(80, 250, 123, 0.4);
|
|
}
|
|
|
|
.owlry-filter-cmd:checked {
|
|
background-color: rgba(139, 233, 253, 0.2);
|
|
color: var(--owlry-badge-cmd);
|
|
border-color: rgba(139, 233, 253, 0.4);
|
|
}
|
|
|
|
.owlry-filter-uuctl:checked {
|
|
background-color: rgba(255, 184, 108, 0.2);
|
|
color: var(--owlry-badge-uuctl);
|
|
border-color: rgba(255, 184, 108, 0.4);
|
|
}
|
|
|
|
scrollbar slider {
|
|
background-color: rgba(98, 114, 164, 0.5);
|
|
}
|
|
|
|
scrollbar slider:hover {
|
|
background-color: rgba(98, 114, 164, 0.7);
|
|
}
|
|
|
|
scrollbar slider:active {
|
|
background-color: var(--owlry-accent);
|
|
}
|