Files
owlry/data/themes/solarized-dark.css
vikingowl 83fa22d84c feat(ui): add result highlighting and remove window shadow
Highlighting:
- Dynamic plugin results (calculator, converter, websearch, filesearch)
  get a subtle accent left-border + background tint when auto-detected
- Exact name matches (case-insensitive) are highlighted the same way
- Exact match on apps gets a higher score boost (50k) than other
  providers (30k), so apps rank first when names match exactly

Shadow:
- Removed hardcoded box-shadow from all theme CSS files
- Added --owlry-shadow variable in base.css (defaults to none)
- Themes can opt into shadow via --owlry-shadow if desired

CSS class: .owlry-result-highlight on ResultRow
2026-03-28 11:17:45 +01:00

113 lines
2.6 KiB
CSS

/*
* Owlry - Solarized Dark Theme
* Precision colors for machines and people
* https://ethanschoonover.com/solarized/
*
* Usage: Copy to ~/.config/owlry/themes/solarized-dark.css
* Set theme = "solarized-dark" in config.toml
*/
:root {
--owlry-bg: #002b36;
--owlry-bg-secondary: #073642;
--owlry-border: #586e75;
--owlry-text: #839496;
--owlry-text-secondary: #657b83;
--owlry-accent: #268bd2;
--owlry-accent-bright: #2aa198;
--owlry-badge-app: #859900;
--owlry-badge-cmd: #268bd2;
--owlry-badge-dmenu: #b58900;
--owlry-badge-uuctl: #dc322f;
}
.owlry-main {
background-color: rgba(0, 43, 54, 0.95);
border: 1px solid rgba(88, 110, 117, 0.6);
}
.owlry-search {
background-color: rgba(7, 54, 66, 0.8);
border: 2px solid rgba(88, 110, 117, 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(38, 139, 210, 0.2);
}
.owlry-result-row:hover {
background-color: rgba(7, 54, 66, 0.6);
}
.owlry-result-row:selected {
background-color: rgba(38, 139, 210, 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(133, 153, 0, 0.2);
color: var(--owlry-badge-app);
}
.owlry-badge-cmd {
background-color: rgba(38, 139, 210, 0.2);
color: var(--owlry-badge-cmd);
}
.owlry-badge-dmenu {
background-color: rgba(181, 137, 0, 0.2);
color: var(--owlry-badge-dmenu);
}
.owlry-badge-uuctl {
background-color: rgba(220, 50, 47, 0.2);
color: var(--owlry-badge-uuctl);
}
.owlry-filter-button:checked {
background-color: rgba(38, 139, 210, 0.2);
color: var(--owlry-accent);
border-color: rgba(38, 139, 210, 0.4);
}
.owlry-filter-app:checked {
background-color: rgba(133, 153, 0, 0.2);
color: var(--owlry-badge-app);
border-color: rgba(133, 153, 0, 0.4);
}
.owlry-filter-cmd:checked {
background-color: rgba(38, 139, 210, 0.2);
color: var(--owlry-badge-cmd);
border-color: rgba(38, 139, 210, 0.4);
}
.owlry-filter-uuctl:checked {
background-color: rgba(220, 50, 47, 0.2);
color: var(--owlry-badge-uuctl);
border-color: rgba(220, 50, 47, 0.4);
}
scrollbar slider {
background-color: rgba(88, 110, 117, 0.5);
}
scrollbar slider:hover {
background-color: rgba(101, 123, 131, 0.7);
}
scrollbar slider:active {
background-color: var(--owlry-accent);
}