vikingowl
1e6ef2cd31
- Import Hyprland config directory (conf.d splits, themes, scripts, hypridle/lock/paper) - Add hyprfetch.sh startup script - Add Walker vikingowl theme and updated style.css - Add Waybar config.jsonc and style.css with “midnight-ocean” palette - Organize wallpaper and lockscreen images for multi-monitor setup
173 lines
3.7 KiB
CSS
173 lines
3.7 KiB
CSS
/* AUTO GENERATED. DO NOT EDIT. CHANGES WILL BE OVERWRITTEN. */
|
|
|
|
/* Palette */
|
|
@define-color foreground rgba(202, 211, 232, 0.9); /* Sea Foam */
|
|
@define-color background rgba(11, 27, 43, 0.98); /* Deep Ocean */
|
|
@define-color color1 #4F84CC; /* Abyss Accent */
|
|
@define-color selection_bg rgba(79, 132, 204, 0.5); /* Bubble Fade */
|
|
@define-color search_bg rgba(15, 35, 55, 0.85); /* Searchbar BG */
|
|
|
|
/* Reset & Globals */
|
|
#window,
|
|
#box,
|
|
#aiScroll,
|
|
#aiList,
|
|
#search,
|
|
#password,
|
|
#input,
|
|
#prompt,
|
|
#clear,
|
|
#typeahead,
|
|
#list,
|
|
child,
|
|
scrollbar,
|
|
slider,
|
|
#item,
|
|
#text,
|
|
#label,
|
|
#sub,
|
|
#activationlabel {
|
|
all: unset;
|
|
box-sizing: border-box;
|
|
font-family: "Inconsolata Go Nerd Font", monospace;
|
|
color: @foreground;
|
|
}
|
|
|
|
/* Error */
|
|
#cfgerr {
|
|
background: rgba(255, 0, 0, 0.4);
|
|
margin-top: 20px;
|
|
padding: 8px;
|
|
font-size: 1.2em;
|
|
}
|
|
|
|
/* Main window */
|
|
#window {
|
|
color: @foreground;
|
|
}
|
|
|
|
/* Outer box */
|
|
#box {
|
|
padding: 32px;
|
|
background: @background;
|
|
border-radius: 16px; /* bigger rounding */
|
|
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
|
|
backdrop-filter: blur(25px);
|
|
border-image: linear-gradient(45deg, color1, background) 1;
|
|
border-width: 1px;
|
|
border-style: solid;
|
|
}
|
|
|
|
/* ── SEARCH BAR ───────────────────────────────────────────────────────────── */
|
|
#search {
|
|
display: flex;
|
|
align-items: center;
|
|
padding: 12px 16px;
|
|
background: @search_bg; /* new tinted BG */
|
|
border-radius: 20px; /* fully rounded */
|
|
transition:
|
|
background 150ms ease,
|
|
border 150ms ease;
|
|
}
|
|
#search:focus-within {
|
|
background: rgba(15, 35, 55, 0.95);
|
|
border: 1px solid color1;
|
|
}
|
|
#prompt {
|
|
margin-right: 12px;
|
|
opacity: 0.3;
|
|
}
|
|
#input,
|
|
#text {
|
|
flex: 1;
|
|
background: none;
|
|
border: none;
|
|
outline: none;
|
|
font-size: 1em;
|
|
line-height: 1.2em;
|
|
color: @foreground;
|
|
}
|
|
#input::placeholder,
|
|
#text::placeholder {
|
|
opacity: 0.5;
|
|
}
|
|
#clear {
|
|
margin-left: 12px;
|
|
cursor: pointer;
|
|
opacity: 0.7;
|
|
transition: opacity 150ms ease;
|
|
}
|
|
#clear:hover {
|
|
opacity: 1;
|
|
}
|
|
|
|
/* ── RESULTS LIST & ITEMS ─────────────────────────────────────────────────── */
|
|
#list {
|
|
display: flex;
|
|
flex-direction: column;
|
|
max-height: 300px;
|
|
overflow-y: auto;
|
|
}
|
|
child {
|
|
display: flex;
|
|
align-items: center;
|
|
padding: 10px 14px;
|
|
border-radius: 12px; /* rounded items */
|
|
transition:
|
|
background 120ms ease,
|
|
transform 120ms ease;
|
|
}
|
|
child + child {
|
|
margin-top: 4px; /* small gap instead of border */
|
|
}
|
|
child:hover {
|
|
background: @selection_bg;
|
|
transform: translateX(3px);
|
|
}
|
|
child:selected {
|
|
background: @selection_bg;
|
|
border-left: 4px solid color1;
|
|
padding-left: 10px; /* adjust for border */
|
|
}
|
|
|
|
/* Icons & text */
|
|
#icon {
|
|
margin-right: 10px;
|
|
opacity: 0.9;
|
|
}
|
|
#label {
|
|
font-weight: 500;
|
|
}
|
|
#sub {
|
|
margin-left: auto;
|
|
opacity: 0.6;
|
|
font-size: 0.85em;
|
|
}
|
|
|
|
/* ── SCROLLBAR ─────────────────────────────────────────────────────────────── */
|
|
scrollbar,
|
|
slider {
|
|
background: none;
|
|
width: 6px;
|
|
}
|
|
scrollbar:hover {
|
|
background: rgba(79, 132, 204, 0.2);
|
|
}
|
|
slider {
|
|
background: color1;
|
|
border-radius: 3px;
|
|
}
|
|
|
|
/* ── AI PANEL ITEMS ───────────────────────────────────────────────────────── */
|
|
.aiItem {
|
|
padding: 12px 16px;
|
|
border-radius: 12px;
|
|
background: @background;
|
|
}
|
|
.aiItem.user {
|
|
background: rgba(15, 35, 55, 0.8);
|
|
}
|
|
.aiItem.assistant {
|
|
background: rgba(15, 35, 55, 0.9);
|
|
}
|