163 lines
3.2 KiB
CSS
163 lines
3.2 KiB
CSS
/* Base reset */
|
|
* {
|
|
all: unset;
|
|
font-family: "Agave Nerd Font Mono", sans-serif;
|
|
font-size: 14pt;
|
|
color: #d6abab; /* Updated text color */
|
|
background-color: #1a1a1a;
|
|
}
|
|
|
|
/* Window styling */
|
|
window {
|
|
background-color: #1a1a1a;
|
|
color: #d6abab; /* Updated text color */
|
|
padding: 20px; /* Increased padding for window */
|
|
}
|
|
|
|
/* Thunar / GTK3 selection fixes */
|
|
|
|
.rubberband {
|
|
background-color: rgba(80, 24, 221, 0.2); /* translucent purple */
|
|
border: 1px solid rgba(80, 24, 221, 0.8);
|
|
}
|
|
|
|
|
|
/* Selected items (in icon view, list view, etc.) */
|
|
*:selected,
|
|
.view:selected,
|
|
iconview:selected,
|
|
treeview:selected,
|
|
list:selected,
|
|
row:selected {
|
|
background-color: rgba(80, 24, 221, 0.25); /* subtle translucent purple */
|
|
color: #d6abab; /* readable text */
|
|
}
|
|
|
|
/* Also handle focus highlight for keyboard navigation */
|
|
*:selected:focus,
|
|
.view:selected:focus,
|
|
row:selected:focus {
|
|
background-color: rgba(80, 24, 221, 0.35);
|
|
color: #ffffff;
|
|
}
|
|
|
|
/* Smooth out / disable the dark flash when reaching scroll limits */
|
|
overshoot.top,
|
|
overshoot.bottom,
|
|
overshoot.left,
|
|
overshoot.right {
|
|
background: none; /* removes the opaque overlay */
|
|
background-color: rgba(80, 24, 221, 0.08); /* faint translucent purple instead */
|
|
border: none;
|
|
}
|
|
|
|
/* Optional: make it fade faster for less distraction */
|
|
overshoot {
|
|
transition: background-color 0.15s ease-in-out;
|
|
}
|
|
|
|
|
|
/* Buttons and entries */
|
|
button, entry, .button {
|
|
background-color: #1a1a1a;
|
|
color: #5018dd;
|
|
border: 3px solid #5018dd;
|
|
border-radius: 25px;
|
|
padding: 5px;
|
|
margin: 4px;
|
|
}
|
|
|
|
button:hover, entry:focus {
|
|
background-color: #5018dd;
|
|
color: #1a1a1a;
|
|
}
|
|
|
|
/* Sliders and scales */
|
|
scale trough {
|
|
background-color: #5018dd;
|
|
border-radius: 50px;
|
|
min-height: 3px;
|
|
min-width: 50px;
|
|
}
|
|
|
|
scale trough highlight {
|
|
background-color: #E40046;
|
|
border-radius: 10px;
|
|
color: #000000;
|
|
}
|
|
|
|
/* Labels and specific classes */
|
|
.label-ram {
|
|
font-size: larger;
|
|
}
|
|
|
|
.metric {
|
|
background-color: #1a1a1a;
|
|
color: #5018dd;
|
|
border: 3px solid #5018dd;
|
|
border-radius: 25px;
|
|
padding: 5px;
|
|
margin: 4px;
|
|
}
|
|
|
|
.music, .clock, .workspace-button {
|
|
background-color: #1a1a1a;
|
|
color: #5018dd;
|
|
border: 3px solid #5018dd;
|
|
border-radius: 25px;
|
|
padding: 5px;
|
|
margin: 4px;
|
|
}
|
|
|
|
/* Scrollbars */
|
|
scrollbar {
|
|
background-color: #1a1a1a;
|
|
border-radius: 10px;
|
|
}
|
|
|
|
scrollbar slider {
|
|
background-color: #5018dd;
|
|
border-radius: 10px;
|
|
}
|
|
|
|
scrollbar slider:hover {
|
|
background-color: #E40046;
|
|
}
|
|
|
|
/* Tooltip styling */
|
|
tooltip {
|
|
background-color: #5018dd;
|
|
color: #1a1a1a;
|
|
border-radius: 10px;
|
|
padding: 5px;
|
|
}
|
|
|
|
/* Top menu bar (File, Edit, View, etc.) */
|
|
menubar {
|
|
background-color: #1a1a1a;
|
|
padding: 4px 8px;
|
|
spacing: 6px; /* adds space between menu items */
|
|
}
|
|
|
|
/* Individual menu items */
|
|
menubar > menuitem {
|
|
padding: 4px 10px;
|
|
margin: 0 4px; /* spacing between each item */
|
|
border-radius: 8px;
|
|
color: #d6abab;
|
|
}
|
|
|
|
/* Hover state */
|
|
menubar > menuitem:hover {
|
|
background-color: rgba(80, 24, 221, 0.2);
|
|
color: #ffffff;
|
|
}
|
|
|
|
/* Active/open menu */
|
|
menubar > menuitem:active,
|
|
menubar > menuitem:checked {
|
|
background-color: rgba(80, 24, 221, 0.35);
|
|
color: #ffffff;
|
|
}
|
|
|