[gtk+/sdk/2965: 9/30] theme: add Endless-specific customizations



commit f67f4bb9b7e4de22804ae21b8638b2d0d9e2185c
Author: Cosimo Cecchi <cosimo endlessm com>
Date:   Thu May 14 11:19:04 2015 -0700

    theme: add Endless-specific customizations

 gtk/Makefile.am                      |    1 +
 gtk/theme/Adwaita/_endless.scss      |   42 ++++++++++++++++++++++++++++++++++
 gtk/theme/Adwaita/gtk-contained.css  |   28 ++++++++++++++++++++++
 gtk/theme/Adwaita/gtk-contained.scss |    1 +
 4 files changed, 72 insertions(+), 0 deletions(-)
---
diff --git a/gtk/Makefile.am b/gtk/Makefile.am
index 51153e6..cdd8512 100644
--- a/gtk/Makefile.am
+++ b/gtk/Makefile.am
@@ -1181,6 +1181,7 @@ theme_sources =                           \
        theme/Adwaita/_colors.scss              \
        theme/Adwaita/_common.scss              \
        theme/Adwaita/_drawing.scss             \
+       theme/Adwaita/_endless.scss             \
        theme/Adwaita/gtk-contained-dark.scss   \
        theme/Adwaita/gtk-contained.scss        \
        theme/Adwaita/parse-sass.sh             \
diff --git a/gtk/theme/Adwaita/_endless.scss b/gtk/theme/Adwaita/_endless.scss
new file mode 100644
index 0000000..029b176
--- /dev/null
+++ b/gtk/theme/Adwaita/_endless.scss
@@ -0,0 +1,42 @@
+/* Endless window top bar */
+.top-bar {
+  background-image: linear-gradient(to bottom,
+                                    #3c3c3c,
+                                    #292929);
+
+  /* Endless top bar icons */
+  .button {
+      color: #8a8a8a;
+      padding: 0px;
+      background-image: none;
+      border-width: 0px;
+      border-radius: 2px;
+      border-image: none;
+
+      &:hover {
+        color: #ffffff;
+        background-image: linear-gradient(to bottom,
+                                          rgb(68,68,68),
+                                          rgb(108,108,108) 95%,
+                                          rgb(131,131,131) 98%);
+      }
+      &:active {
+        color: #8a8a8a;
+        background-image: linear-gradient(to bottom,
+                                          rgb(67,67,67),
+                                          rgb(71,71,71) 95%,
+                                          rgb(79,79,79) 98%);
+      }
+      &:backdrop {
+        background-image: none;
+        background-color: transparent;
+      }
+  }
+}
+
+/* Shadow beneath the top bar */
+.mutter-topbar-shadow {
+  border-width: 2px;
+  border-style: solid;
+  border-color: transparentize(black, 0.15);
+}
diff --git a/gtk/theme/Adwaita/gtk-contained.css b/gtk/theme/Adwaita/gtk-contained.css
index ea1fc92..0b13a28 100644
--- a/gtk/theme/Adwaita/gtk-contained.css
+++ b/gtk/theme/Adwaita/gtk-contained.css
@@ -4760,3 +4760,31 @@ read if you used those and something break with a version upgrade you're on your
 @define-color wm_button_active_color_b shade(#ededed, 0.89);
 @define-color wm_button_active_color_c shade(#ededed, 0.9);
 @define-color content_view_bg #ffffff;
+/* Endless window top bar */
+.top-bar {
+  background-image: linear-gradient(to bottom, #3c3c3c, #292929);
+  /* Endless top bar icons */ }
+  .top-bar .button, .top-bar .header-bar .button.titlebutton, .header-bar .top-bar .button.titlebutton,
+  .top-bar .titlebar .button.titlebutton,
+  .titlebar .top-bar .button.titlebutton {
+    color: #8a8a8a;
+    padding: 0px;
+    background-image: none;
+    border-width: 0px;
+    border-radius: 2px;
+    border-image: none; }
+    .top-bar .button:hover {
+      color: #ffffff;
+      background-image: linear-gradient(to bottom, #444444, #6c6c6c 95%, #838383 98%); }
+    .top-bar .button:active {
+      color: #8a8a8a;
+      background-image: linear-gradient(to bottom, #434343, #474747 95%, #4f4f4f 98%); }
+    .top-bar .button:backdrop {
+      background-image: none;
+      background-color: transparent; }
+
+/* Shadow beneath the top bar */
+.mutter-topbar-shadow {
+  border-width: 2px;
+  border-style: solid;
+  border-color: rgba(0, 0, 0, 0.85); }
diff --git a/gtk/theme/Adwaita/gtk-contained.scss b/gtk/theme/Adwaita/gtk-contained.scss
index ee5e202..3ffeb34 100644
--- a/gtk/theme/Adwaita/gtk-contained.scss
+++ b/gtk/theme/Adwaita/gtk-contained.scss
@@ -10,3 +10,4 @@ $variant: 'light';
 @import 'drawing';
 @import 'common';
 @import 'colors-public';
+ import 'endless';
\ No newline at end of file


[Date Prev][Date Next]   [Thread Prev][Thread Next]   [Thread Index] [Date Index] [Author Index]