[gnome-builder] style: add styling to the project tree



commit ed559a78d6ab881923fe04a1cabfb3ee7eba1b88
Author: Christian Hergert <christian hergert me>
Date:   Sat Apr 11 01:20:09 2015 -0700

    style: add styling to the project tree
    
    This adds some basic styling to the project tree. I don't actually want
    it to look like a normal treeview. The fact that it is a treeview is
    actually a side-effect of the implementation.
    
    I think soon we will need to break our CSS out into 3 parts. Things that
    can be shared across all themes, light, and dark modes. Although I'm not
    sure what all can be shared yet.

 data/css/builder.Adwaita.css |   48 ++++++++++++++++++++++++++++++++++++++++++
 1 files changed, 48 insertions(+), 0 deletions(-)
---
diff --git a/data/css/builder.Adwaita.css b/data/css/builder.Adwaita.css
index 742ccb6..5d86617 100644
--- a/data/css/builder.Adwaita.css
+++ b/data/css/builder.Adwaita.css
@@ -142,3 +142,51 @@ GbNewProjectDialog GtkFileChooserButton.linked-on-right .button {
 GbPreferencesSwitch:prelight {
     background-color: shade(@theme_bg_color, 1.01);
 }
+
+
+/*
+ * Project Tree
+ *
+ * TODO: We probably need to handle this separately for
+ *       light vs dark mode, but I'm not ready to bite the
+ *       bullet and setup the theme loading for that yet.
+ */
+GbProjectTree.view {
+    color: shade(@theme_unfocused_fg_color,0.8);
+    background-color: @theme_bg_color;
+}
+
+GbProjectTree.view:backdrop {
+    color: @theme_unfocused_fg_color;
+    background-color: @theme_unfocused_bg_color;
+}
+
+GbProjectTree.view.cell:selected {
+    color: @theme_selected_fg_color;
+    background-color: @theme_selected_bg_color;
+}
+
+GbProjectTree.view.cell:selected:backdrop {
+    color: @theme_unfocused_selected_fg_color;
+    /*
+     * FIXME: should we use @theme_unfocused_selected_bg_color?
+     *        I'm not going for treeview'esque, though, so it feels
+     *        off to me. -- Christian
+     */
+    background-color: @borders;
+}
+
+/*
+GbProjectTree.view {
+    color: #555753;
+    background-color: #eeeeec;
+}
+GbProjectTree.view:backdrop {
+    color: #888a85;
+    background-color: #efefef;
+}
+GbProjectTree.view.cell:selected {
+    color: #fff;
+    background-color: #4a90d9;
+}
+*/


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