changeset 87:94b091763a15

Fix Gnome Builder omnibar colouring
author IBBoard <dev@ibboard.co.uk>
date Sat, 16 Mar 2019 13:31:05 +0000
parents e98478e5fe6d
children fe8579b6ce50
files gtk-3.20/gnome-builder.css gtk-3.20/gtk.css gtk-3.20/gtk.scss
diffstat 3 files changed, 42 insertions(+), 2 deletions(-) [+]
line wrap: on
line diff
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/gtk-3.20/gnome-builder.css	Sat Mar 16 13:31:05 2019 +0000
@@ -0,0 +1,36 @@
+omnibar {
+  background-color: @wm_bg_a;
+}
+
+omnibar:backdrop {
+  background-color: @wm_title;
+}
+
+/* Note: We need to use some odd rules to override the styles
+ * because standard specificity doesn't seem to be enough.
+ * 
+ * This appears to be in part because all of this CSS is defined BEFORE
+ * Builder imports the shared-omnibar.css file, so our code gets
+ * overwritten (even though more specific rules should win)
+ */
+
+omnibar entry {
+  background-image: linear-gradient(to top, @wm_bg_a 0%, @wm_bg_a 100%);
+  border-top-color: @wm_button_border;
+  border-right-color: @wm_button_border;
+  border-bottom-color: @wm_button_border;
+  border-left-color: @wm_button_border;
+}
+
+omnibar:hover entry,
+omnibar:active entry {
+  background-image: linear-gradient(to top, shade(@wm_bg_a, 1.1) 0%, shade(@wm_bg_a, 1.1) 100%);
+}
+
+omnibar:backdrop entry {  
+  background-image: linear-gradient(to top, @wm_title 0%, @wm_title 100%);
+  border-top-color: @wm_button_border;
+  border-right-color: @wm_button_border;
+  border-bottom-color: @wm_button_border;
+  border-left-color: @wm_button_border;
+}
\ No newline at end of file
--- a/gtk-3.20/gtk.css	Fri Dec 28 21:02:08 2018 +0000
+++ b/gtk-3.20/gtk.css	Sat Mar 16 13:31:05 2019 +0000
@@ -1,4 +1,5 @@
 @import url("./nautilus.css");
+@import url("./gnome-builder.css");
 * { padding: 0; -GtkToolButton-icon-spacing: 4; -GtkTextView-error-underline-color: #cc0000; -GtkScrolledWindow-scrollbar-spacing: 0; -GtkToolItemGroup-expander-size: 11; -GtkWidget-text-handle-width: 20; -GtkWidget-text-handle-height: 24; -GtkDialog-button-spacing: 4; -GtkDialog-action-area-border: 0; outline-color: alpha(currentColor,0.3); outline-style: dashed; outline-offset: -3px; outline-width: 1px; -gtk-outline-radius: 2px; -gtk-secondary-caret-color: #5E7F3E; }
 
 /*************** Base States * */
@@ -2254,4 +2255,4 @@
 
 headerbar .background:backdrop { background: transparent none; color: #dddddd; }
 
-headerbar frame > border, headerbar .frame, headerbar frame > border:backdrop, headerbar .frame:backdrop { border-color: #303030; }
+headerbar frame > border, headerbar .frame, headerbar frame > border:backdrop, headerbar .frame:backdrop { border-color: #303030; }
\ No newline at end of file
--- a/gtk-3.20/gtk.scss	Fri Dec 28 21:02:08 2018 +0000
+++ b/gtk-3.20/gtk.scss	Sat Mar 16 13:31:05 2019 +0000
@@ -638,4 +638,7 @@
 // Import extra Nautilus CSS manually, because they only do this if
 // you're using Adwaita -
 // https://github.com/GNOME/nautilus/blob/gnome-3-24/src/nautilus-application.c#L1099-L1112
-@import url("./nautilus.css");
\ No newline at end of file
+@import url("./nautilus.css");
+
+// Gnome Builder fixes
+@import url("./gnome-builder.css");