From b053f4c74b01d0b8376a1cbe810f2ccc9643f599 Mon Sep 17 00:00:00 2001 From: Jakub Steiner Date: Thu, 23 Oct 2014 20:31:03 +0200 Subject: [PATCH] theme: looking glass --- data/theme/_common.scss | 94 ++++++++++++++++- data/theme/_gnome-shell-old.scss | 113 -------------------- data/theme/gnome-shell.css | 170 +++++++++++++++---------------- 3 files changed, 173 insertions(+), 204 deletions(-) diff --git a/data/theme/_common.scss b/data/theme/_common.scss index fa957dd4f..d31dabc6e 100644 --- a/data/theme/_common.scss +++ b/data/theme/_common.scss @@ -507,7 +507,7 @@ StScrollBar { -shell-grid-horizontal-item-size: 136px; -shell-grid-vertical-item-size: 136px; - //.overview-icon { icon-size: 96px; } FIXME no effect + .overview-icon { icon-size: 96px; } //FIXME no effect } //.app-display { spacing: 20px; } @@ -655,3 +655,95 @@ StScrollBar { } /* NOTIFICATIONS & MESSAGE TRAY */ + + +/* Eeeky things */ +//Mess that is Looking Glass + +#LookingGlassDialog { + background-color: rgba(0,0,0,0.80); + spacing: 4px; + padding: 4px; + border: 2px solid grey; + border-radius: 4px; + & > #Toolbar { + border: 1px solid grey; + border-radius: 4px; + } + .labels { spacing: 4px; } + .notebook-tab { + -natural-hpadding: 12px; + -minimum-hpadding: 6px; + font-weight: bold; + color: #ccc; + transition-duration: 100ms; + padding-left: .3em; + padding-right: .3em; + &:hover { + color: white; + text-shadow: black 0px 2px 2px; + } + &:selected { + border-image: url("panel-button-border.svg") 10 10 0 2; + color: white; + text-shadow: black 0px 2px 2px; + } + } + StBoxLayout#EvalBox { padding: 4px; spacing: 4px; } + StBoxLayout#ResultsArea { spacing: 4px; } +} + + .lg-dialog { + StEntry { + selection-background-color: #bbbbbb; + selected-color: #333333; + } + .shell-link { + color: #999999; + &:hover { color: #dddddd; } + } + } + + .lg-completions-text { + font-size: .9em; + font-style: italic; + } + + .lg-obj-inspector-title { + spacing: 4px; + } + + .lg-obj-inspector-button { + border: 1px solid gray; + padding: 4px; + border-radius: 4px; + &:hover { border: 1px solid #ffffff; } + } + + #lookingGlassExtensions { padding: 4px; } + + .lg-extensions-list { + padding: 4px; + spacing: 6px; + } + + .lg-extension { + border: 1px solid #6f6f6f; + border-radius: 4px; + padding: 4px; + } + + .lg-extension-name { + font-weight: bold; + } + + .lg-extension-meta { + spacing: 6px; + } + + #LookingGlassPropertyInspector { + background: rgba(0, 0, 0, 0.8); + border: 2px solid grey; + border-radius: 4px; + padding: 6px; + } diff --git a/data/theme/_gnome-shell-old.scss b/data/theme/_gnome-shell-old.scss index 39ead71a3..0e70e7cfa 100644 --- a/data/theme/_gnome-shell-old.scss +++ b/data/theme/_gnome-shell-old.scss @@ -94,119 +94,6 @@ /* Overview */ - -/* LookingGlass */ - -#LookingGlassDialog { - background-color: rgba(0,0,0,0.80); - spacing: 4px; - padding: 4px; - border: 2px solid grey; - border-radius: 4px; -} - -#LookingGlassDialog > #Toolbar { - border: 1px solid grey; - border-radius: 4px; -} - -#LookingGlassDialog .labels { - spacing: 4px; -} - -#LookingGlassDialog .notebook-tab { - -natural-hpadding: 12px; - -minimum-hpadding: 6px; - font-weight: bold; - color: #ccc; - transition-duration: 100ms; - padding-left: .3em; - padding-right: .3em; -} - -#LookingGlassDialog .notebook-tab:hover { - color: white; - text-shadow: black 0px 2px 2px; -} - -#LookingGlassDialog .notebook-tab:selected { - border-image: url("panel-button-border.svg") 10 10 0 2; - background-image: url("panel-button-highlight-wide.svg"); - color: white; - text-shadow: black 0px 2px 2px; -} - -.lg-dialog StEntry { - selection-background-color: #bbbbbb; - selected-color: #333333; -} - -.lg-completions-text { - font-size: .9em; - font-style: italic; -} - -.lg-obj-inspector-title { - spacing: 4px; -} - -.lg-obj-inspector-button { - border: 1px solid gray; - padding: 4px; - border-radius: 4px; -} - -.lg-obj-inspector-button:hover { - border: 1px solid #ffffff; -} - -.lg-dialog .shell-link { - color: #999999; -} - -.lg-dialog .shell-link:hover { - color: #dddddd; -} - -#LookingGlassDialog StBoxLayout#EvalBox { - padding: 4px; - spacing: 4px; -} - -#LookingGlassDialog StBoxLayout#ResultsArea { - spacing: 4px; -} - -#lookingGlassExtensions { - padding: 4px; -} - -.lg-extensions-list { - padding: 4px; - spacing: 6px; -} - -.lg-extension { - border: 1px solid #6f6f6f; - border-radius: 4px; - padding: 4px; -} - -.lg-extension-name { - font-weight: bold; -} - -.lg-extension-meta { - spacing: 6px; -} - -#LookingGlassPropertyInspector { - background: rgba(0, 0, 0, 0.8); - border: 2px solid grey; - border-radius: 4px; - padding: 6px; -} - /* Calendar popup */ .calendar-vertical-separator { diff --git a/data/theme/gnome-shell.css b/data/theme/gnome-shell.css index 4da11936f..b3fbfd9b7 100644 --- a/data/theme/gnome-shell.css +++ b/data/theme/gnome-shell.css @@ -71,96 +71,6 @@ spacing: 12px; } /* Overview */ -/* LookingGlass */ -#LookingGlassDialog { - background-color: rgba(0, 0, 0, 0.8); - spacing: 4px; - padding: 4px; - border: 2px solid grey; - border-radius: 4px; } - -#LookingGlassDialog > #Toolbar { - border: 1px solid grey; - border-radius: 4px; } - -#LookingGlassDialog .labels { - spacing: 4px; } - -#LookingGlassDialog .notebook-tab { - -natural-hpadding: 12px; - -minimum-hpadding: 6px; - font-weight: bold; - color: #ccc; - transition-duration: 100ms; - padding-left: .3em; - padding-right: .3em; } - -#LookingGlassDialog .notebook-tab:hover { - color: white; - text-shadow: black 0px 2px 2px; } - -#LookingGlassDialog .notebook-tab:selected { - border-image: url("panel-button-border.svg") 10 10 0 2; - background-image: url("panel-button-highlight-wide.svg"); - color: white; - text-shadow: black 0px 2px 2px; } - -.lg-dialog StEntry { - selection-background-color: #bbbbbb; - selected-color: #333333; } - -.lg-completions-text { - font-size: .9em; - font-style: italic; } - -.lg-obj-inspector-title { - spacing: 4px; } - -.lg-obj-inspector-button { - border: 1px solid gray; - padding: 4px; - border-radius: 4px; } - -.lg-obj-inspector-button:hover { - border: 1px solid #ffffff; } - -.lg-dialog .shell-link { - color: #999999; } - -.lg-dialog .shell-link:hover { - color: #dddddd; } - -#LookingGlassDialog StBoxLayout#EvalBox { - padding: 4px; - spacing: 4px; } - -#LookingGlassDialog StBoxLayout#ResultsArea { - spacing: 4px; } - -#lookingGlassExtensions { - padding: 4px; } - -.lg-extensions-list { - padding: 4px; - spacing: 6px; } - -.lg-extension { - border: 1px solid #6f6f6f; - border-radius: 4px; - padding: 4px; } - -.lg-extension-name { - font-weight: bold; } - -.lg-extension-meta { - spacing: 6px; } - -#LookingGlassPropertyInspector { - background: rgba(0, 0, 0, 0.8); - border: 2px solid grey; - border-radius: 4px; - padding: 6px; } - /* Calendar popup */ .calendar-vertical-separator { -stipple-width: 1px; @@ -1729,6 +1639,8 @@ StScrollBar { spacing: 30px; -shell-grid-horizontal-item-size: 136px; -shell-grid-vertical-item-size: 136px; } + .icon-grid .overview-icon { + icon-size: 96px; } .app-view-controls { padding-bottom: 32px; } @@ -1862,3 +1774,81 @@ StScrollBar { color: #eeeeec; } /* NOTIFICATIONS & MESSAGE TRAY */ +/* Eeeky things */ +#LookingGlassDialog { + background-color: rgba(0, 0, 0, 0.8); + spacing: 4px; + padding: 4px; + border: 2px solid grey; + border-radius: 4px; } + #LookingGlassDialog > #Toolbar { + border: 1px solid grey; + border-radius: 4px; } + #LookingGlassDialog .labels { + spacing: 4px; } + #LookingGlassDialog .notebook-tab { + -natural-hpadding: 12px; + -minimum-hpadding: 6px; + font-weight: bold; + color: #ccc; + transition-duration: 100ms; + padding-left: .3em; + padding-right: .3em; } + #LookingGlassDialog .notebook-tab:hover { + color: white; + text-shadow: black 0px 2px 2px; } + #LookingGlassDialog .notebook-tab:selected { + border-image: url("panel-button-border.svg") 10 10 0 2; + color: white; + text-shadow: black 0px 2px 2px; } + #LookingGlassDialog StBoxLayout#EvalBox { + padding: 4px; + spacing: 4px; } + #LookingGlassDialog StBoxLayout#ResultsArea { + spacing: 4px; } + +.lg-dialog StEntry { + selection-background-color: #bbbbbb; + selected-color: #333333; } +.lg-dialog .shell-link { + color: #999999; } + .lg-dialog .shell-link:hover { + color: #dddddd; } + +.lg-completions-text { + font-size: .9em; + font-style: italic; } + +.lg-obj-inspector-title { + spacing: 4px; } + +.lg-obj-inspector-button { + border: 1px solid gray; + padding: 4px; + border-radius: 4px; } + .lg-obj-inspector-button:hover { + border: 1px solid #ffffff; } + +#lookingGlassExtensions { + padding: 4px; } + +.lg-extensions-list { + padding: 4px; + spacing: 6px; } + +.lg-extension { + border: 1px solid #6f6f6f; + border-radius: 4px; + padding: 4px; } + +.lg-extension-name { + font-weight: bold; } + +.lg-extension-meta { + spacing: 6px; } + +#LookingGlassPropertyInspector { + background: rgba(0, 0, 0, 0.8); + border: 2px solid grey; + border-radius: 4px; + padding: 6px; }