[gnome-builder] style: add styling to the project tree
- From: Christian Hergert <chergert src gnome org>
- To: commits-list gnome org
- Cc:
- Subject: [gnome-builder] style: add styling to the project tree
- Date: Sat, 11 Apr 2015 08:20:20 +0000 (UTC)
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]