Refinements

This commit is contained in:
Sam Hewitt 2015-04-23 10:48:28 -04:00
parent a85ec5663c
commit 8583256a56
11 changed files with 138 additions and 160 deletions

View File

@ -29,6 +29,17 @@ NautilusWindow .titlebar,
NautilusWindow .header-bar { NautilusWindow .header-bar {
border: none; border: none;
background-color: @nautilus; background-color: @nautilus;
padding:0;
border: none;
border-radius: 0;
background-color: @header;
color: @header_text;
box-shadow: none;
}
NautilusWindow .titlebar {
border-radius: 4px 4px 0 0;
box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.1);
} }
NautilusWindow .titlebar:backdrop, NautilusWindow .titlebar:backdrop,

View File

@ -102,14 +102,30 @@ BirdieWidgetsTweetList * {
/******** /********
* Files * * Files *
********/ ********/
.pathbar:focus { .pathbar .entry:focus,
.marlin-pathbar .pathbar .entry:focus {
padding: 0px; padding: 0px;
box-shadow: inset 0 -2px 0 0 @header_text; border-radius: 2px;
background-color: @base;
color: @text;
border: 1px solid @selection;
box-shadow:inset 0 1px 1px 0 alpha(#000, 0.1);
} }
.pathbar:active { .pathbar .entry:active,
.marlin-pathbar .pathbar .entry:active {
padding: 0px; padding: 0px;
box-shadow: inset 0 -2px 0 0 @header_text; border-radius: 2px;
background-color: @base;
color: @text;
border: 1px solid @selection;
box-shadow:inset 0 1px 1px 0 alpha(#000, 0.1);
}
.marlin-pathbar,
.marlin-pathbar .pathbar .entry .button.raised {
background-color: red;
color: red;
} }
/******** /********

View File

@ -95,7 +95,7 @@ GraniteWidgetsWelcome .h3 {
********/ ********/
.panel { .panel {
background: @panel; background-color: @panel;
color: @panel_text; color: @panel_text;
font-weight: bold; font-weight: bold;
} }
@ -117,6 +117,10 @@ GraniteWidgetsWelcome .h3 {
font-weight: normal; font-weight: normal;
} }
.panel .menuitem {
padding: 2px 4px;
}
.panel .window-frame.menu.csd, .panel .window-frame.menu.csd,
.panel .window-frame.popup.csd { .panel .window-frame.popup.csd {
box-shadow: none; box-shadow: none;
@ -126,5 +130,7 @@ GraniteWidgetsWelcome .h3 {
.panel .menu .window-frame.popup.csd { .panel .menu .window-frame.popup.csd {
box-shadow: 0 0 0 1px alpha (#000, 0.20), box-shadow: 0 0 0 1px alpha (#000, 0.20),
0 10px 20px alpha (#000, 0.19), 0 10px 20px alpha (#000, 0.19),
0 6px 6px alpha (#000, 0.23); 0 6px 6px alpha (#000, 0.23),
} inset 0 1px 0 0 rgba(255,255,255,0.1),
inset 0 -3px 3px -4px alpha(#000, 0.4);
}

View File

@ -64,7 +64,7 @@
/* Selected color */ /* Selected color */
@define-color selected_background @selection; @define-color selected_background @selection;
@define-color selected_border shade(@selection, 0.9); @define-color selected_border shade(@selection, 0.9);
@define-color selected_foreground alpha(#000, 0.5); @define-color selected_foreground shade(@selection, 0.5);
@define-color selection_foreground @selected_foreground; @define-color selection_foreground @selected_foreground;
/**************** /****************

View File

@ -33,9 +33,7 @@
@define-color backdrop_header #5A6367; /* Header backdrop color */ @define-color backdrop_header #5A6367; /* Header backdrop color */
@define-color header_text #fff;/* Header text color */ @define-color header_text #fff;/* Header text color */
@define-color header_text_dark alpha(#000, 0.3);/* Header text color */ @define-color header_text_dark alpha(#000, 0.3);/* Header text color */
@define-color menu #636E73;/* Menu color */ @define-color selection #dbdee0;/* Selection color */
@define-color menu_text #dbdee0;/* Menu color */
@define-color selection #9FB0B9;/* Selection color */
@define-color view_background @base;/* View background */ @define-color view_background @base;/* View background */
@define-color inactive_frame @border;/* Inactive frame color */ @define-color inactive_frame @border;/* Inactive frame color */
@define-color panel_text #dbdee0;/* Panel text color */ @define-color panel_text #dbdee0;/* Panel text color */

View File

@ -28,12 +28,20 @@
border: 1px solid @border; border: 1px solid @border;
} }
.entry:active, .entry:active {
background-color: @base;
color: @text;
border: 1px solid @border;
box-shadow:inset 0 0 0 1px alpha(#000, 0.05),
inset 0 1px 0 0 alpha(#000, 0.02);
}
.entry:focus { .entry:focus {
background-color: @base; background-color: @base;
color: @text; color: @text;
border: 1px solid @selection; border: 1px solid @selection;
box-shadow:inset 0 1px 1px 0 alpha(#000, 0.1); box-shadow:inset 0 0 0 1px alpha(@selection, 0.4),
inset 0 1px 0 0 alpha(@selection, 0.1);
} }
.entry:backdrop:active, .entry:backdrop:active,

View File

@ -28,8 +28,7 @@
background-color: @header; background-color: @header;
color: @header_text; color: @header_text;
box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.1), box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.1),
inset 0 -1px 0 0 rgba(0,0,0,0.1), inset 0 -1px 0 0 rgba(0,0,0,0.1);
inset 0 -3px 3px -4px alpha(#000, 0.4);
} }
@ -116,7 +115,6 @@
border-radius: 0px; border-radius: 0px;
border: none; border: none;
box-shadow: none; box-shadow: none;
outline: none;
color: @header_text; color: @header_text;
} }
@ -132,11 +130,16 @@
/*background-color: alpha(#000, 0.1);*/ /*background-color: alpha(#000, 0.1);*/
background-image: none; background-image: none;
border: none; border: none;
outline: none;
color: @header_text; color: @header_text;
box-shadow: inset 0 -2px 0 0 @header_text; box-shadow: inset 0 -2px 0 0 @header_text;
} }
.header-bar .linked:active,
.header-bar .image-button:active {
box-shadow: 0 2px 0 0 @header_text;
}
.header-bar .text-button:active { .header-bar .text-button:active {
font: Bold 10; font: Bold 10;
} }
@ -153,9 +156,13 @@
background-image: none; background-image: none;
/*background-color: alpha(#000, 0.1);*/ /*background-color: alpha(#000, 0.1);*/
border: none; border: none;
outline: none;
color: @header_text; color: @header_text;
box-shadow: inset 0 -2px 0 0 @header_text; box-shadow: 0 -2px 0 0 @header_text;
}
.header-bar .linked:checked,
.header-bar .image-button:checked {
box-shadow: 0 2px 0 0 @header_text;
} }
.header-bar .text-button:checked { .header-bar .text-button:checked {
@ -174,11 +181,16 @@
background-color: transparent; background-color: transparent;
background-image: none; background-image: none;
border: none; border: none;
outline: none;
color: @header_text; color: @header_text;
box-shadow: inset 0 -2px 0 0 @header_text; box-shadow: inset 0 -2px 0 0 @header_text;
} }
.header-bar .linked:focus,
.header-bar .image-button:focus {
box-shadow: 0 2px 0 0 @header_text;
}
/* Hover Button */ /* Hover Button */
.header-bar .button:hover, .header-bar .button:hover,
.header-bar .text-button:hover, .header-bar .text-button:hover,
@ -191,7 +203,6 @@
background-color: alpha(#000, 0.1); background-color: alpha(#000, 0.1);
background-image: none; background-image: none;
border: none; border: none;
outline: none;
/*box-shadow: inset 0 -2px 0 0 @header_text;*/ /*box-shadow: inset 0 -2px 0 0 @header_text;*/
color: @header_text; color: @header_text;
} }
@ -209,7 +220,6 @@
background-image: none; background-image: none;
border: none; border: none;
box-shadow: none; box-shadow: none;
outline: none;
color: @backdrop_header_text; color: @backdrop_header_text;
} }
@ -246,11 +256,19 @@
background-color: transparent; background-color: transparent;
background-image: none; background-image: none;
border: none; border: none;
outline: none;
color: @backdrop_header_text; color: @backdrop_header_text;
box-shadow: inset 0 -2px 0 0 @backdrop_header_text; box-shadow: inset 0 -2px 0 0 @backdrop_header_text;
} }
.header-bar .linked:focus:backdrop,
.header-bar .image-button:focus:backdrop
.header-bar .linked:active:backdrop,
.header-bar .image-button:active:backdrop
.header-bar .linked:checked:backdrop,
.header-bar .image-button:checked:backdrop {
box-shadow: 0 2px 0 0 @backdrop_header_text;
}
.header-bar .text-button:active:backdrop { .header-bar .text-button:active:backdrop {
font: Bold 10; font: Bold 10;
} }
@ -267,7 +285,6 @@
background-image: none; background-image: none;
border-radius: 0px; border-radius: 0px;
border: none; border: none;
outline: none;
box-shadow: inset 0 -2px 0 0 @backdrop_header_text; box-shadow: inset 0 -2px 0 0 @backdrop_header_text;
color: @backdrop_header_text; color: @backdrop_header_text;
} }
@ -285,7 +302,6 @@
border-radius: 0px; border-radius: 0px;
border: none; border: none;
box-shadow: none; box-shadow: none;
outline: none;
color: @insensitive_header_text; color: @insensitive_header_text;
} }
@ -301,12 +317,10 @@
background-color: transparent; background-color: transparent;
background-image: none; background-image: none;
border: none; border: none;
outline: none;
color: @insensitive_header_text; color: @insensitive_header_text;
} }
/* Button Images */ /* Button Images */
.header-bar .button GtkImage, .header-bar .button GtkImage,
.header-bar .button GtkImage:active, .header-bar .button GtkImage:active,
@ -415,7 +429,6 @@
padding: 13px; padding: 13px;
border-radius: 0px; border-radius: 0px;
border: 1px solid transparent; border: 1px solid transparent;
outline: none;
box-shadow: none; box-shadow: none;
} }
@ -424,14 +437,12 @@
background: none; background: none;
color: @header_text; color: @header_text;
border: none; border: none;
outline: none;
} }
.header-bar .entry:backdrop { .header-bar .entry:backdrop {
background: none; background: none;
color: @backdrop_header_text; color: @backdrop_header_text;
border: none; border: none;
outline: none;
} }
.header-bar .entry:selected, .header-bar .entry:selected,

View File

@ -21,29 +21,15 @@
***************/ ***************/
.menu-button { .menu-button {
background-image: none;
background-color: @base;
border: 1px solid @selection;
} }
.menu-button.separator { .menu-button.separator {
border-style: none;
color: shade(@foreground, 3.2);
-GtkMenuItem-horizontal-padding: 0;
-GtkWidget-separator-height: 1;
} }
.menu-button:hover { .menu-button:hover {
background-image: none;
background-color: @base;
color: @foreground;
border-style: none;
} }
.menu-button:insensitive { .menu-button:insensitive {
background-color: @base;
color: lighter(@internal_element);
border-style: none;
} }
.menu-button:hover, .menu-button:hover,
@ -51,101 +37,8 @@
.menu-button:active:insensitive, .menu-button:active:insensitive,
.menu-button:insensitive, .menu-button:insensitive,
.menu-button { .menu-button {
border-width: 0;
background-color: shade(@foreground, 1.05);
background-image: none;
} }
GtkMenuButton.button:active, GtkMenuButton.button:active,
GtkMenuButton.button.raised:active { GtkMenuButton.button.raised:active {
color: @foreground;
}
/* Images */
.menu-button .menuitem GtkImage,
.menu-button .menu .menuitem GtkImage,
.menu-button .menu .menuitem .menu .menuitem GtkImage {
color: @text;
}
.menu-button .menu .menuitem:active GtkImage,
.menu-button .menu .menuitem .menu .menuitem:active GtkImage,
.menu-button .menu .menuitem:hover GtkImage,
.menu-button .menu .menuitem .menu .menuitem:hover GtkImage,
.menu-button .menu .menuitem:focus GtkImage,
.menu-button .menu .menuitem .menu .menuitem:focus GtkImage,
.menu-button .menuitem:active GtkImage,
.menu-button .menuitem:focus GtkImage,
.menu-button .menuitem:hover GtkImage {
color: @selected_foreground;
}
.menu-button .menu .menuitem:backdrop GtkImage,
.menu-button .menu .menuitem .menu .menuitem:backdrop GtkImage,
.menu-button .menu .menuitem:active:backdrop GtkImage,
.menu-button .menu .menuitem .menu .menuitem:active:backdrop GtkImage,
.menu-button .menu .menuitem:backdrop:hover GtkImage,
.menu-button .menu .menuitem .menu .menuitem:backdrop:hover GtkImage,
.menu-button .menuitem:backdrop GtkImage,
.menu-button .menuitem:backdrop:hover GtkImage,
.menu-button .menuitem:active:backdrop GtkImage {
color: @backdrop_text;
-gtk-image-effect: dim;
}
.menu-button .menu .menuitem:insensitive GtkImage,
.menu-button .menu .menuitem .menu .menuitem:insensitive GtkImage,
.menu-button .menuitem:insensitive GtkImage {
color: @insensitive_text;
-gtk-image-effect: dim;
}
.menu-button .menu .menuitem:insensitive:backdrop GtkImage,
.menu-button .menu .menuitem .menu .menuitem:insensitive:backdrop GtkImage,
.menu-button .menuitem:insensitive:backdrop GtkImage {
color: mix(@backdrop_text, @insensitive_text, 0.5);
-gtk-image-effect: dim;
}
/* Labels */
.menu-button .menuitem GtkLabel,
.menu-button .menu .menuitem GtkLabel,
.menu-button .menu .menuitem .menu .menuitem GtkLabel,
.menu-button .menu .menuitem .menu .menuitem .menuitem GtkLabel {
color: @text;
}
.menu .menu-button .menuitem:active GtkLabel,
.menu-button .menu .menuitem .menu .menuitem:active GtkLabel,
.menu-button .menu .menuitem:hover GtkLabel,
.menu-button .menu .menuitem .menu .menuitem:hover GtkLabel,
.menu-button .menu .menuitem:focus GtkLabel,
.menu-button .menu .menuitem .menu .menuitem:focus GtkLabel,
.menu-button .menuitem:active GtkLabel,
.menu-button .menuitem:focus GtkLabel,
.menu-button .menuitem:hover GtkLabel {
color: @selected_foreground;
}
.menu-button .menu .menuitem:backdrop GtkLabel,
.menu-button .menu .menuitem .menu .menuitem:backdrop GtkLabel,
.menu-button .menu .menuitem:active:backdrop GtkLabel,
.menu-button .menu .menuitem .menu .menuitem:active:backdrop GtkLabel,
.menu-button .menu .menuitem:backdrop:hover GtkLabel,
.menu-button .menu .menuitem .menu .menuitem:backdrop:hover GtkLabel,
.menu-button .menuitem:backdrop GtkLabel,
.menu-button .menuitem:backdrop:hover GtkLabel,
.menu-button .menuitem:active:backdrop GtkLabel {
color: @backdrop_text;
}
.menu-button .menu .menuitem:insensitive GtkLabel,
.menu-button .menu .menuitem .menu .menuitem:insensitive GtkLabel,
.menu-button .menuitem:insensitive GtkLabel {
color: @insensitive_text;
}
.menu-button .menu .menuitem:insensitive:backdrop GtkLabel,
.menu-button .menu .menuitem .menu .menuitem:insensitive:backdrop GtkLabel,
.menu-button .menuitem:insensitive:backdrop GtkLabel {
color: mix(@backdrop_text, @insensitive_text, 0.5);
} }

View File

@ -21,14 +21,20 @@
********/ ********/
.menu { .menu {
border-image: none; box-shadow: 0 2px 3px 2px @menu_shadow,
box-shadow: 0 2px 3px 2px @menu_shadow; inset 0 1px 0 0 rgba(255,255,255,0.1),
inset 0 -3px 3px -4px alpha(#000, 0.4);
} }
.content-view .menu,
.context-menu,
.menu, .menu,
.popup { .popup {
padding: 4px 0; padding: 4px 0;
background-color: @base; border-radius: 2px;
border-image: none;
background-color: @background;
color: @text;
} }
/*Context Menu*/ /*Context Menu*/
@ -47,16 +53,14 @@
.content-view .menu .menuitem:active, .content-view .menu .menuitem:active,
.content-view .menu .menuitem:hover { .content-view .menu .menuitem:hover {
background-color: @selection; background-color: @selection;
color: @text;
} }
/* Menu Item */ /* Menu Item */
.menuitem, .menuitem,
.menu .menuitem, .menu .menuitem,
.popup .menuitem { .popup .menuitem {
padding-top: 4px; padding: 6px 4px;
padding-bottom: 4px;
padding-left: 6px;
padding-right: 6px;
border:none; border:none;
-GtkMenuItem-arrow-scaling: 0.5; -GtkMenuItem-arrow-scaling: 0.5;
@ -68,19 +72,20 @@
.menu .menuitem:active, .menu .menuitem:active,
.popup .menuitem:active { .popup .menuitem:active {
background-color: @selection; background-color: @selection;
color: @selection_foreground;
-gtk-icon-style: symbolic; -gtk-icon-style: symbolic;
} }
/* Hover*/ /* Hover*/
.menuitem:hover, .menuitem:hover,
.menu .menuitem:hover, .menu .menuitem:hover,
.popup .menuitem:hover{ .popup .menuitem:hover {
background-color: @selection; background-color: @selection;
color: @selection_foreground;
-gtk-icon-style: symbolic; -gtk-icon-style: symbolic;
} }
.menuitem:backdrop, .menuitem:backdrop,
.menu .menuitem:backdrop { .menu .menuitem:backdrop {
box-shadow: none; box-shadow: none;
@ -90,11 +95,14 @@
.menuitem:insensitive, .menuitem:insensitive,
.menu .menuitem:insensitive { .menu .menuitem:insensitive {
box-shadow: none; box-shadow: none;
color: @insensitive_text;
border: none; border: none;
} }
/* Arrows */ /* Arrows */
.menu .menuitem.arrow { .menu .menuitem.arrow {
color: @text;
-GtkComboBox-arrow-scaling: 0.5;
} }
.menu .menuitem.arrow { .menu .menuitem.arrow {
@ -109,6 +117,7 @@
padding-left: 2px; padding-left: 2px;
padding-right: 2px; padding-right: 2px;
border: none; border: none;
color: @border;
-GtkMenuItem-horizontal-padding: 0; -GtkMenuItem-horizontal-padding: 0;
-GtkWidget-separator-height: 1; -GtkWidget-separator-height: 1;
} }
@ -140,12 +149,24 @@
.menuitem GtkLabel { .menuitem GtkLabel {
padding-left: 2px; padding-left: 2px;
padding-right: 2px; padding-right: 2px;
color: @text;
} }
.menu .menuitem GtkLabel, .menu .menuitem GtkLabel,
.popup .menuitem GtkLabel { .popup .menuitem GtkLabel {
padding-left: 6px; padding-left: 6px;
}
/* Menu Image */
.menuitem GtkImage {
padding-left: 2px;
padding-right: 2px; padding-right: 2px;
color: @text;
}
.menu .menuitem GtkImage,
.popup .menuitem GtkImage {
padding-left: 6px;
} }
/* Something is utterly broken where I've had to do this ugly bit of styling. */ /* Something is utterly broken where I've had to do this ugly bit of styling. */

View File

@ -211,17 +211,11 @@
/*----- In-tab padding -----*/ /*----- In-tab padding -----*/
.notebook tab.top { .notebook tab.top {
padding: 6px; padding: 6px 8px 8px 8px;
padding-left: 8px;
padding-bottom: 8px;
padding-right: 8px;
} }
.notebook tab.bottom { .notebook tab.bottom {
padding-top: 8px; padding: 8px 8px 6px 8px;
padding-left: 8px;
padding-bottom: 6px;
padding-right: 8px;
} }
.notebook tab.left { .notebook tab.left {
@ -233,11 +227,11 @@
} }
.notebook tab.top:active { .notebook tab.top:active {
padding: 5px 8px 8px 8px; padding: 8px 8px 6px 8px;
} }
.notebook tab.bottom:active { .notebook tab.bottom:active {
padding: 8px 8px 5px 8px; padding: 6px 8px 8px 8px;
} }
.notebook tab.left:active { .notebook tab.left:active {

View File

@ -27,8 +27,7 @@
background-color: @header; background-color: @header;
color: @header_text; color: @header_text;
box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.1), box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.1),
inset 0 -1px 0 0 rgba(0,0,0,0.1), inset 0 -1px 0 0 rgba(0,0,0,0.1);
inset 0 -3px 3px -4px alpha(#000, 0.4);
} }
.maximized .titlebar { .maximized .titlebar {
@ -96,7 +95,7 @@
background-color: transparent; background-color: transparent;
background-image: none; background-image: none;
border: none; border: none;
padding: 12px 15px; padding: 12px 15px 10px 15px;
} }
/* Normal Button */ /* Normal Button */
@ -191,6 +190,15 @@
color: @header_text; color: @header_text;
} }
.titlebar .linked:focus,
.titlebar .image-button:focus
.titlebar .linked:active,
.titlebar .image-button:active
.titlebar .linked:checked,
.titlebar .image-button:checked {
box-shadow: 0 2px 0 0 @header_text;
}
/* Backdrop Button */ /* Backdrop Button */
.titlebar .button:backdrop, .titlebar .button:backdrop,
.titlebar .text-button:backdrop, .titlebar .text-button:backdrop,
@ -246,6 +254,18 @@
box-shadow: inset 0 -2px 0 0 @backdrop_header_text; box-shadow: inset 0 -2px 0 0 @backdrop_header_text;
} }
.titlebar .titlebutton:focus:backdrop,
.titlebar .image-button:focus:backdrop
.titlebar .linked:focus:backdrop,
.titlebar .image-button:focus:backdrop
.titlebar .linked:active:backdrop,
.titlebar .image-button:active:backdrop
.titlebar .linked:checked:backdrop,
.titlebar .image-button:checked:backdrop {
box-shadow: 0 2px 0 0 @backdrop_header_text;
}
.titlebar .text-button:active:backdrop { .titlebar .text-button:active:backdrop {
font: Bold 10; font: Bold 10;
} }