aboutsummaryrefslogtreecommitdiff
path: root/common/gtk-3.0/3.18/sass/_granite.scss
diff options
context:
space:
mode:
Diffstat (limited to 'common/gtk-3.0/3.18/sass/_granite.scss')
-rw-r--r--common/gtk-3.0/3.18/sass/_granite.scss214
1 files changed, 214 insertions, 0 deletions
diff --git a/common/gtk-3.0/3.18/sass/_granite.scss b/common/gtk-3.0/3.18/sass/_granite.scss
new file mode 100644
index 0000000..1e53c7f
--- /dev/null
+++ b/common/gtk-3.0/3.18/sass/_granite.scss
@@ -0,0 +1,214 @@
+// Granite Widgets
+
+//
+// Overlay Bar
+//
+.overlay-bar {
+ background-color: $selected_bg_color;
+ border-color: $selected_bg_color;
+ border-radius: 2px;
+ padding: 3px 6px;
+ margin: 3px;
+
+ GtkLabel { color: $selected_fg_color; }
+}
+
+//
+// Thin Pane Separator
+//
+GraniteWidgetsThinPaned {
+ background-color: transparent;
+ background-image: none;
+ margin: 0;
+ border-left: 1px solid $borders_color;
+ border-right: 1px solid $borders_color;
+
+}
+
+// avoid borders when a viewport is
+// packed into a Static Notebook, or Popover
+GraniteWidgetsPopOver .frame,
+GraniteWidgetsStaticNotebook .frame {
+ border: none;
+}
+
+//
+// Help Button
+//
+.help_button {
+ border-radius: 100px;
+ padding: 3px 9px;
+}
+
+//
+// Secondary Toolbars
+//
+.secondary-toolbar.toolbar {
+ padding: 3px;
+ border-bottom: 1px solid $borders_color;
+
+ .button { padding: 0 3px 0 3px; }
+}
+
+//
+// Bottom Toolbars
+//
+.bottom-toolbar.toolbar {
+ padding: 5px;
+ border-width: 1px 0 0 0;
+ border-style: solid;
+ border-color: $borders_color;
+ background-color: $bg_color;
+
+ .button { padding: 2px 3px 2px 3px; }
+}
+
+//
+// Sidebar & Source List
+//
+.source-list {
+ -GtkTreeView-horizontal-separator: 1px;
+ -GtkTreeView-vertical-separator: 6px;
+}
+
+.source-list,
+.source-list.view {
+ background-color: $bg_color;
+ color: $fg_color;
+ -gtk-icon-style: regular;
+}
+
+.source-list.category-expander {
+ color: transparent;
+}
+
+.source-list.view:prelight {
+ background-color: lighten($bg_color, 5%);
+}
+
+.source-list.view:selected,
+.source-list.view:prelight:selected,
+.source-list.view:selected:focus,
+.source-list.category-expander:hover {
+ color: $selected_fg_color;
+ background-color: $selected_bg_color;
+}
+
+.source-list .scrollbar.trough,
+.source-list .scrollbars-junction {
+ border-image: none;
+ border-color: transparent;
+ background-color: $bg_color;
+ background-image: none;
+}
+
+.source-list.badge,
+.source-list.badge:prelight,
+.source-list.badge:selected,
+.source-list.badge:selected:focus,
+.source-list.badge:prelight:selected {
+ background-image: none;
+ background-color: $selected_bg_color;
+ color: $selected_fg_color;
+ border-radius: 10px;
+ padding: 0 6px;
+ margin: 0 3px;
+ border-width: 0;
+}
+
+.source-list.badge:selected,
+.source-list.badge:selected:focus,
+.source-list.badge:prelight:selected {
+ background-color: $selected_fg_color;
+ color: $selected_bg_color;
+}
+
+//
+// Expander
+//
+.source-list.category-expander {
+ color: $fg_color;
+ -gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
+ -GtkTreeView-expander-size: 16;
+}
+
+.source-list.category-expander,
+.source-list.category-expander:backdrop {
+ color: transparent;
+ border: none;
+}
+
+.source-list.category-expander:checked {
+ -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+}
+
+//
+// Welcome
+//
+GraniteWidgetsWelcome {
+ background-color: $base_color;
+}
+
+GraniteWidgetsWelcome GtkLabel {
+ color: mix($fg_color, $bg_color, 50%);
+ font: open sans 11;
+ text-shadow: none;
+}
+
+GraniteWidgetsWelcome .h1,
+GraniteWidgetsWelcome .h3 {
+ color: transparentize($fg_color, 0.2);
+}
+
+//
+// Help Button
+//
+.help_button {
+ border-radius: 0;
+}
+
+//
+// Popover
+//
+GraniteWidgetsPopOver {
+ -GraniteWidgetsPopOver-arrow-width: 21;
+ -GraniteWidgetsPopOver-arrow-height: 10;
+ -GraniteWidgetsPopOver-border-radius: 2px;
+ -GraniteWidgetsPopOver-border-width: 1;
+ -GraniteWidgetsPopOver-shadow-size: 12;
+
+ border: 1px solid transparentize(black, 0.7);
+ margin: 0;
+}
+
+.popover_bg {
+ background-image: linear-gradient(to bottom, $base_color);
+ border: 1px solid transparentize(black, 0.7);
+}
+
+GraniteWidgetsPopOver .sidebar.view,
+GraniteWidgetsPopOver * {
+ background-color: transparent;
+}
+
+//
+// Text Styles
+//
+.h1 { font: open sans 24px; }
+.h2 { font: open sans light 18px; }
+.h3 { font: open sans 11px; }
+.h4,
+.category-label {
+ color: mix($bg_color, $text_color, 30%);
+ font-weight: 600;
+ text-shadow: 0 1px transparentize(white, 0.4);
+}
+
+.h4 {
+ padding-bottom: 6px;
+ padding-top: 6px;
+}
+
+GtkListBox .h4{
+ padding-left: 6px;
+}