[gnome-shell-extensions/legacy-colors: 2/11] Jimmac's style updates
- From: Florian MÃllner <fmuellner src gnome org>
- To: commits-list gnome org
- Cc:
- Subject: [gnome-shell-extensions/legacy-colors: 2/11] Jimmac's style updates
- Date: Wed, 23 Jan 2013 18:35:02 +0000 (UTC)
commit 7e0056d9c82fe203da41e3c9a1b336561534caae
Author: Florian MÃllner <fmuellner gnome org>
Date: Tue Jan 22 17:08:34 2013 +0100
Jimmac's style updates
extensions/legacy-colors/stylesheet.css | 121 ++++++++++++++++++++++++++++---
1 files changed, 110 insertions(+), 11 deletions(-)
---
diff --git a/extensions/legacy-colors/stylesheet.css b/extensions/legacy-colors/stylesheet.css
index 289b980..cc993b0 100644
--- a/extensions/legacy-colors/stylesheet.css
+++ b/extensions/legacy-colors/stylesheet.css
@@ -1,24 +1,123 @@
+/* FIXME:
+ - panel should be black and/or more subtle in :overview
+ - bottom-border for panel seems transparent rather than the given color
+ - white edge highlight with text-shadow and icon-shadow for panel-button
+ - better shading of the panel (dark 5%) - impossible without multipoint gradients, image-bg is a hack
+ - ON/OFF svg widgets. Can they be placed inside the extension dir?
+ - calendar dropdown colors
+ - bubble menus: separators
+ - usermenu: online status dropdown still dark
+ - network menu: bold labels still white
+*/
+
#panel {
background-color: #e9e9e9 !important;
background-gradient-direction: vertical;
- background-gradient-end: #c0c0c0;
+ background-gradient-end: #d0d0d0;
+ border-bottom: 1px solid #ddd !important; /* FIXME */
+
+/* hrm, still no multipoint gradients
+ background-image: linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0)) !important;*/
}
-.panel-corner {
- -panel-corner-background-color: #c0c0c0 !important;
+ #panel:overview {
+ background-color: #000 !important; /* FIXME */
+ }
+
+.panel-corner,
+.panel-corner:active,
+.panel-corner:overview,
+.panel-corner:focus {
+ -panel-corner-background-color: transparent !important;
+ -panel-corner-border-color: transparent !important;
+ -panel-corner-radius: 0 !important;
}
.panel-button {
- color: black !important;
-}
+ color: #555 !important;
+ -natural-hpadding: 6px !important;
+ -minimum-hpadding: 3px !important;
+ }
+
+ .panel-button:hover {
+ color: #000 !important;
+ }
-.panel-button:hover,
-.panel-button:active,
-.panel-button:overview,
-.panel-button:focus {
- text-shadow: rgba(255,255,255,.7) 0px 2px 2px !important;
-}
+ .panel-button > .system-status-icon {
+ icon-shadow: #fff 0 1px 0 !important; /* FIXME */
+ }
+
+ .panel-button:hover,
+ .panel-button:active,
+ .panel-button:overview,
+ .panel-button:focus {
+ text-shadow: 0 0 0 transparent !important; /* FIXME: why can't I do none ? */
+ }
+
+ .panel-button:active,
+ .panel-button:overview,
+ .panel-button:focus {
+ background-color: #4a90d9 !important; /* FIXME */
+ color: #fff !important;
+ border: none !important;
+ border-image: none !important;
+ background-image: none !important;
+ }
+
+ #panelUserMenu {
+ padding: 0 10px 0 10px !important;
+ }
+
+ #appMenu {
+ text-shadow: 0 0 0 transparent !important;
+ }
+
+ /* used for the app menu header only */
+ .label-shadow {
+ color: rgba(0,0,0,0.5);
+ }
.label-shadow {
color: rgba(255,255,255,.5) !important;
}
+ .panel-button:active .label-shadow,
+ .panel-button:focus .label-shadow {
+ color: rgba(0,0,0,.5) !important;
+ }
+
+.popup-menu-boxpointer {
+ -arrow-background-color: #e9e9e9 !important;
+ -arrow-border-width: 1px !important;
+ -arrow-border-color: #aaa !important;
+ -arrow-border-radius: 3px !important;
+ color: #000 !important;
+ -arrow-base: 11px !important;
+ -arrow-rise: 5px !important;
+}
+ .popup-menu-item:active {
+ background-color: #4a90d9 !important;
+ color: #fff !important;
+ }
+
+ .popup-menu-item:insensitive {
+ color: #888;
+ }
+
+.calendar {}
+ .calendar-month-label {
+ color: #333 !important;
+ }
+ .datemenu-date-label {
+ color: #666 !important;
+ }
+ .calendar-day-base:active {
+ color: #fff !important;
+ background-color: #4a90d9 !important;
+ background-image: none !important;
+ border-image: none !important;
+ }
+ .calendar-today {
+ background-color: #4a90d9 !important;
+ background-image: none !important;
+ border-image: none !important;
+ }
\ No newline at end of file
[
Date Prev][
Date Next] [
Thread Prev][
Thread Next]
[
Thread Index]
[
Date Index]
[
Author Index]