lesderid
/
paper-gtk-theme
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
Paper/gtk-3.0/apps/nautilus.css
View File

@ -29,6 +29,17 @@ NautilusWindow .titlebar,
NautilusWindow .header-bar {
border: none;
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,

24
Paper/gtk-3.0/apps/pantheon.css
View File

@ -102,14 +102,30 @@ BirdieWidgetsTweetList * {
/********
* Files *
********/
.pathbar:focus {
.pathbar .entry:focus,
.marlin-pathbar .pathbar .entry:focus {
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;
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;
}
/********

12
Paper/gtk-3.0/granite-widgets.css
View File

@ -95,7 +95,7 @@ GraniteWidgetsWelcome .h3 {
********/
.panel {
background: @panel;
background-color: @panel;
color: @panel_text;
font-weight: bold;
}
@ -117,6 +117,10 @@ GraniteWidgetsWelcome .h3 {
font-weight: normal;
}
.panel .menuitem {
padding: 2px 4px;
}
.panel .window-frame.menu.csd,
.panel .window-frame.popup.csd {
box-shadow: none;
@ -126,5 +130,7 @@ GraniteWidgetsWelcome .h3 {
.panel .menu .window-frame.popup.csd {
box-shadow: 0 0 0 1px alpha (#000, 0.20),
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);
}

2
Paper/gtk-3.0/gtk-common.css
View File

@ -64,7 +64,7 @@
/* Selected color */
@define-color selected_background @selection;
@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;
/****************

4
Paper/gtk-3.0/gtk.css
View File

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

12
Paper/gtk-3.0/widgets/entry.css
View File

@ -28,12 +28,20 @@
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 {
background-color: @base;
color: @text;
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,

45
Paper/gtk-3.0/widgets/header-bar.css
View File

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

107
Paper/gtk-3.0/widgets/menu-button.css
View File

@ -21,29 +21,15 @@
***************/
.menu-button {
background-image: none;
background-color: @base;
border: 1px solid @selection;
}
.menu-button.separator {
border-style: none;
color: shade(@foreground, 3.2);
-GtkMenuItem-horizontal-padding: 0;
-GtkWidget-separator-height: 1;
}
.menu-button:hover {
background-image: none;
background-color: @base;
color: @foreground;
border-style: none;
}
.menu-button:insensitive {
background-color: @base;
color: lighter(@internal_element);
border-style: none;
}
.menu-button:hover,
@ -51,101 +37,8 @@
.menu-button:active:insensitive,
.menu-button:insensitive,
.menu-button {
border-width: 0;
background-color: shade(@foreground, 1.05);
background-image: none;
}
GtkMenuButton.button: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);
}

41
Paper/gtk-3.0/widgets/menus.css
View File

@ -21,14 +21,20 @@
********/
.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,
.popup {
padding: 4px 0;
background-color: @base;
border-radius: 2px;
border-image: none;
background-color: @background;
color: @text;
}
/*Context Menu*/
@ -47,16 +53,14 @@
.content-view .menu .menuitem:active,
.content-view .menu .menuitem:hover {
background-color: @selection;
color: @text;
}
/* Menu Item */
.menuitem,
.menu .menuitem,
.popup .menuitem {
padding-top: 4px;
padding-bottom: 4px;
padding-left: 6px;
padding-right: 6px;
padding: 6px 4px;
border:none;
-GtkMenuItem-arrow-scaling: 0.5;
@ -68,19 +72,20 @@
.menu .menuitem:active,
.popup .menuitem:active {
background-color: @selection;
color: @selection_foreground;
-gtk-icon-style: symbolic;
}
/* Hover*/
.menuitem:hover,
.menu .menuitem:hover,
.popup .menuitem:hover{
.popup .menuitem:hover {
background-color: @selection;
color: @selection_foreground;
-gtk-icon-style: symbolic;
}
.menuitem:backdrop,
.menu .menuitem:backdrop {
box-shadow: none;
@ -90,11 +95,14 @@
.menuitem:insensitive,
.menu .menuitem:insensitive {
box-shadow: none;
color: @insensitive_text;
border: none;
}
/* Arrows */
.menu .menuitem.arrow {
color: @text;
-GtkComboBox-arrow-scaling: 0.5;
}
.menu .menuitem.arrow {
@ -109,6 +117,7 @@
padding-left: 2px;
padding-right: 2px;
border: none;
color: @border;
-GtkMenuItem-horizontal-padding: 0;
-GtkWidget-separator-height: 1;
}
@ -140,12 +149,24 @@
.menuitem GtkLabel {
padding-left: 2px;
padding-right: 2px;
color: @text;
}
.menu .menuitem GtkLabel,
.popup .menuitem GtkLabel {
padding-left: 6px;
}
/* Menu Image */
.menuitem GtkImage {
padding-left: 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. */

14
Paper/gtk-3.0/widgets/notebook.css
View File

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

26
Paper/gtk-3.0/widgets/titlebar.css
View File

@ -27,8 +27,7 @@
background-color: @header;
color: @header_text;
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 -3px 3px -4px alpha(#000, 0.4);
inset 0 -1px 0 0 rgba(0,0,0,0.1);
}
.maximized .titlebar {
@ -96,7 +95,7 @@
background-color: transparent;
background-image: none;
border: none;
padding: 12px 15px;
padding: 12px 15px 10px 15px;
}
/* Normal Button */
@ -191,6 +190,15 @@
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 */
.titlebar .button:backdrop,
.titlebar .text-button:backdrop,
@ -246,6 +254,18 @@
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 {
font: Bold 10;
}