mirror of
https://github.com/edu4rdshl/Strata.git
synced 2026-07-18 07:34:45 +00:00
Eduard Tolosa
6c4fa04221
- Use GNOME's stylesheet-dark.css/stylesheet-light.css for theming instead of loading light.css into the theme context by hand; the panel now follows the shell style variant - Track signals with connectObject/disconnectObject - Clear the daemon-restart timeout before scheduling a new one - Stop the daemon synchronously in disable(), no deferred kill timer - Drop the unused theme setting and its prefs combo - Bump the metadata version to 11 for resubmission
129 lines
2.9 KiB
CSS
129 lines
2.9 KiB
CSS
/* Strata light theme.
|
|
*
|
|
* GNOME Shell loads this instead of stylesheet-dark.css when the system color
|
|
* scheme is light. It imports the dark base and overrides the colors below, so
|
|
* the overrides win by load order. Colors follow GNOME Adwaita (blue #3584e4,
|
|
* link #1a5fb4, amber, red #e01b24), picked for contrast on a light panel.
|
|
*/
|
|
|
|
@import url("stylesheet-dark.css");
|
|
|
|
.strata-panel {
|
|
background-color: rgba(250, 250, 250, 0.98);
|
|
border-color: rgba(0, 0, 0, 0.14);
|
|
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.28);
|
|
}
|
|
|
|
.strata-title {
|
|
color: rgba(0, 0, 0, 0.87);
|
|
}
|
|
|
|
.strata-clear-btn {
|
|
border-color: rgba(0, 0, 0, 0.18);
|
|
color: rgba(0, 0, 0, 0.55);
|
|
}
|
|
|
|
.strata-clear-btn:hover {
|
|
background-color: rgba(0, 0, 0, 0.07);
|
|
color: rgba(0, 0, 0, 0.85);
|
|
}
|
|
|
|
.strata-search {
|
|
background-color: rgba(0, 0, 0, 0.05);
|
|
border-color: rgba(0, 0, 0, 0.14);
|
|
color: rgba(0, 0, 0, 0.87);
|
|
caret-color: rgba(0, 0, 0, 0.8);
|
|
}
|
|
|
|
.strata-search:focus {
|
|
border-color: rgba(53, 132, 228, 0.8);
|
|
background-color: rgba(0, 0, 0, 0.035);
|
|
}
|
|
|
|
/* Placeholder ("Search...") text - legible dim gray on the light panel. */
|
|
.strata-search-hint {
|
|
color: rgba(0, 0, 0, 0.55);
|
|
}
|
|
|
|
.strata-item:hover,
|
|
.strata-item-hovered {
|
|
background-color: rgba(53, 132, 228, 0.14);
|
|
border-color: rgba(53, 132, 228, 0.45);
|
|
}
|
|
|
|
.strata-item:focus,
|
|
.strata-item-focused {
|
|
background-color: rgba(53, 132, 228, 0.16);
|
|
border-color: rgba(53, 132, 228, 0.65);
|
|
}
|
|
|
|
.strata-item:hover:focus,
|
|
.strata-item-focused.strata-item-hovered {
|
|
background-color: rgba(53, 132, 228, 0.24);
|
|
border-color: rgba(53, 132, 228, 0.78);
|
|
}
|
|
|
|
.strata-item:focus .strata-item-text,
|
|
.strata-item-focused .strata-item-text {
|
|
color: rgba(0, 0, 0, 0.95);
|
|
}
|
|
|
|
.strata-item-active {
|
|
background-color: rgba(181, 131, 10, 0.16);
|
|
border-color: rgba(181, 131, 10, 0.50);
|
|
}
|
|
|
|
.strata-item-active .strata-item-text {
|
|
color: rgba(120, 82, 0, 1.0);
|
|
}
|
|
|
|
.strata-item-active.strata-item-hovered {
|
|
background-color: rgba(181, 131, 10, 0.24);
|
|
}
|
|
|
|
.strata-item-active.strata-item-focused,
|
|
.strata-item-active:focus {
|
|
background-color: rgba(53, 132, 228, 0.20);
|
|
border-color: rgba(53, 132, 228, 0.65);
|
|
}
|
|
|
|
.strata-item-active.strata-item-focused .strata-item-text,
|
|
.strata-item-active:focus .strata-item-text {
|
|
color: rgba(0, 0, 0, 0.95);
|
|
}
|
|
|
|
.strata-item:active {
|
|
background-color: rgba(0, 0, 0, 0.10);
|
|
}
|
|
|
|
.strata-item-icon {
|
|
color: rgba(0, 0, 0, 0.55);
|
|
}
|
|
|
|
.strata-item-thumb {
|
|
border-color: rgba(0, 0, 0, 0.15);
|
|
}
|
|
|
|
.strata-item-text {
|
|
color: rgba(0, 0, 0, 0.85);
|
|
}
|
|
|
|
.strata-item-url {
|
|
color: rgba(26, 95, 180, 1.0);
|
|
}
|
|
|
|
.strata-item-subtext {
|
|
color: rgba(0, 0, 0, 0.55);
|
|
}
|
|
|
|
.strata-item:hover .strata-item-delete,
|
|
.strata-item:focus .strata-item-delete,
|
|
.strata-item-focused .strata-item-delete,
|
|
.strata-item-hovered .strata-item-delete {
|
|
color: rgba(224, 27, 36, 0.75);
|
|
}
|
|
|
|
.strata-item-delete:hover {
|
|
background-color: rgba(224, 27, 36, 0.13);
|
|
color: rgba(224, 27, 36, 1.0);
|
|
}
|