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

Added more app-specific css.

This commit is contained in:
Sam Hewitt 2014-12-16 11:53:08 -05:00
parent f50703f7b9
commit 36cf6f8513
13 changed files with 391 additions and 144 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
Paper/gtk-3.0/apps.css
View File

@ -26,21 +26,26 @@
@import url("apps/budgie.css");
@import url("apps/calculator.css");
@import url("apps/california.css");
@import url("apps/cheese.css");
@import url("apps/epiphany.css");
@import url("apps/fallback.css");
@import url("apps/geary.css");
@import url("apps/gedit.css");
@import url("apps/logs.css");
@import url("apps/gnome-clocks.css");
/*@import url("apps/gnome-music.css");*/
@import url("apps/gnome-contacts.css");
@import url("apps/gnome-documents.css");
@import url("apps/gnome-disks.css");
/*@import url("apps/gnome-software.css");*/
/*@import url("apps/gnome-music.css");*/
@import url("apps/gnome-photos.css");
@import url("apps/gnome-terminal.css");
/*@import url("apps/gnome-software.css");*/
@import url("apps/gnome.css");
@import url("apps/nautilus.css");
@import url("apps/snap.css");
@import url("apps/scratch-text-editor.css");
@import url("apps/pantheon.css");
@import url("apps/settings.css");
@import url("apps/shotwell.css");
@import url("apps/unity.css");
@import url("apps/xfce.css");

128
Paper/gtk-3.0/apps/calculator.css
View File

@ -19,118 +19,80 @@
@define-color calculator #9F347D;/* Calc color */
/**************
* Calculator *
* Header bar *
**************/
MathWindow.background {
background-color: @base;
color: @calculator;
}
MathWindow .titlebar {
MathWindow .titlebar,
MathWindow .header-bar {
background-color: @calculator;
color: @base;
border: none;
}
MathWindow.background:backdrop {
background-color: @base;
color: alpha(@calculator, 0.5);
MathWindow .titlebar:backdrop,
MathWindow .header-bar:backdrop {
background-color: shade(@calculator,0.9);
}
MathWindow .titlebar:backdrop {
background-color: shade(@calculator, 0.9);
color: alpha(@base, 0.5);
border: none;
}
MathWindow .button.text-button,
MathWindow .button.image-button,
MathWindow .button {
/***********
* Buttons *
***********/
MathButtons .button,
MathButtons .button GtkImage,
MathButtons .button.text-button,
MathButtons .button.image-button {
border: none;
color: @calculator;
font: Bold;
}
MathWindow GtkComboBox,
MathWindow GtkComboBox * {
MathButtons GtkComboBox,
MathButtons GtkComboBox * {
border: none;
color: @calculator;
font: Bold;
}
MathWindow GtkComboBox:focus,
MathWindow GtkComboBox *:focus,
MathWindow .button.text-button:focus,
MathWindow .button.image-button:focus,
MathWindow .button:focus {
background-color: @base;
MathButtons GtkComboBox:focus,
MathButtons GtkComboBox *:focus,
MathButtons .button.text-button:focus,
MathButtons .button.image-button:focus,
MathButtons .button:focus {
background: none;
color: @calculator;
border: none;
}
MathWindow GtkComboBox:active,
MathWindow GtkComboBox *:active,
MathWindow .button.text-button:active,
MathWindow .button.image-button:active,
MathWindow .button:active,
MathWindow GtkComboBox:active:hover,
MathWindow GtkComboBox *:active:hover,
MathWindow .button.text-button:active:hover,
MathWindow .button.image-button:active:hover,
MathWindow .button:active:hover {
background-color: @base;
MathButtons GtkComboBox:active,
MathButtons GtkComboBox *:active,
MathButtons .button.text-button:active,
MathButtons .button.image-button:active,
MathButtons .button:active,
MathButtons GtkComboBox:active:hover,
MathButtons GtkComboBox *:active:hover,
MathButtons .button.text-button:active:hover,
MathButtons .button.image-button:active:hover,
MathButtons .button:active:hover {
background: none;
color: @calculator;
border: none;
}
MathWindow GtkComboBox:backdrop,
MathWindow GtkComboBox *:backdrop,
MathWindow .button.text-button:backdrop,
MathWindow .button.image-button:backdrop,
MathWindow .button:backdrop {
background-color: transparent;
color: alpha(@calculator, 0.7);
MathButtons GtkComboBox:backdrop,
MathButtons GtkComboBox *:backdrop,
MathButtons .button.text-button:backdrop,
MathButtons .button.image-button:backdrop,
MathButtons .button:backdrop {
background: none;
color: shade(@calculator, 0.9);
border: none;
}
MathWindow GtkComboBox:hover,
MathWindow GtkComboBox *:hover,
MathWindow .button.text-button:hover,
MathWindow .button.image-button:hover,
MathWindow .button:hover {
MathButtons GtkComboBox:hover,
MathButtons GtkComboBox *:hover,
MathButtons .button.text-button:hover,
MathButtons .button.image-button:hover,
MathButtons .button:hover {
background-color: @calculator;
color: @base;
border: none;
}
MathWindow *:hover {
border: none;
background-color: @calculator;
color: @base;
}
/* Header Bar */
MathWindow .header-bar,
MathWindow .header-bar.toolbar {
background-color: @calculator;
}
MathWindow .maximized .header-bar {
background-color: @calculator;
}
MathWindow .header-bar > GtkBox > .separator.vertical {
background-color: @calculator;
}
/* Separator */
MathWindow .header-bar .separator,
MathWindow .header-bar .button .separator,
MathWindow .header-bar .button.separator {
background-color: @calculator;
color: @calculator;
}
}

33
Paper/gtk-3.0/apps/cheese.css Normal file
View File

@ -0,0 +1,33 @@
/* Copyright 2014 Sam Hewitt.
*
* This file is part of the Paper GTK theme.
*
* The Paper GTK theme is free software: you can redistribute it
* and/or modify it under the terms of the GNU General Public License as
* published by the Free Software Foundation, either version 3 of the
* License, or (at your option) any later version.
*
* The Paper GTK theme is distributed in the hope that it will be
* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General
* Public License for more details.
*
* You should have received a copy of the GNU General Public License along
* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/.
*/
@define-color cheese #6d266a;
/**********
* Header *
**********/
CheeseWindow .titlebar,
CheeseWindow .header-bar {
background-color: @cheese;
}
CheeseWindow .titlebar:backdrop,
CheeseWindow .header-bar:backdrop {
background-color: shade(@cheese,0.9);
}

78
Paper/gtk-3.0/apps/gnome-photos.css Normal file
View File

@ -0,0 +1,78 @@
/* Copyright 2014 Sam Hewitt.
*
* This file is part of the Paper GTK theme.
*
* The Paper GTK theme is free software: you can redistribute it
* and/or modify it under the terms of the GNU General Public License as
* published by the Free Software Foundation, either version 3 of the
* License, or (at your option) any later version.
*
* The Paper GTK theme is distributed in the hope that it will be
* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General
* Public License for more details.
*
* You should have received a copy of the GNU General Public License along
* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/.
*/
@define-color photos #d22f7a;
/**********
* Header *
**********/
PhotosMainWindow .titlebar,
PhotosMainWindow .header-bar {
background-color: @photos;
}
PhotosMainWindow .titlebar:backdrop,
PhotosMainWindow .header-bar:backdrop {
background-color: shade(@photos,0.9);
}
/* Switch */
PhotosMainWindow .header-bar GtkSwitch.trough:active {
background-color: @photos;
}
PhotosMainWindow GtkSwitch.trough:active {
border: 1px solid shade(@photos, 0.8);
background-color: @photos;
}
PhotosMainWindow GtkSwitch.slider:active {
border: 1px solid shade(@photos, 0.8);
}
PhotosMainWindow .header-bar GtkSwitch.slider:active:backdrop,
PhotosMainWindow .header-bar GtkSwitch.slider:backdrop {
background-color: shade(@photos, 0.9);
}
/************
* Notebook *
************/
/* Active */
PhotosMainWindow .notebook tab.top:active,
PhotosMainWindow .dynamic-notebook tab.top:active {
box-shadow:inset 0 -3px 0 0 @photos;
}
PhotosMainWindow .notebook tab.bottom:active,
PhotosMainWindow .dynamic-notebook tab.bottom:active {
box-shadow:inset 0 3px 0 0 @photos;
}
PhotosMainWindow .notebook tab.left:active,
PhotosMainWindow .dynamic-notebook tab.left:active {
box-shadow:inset -3px 0 0 0 @photos;
}
PhotosMainWindow .notebook tab.right:active,
PhotosMainWindow .dynamic-notebook tab.right:active {
box-shadow:inset 3px 0 0 0 @photos;
}

78
Paper/gtk-3.0/apps/scratch-text-editor.css Normal file
View File

@ -0,0 +1,78 @@
/* Copyright 2014 Sam Hewitt.
*
* This file is part of the Paper GTK theme.
*
* The Paper GTK theme is free software: you can redistribute it
* and/or modify it under the terms of the GNU General Public License as
* published by the Free Software Foundation, either version 3 of the
* License, or (at your option) any later version.
*
* The Paper GTK theme is distributed in the hope that it will be
* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General
* Public License for more details.
*
* You should have received a copy of the GNU General Public License along
* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/.
*/
@define-color scratch #e74c3c;
/**********
* Header *
**********/
ScratchMainWindow .titlebar,
ScratchMainWindow .header-bar {
background-color: @scratch;
}
ScratchMainWindow .titlebar:backdrop,
ScratchMainWindow .header-bar:backdrop {
background-color: shade(@scratch,0.9);
}
/* Switch */
ScratchMainWindow .header-bar GtkSwitch.trough:active {
background-color: @scratch;
}
ScratchMainWindow GtkSwitch.trough:active {
border: 1px solid shade(@scratch, 0.8);
background-color: @scratch;
}
ScratchMainWindow GtkSwitch.slider:active {
border: 1px solid shade(@scratch, 0.8);
}
ScratchMainWindow .header-bar GtkSwitch.slider:active:backdrop,
ScratchMainWindow .header-bar GtkSwitch.slider:backdrop {
background-color: shade(@scratch, 0.9);
}
/************
* Notebook *
************/
/* Active */
ScratchMainWindow .notebook tab.top:active,
ScratchMainWindow .dynamic-notebook tab.top:active {
box-shadow:inset 0 -3px 0 0 @scratch;
}
ScratchMainWindow .notebook tab.bottom:active,
ScratchMainWindow .dynamic-notebook tab.bottom:active {
box-shadow:inset 0 3px 0 0 @scratch;
}
ScratchMainWindow .notebook tab.left:active,
ScratchMainWindow .dynamic-notebook tab.left:active {
box-shadow:inset -3px 0 0 0 @scratch;
}
ScratchMainWindow .notebook tab.right:active,
ScratchMainWindow .dynamic-notebook tab.right:active {
box-shadow:inset 3px 0 0 0 @scratch;
}

1
Paper/gtk-3.0/apps/settings.css
View File

@ -66,6 +66,7 @@ CcShellNavBar {
************/
CcShellItemView {
background: transparent;
border:none;
}

78
Paper/gtk-3.0/apps/shotwell.css Normal file
View File

@ -0,0 +1,78 @@
/* Copyright 2014 Sam Hewitt.
*
* This file is part of the Paper GTK theme.
*
* The Paper GTK theme is free software: you can redistribute it
* and/or modify it under the terms of the GNU General Public License as
* published by the Free Software Foundation, either version 3 of the
* License, or (at your option) any later version.
*
* The Paper GTK theme is distributed in the hope that it will be
* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General
* Public License for more details.
*
* You should have received a copy of the GNU General Public License along
* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/.
*/
@define-color shotwell #ff766a;
/**********
* Header *
**********/
LibraryWindow .titlebar,
LibraryWindow .header-bar {
background-color: @shotwell;
}
LibraryWindow .titlebar:backdrop,
LibraryWindow .header-bar:backdrop {
background-color: shade(@shotwell,0.9);
}
/* Switch */
LibraryWindow .header-bar GtkSwitch.trough:active {
background-color: @shotwell;
}
LibraryWindow GtkSwitch.trough:active {
border: 1px solid shade(@shotwell, 0.8);
background-color: @shotwell;
}
LibraryWindow GtkSwitch.slider:active {
border: 1px solid shade(@shotwell, 0.8);
}
LibraryWindow .header-bar GtkSwitch.slider:active:backdrop,
LibraryWindow .header-bar GtkSwitch.slider:backdrop {
background-color: shade(@shotwell, 0.9);
}
/************
* Notebook *
************/
/* Active */
LibraryWindow .notebook tab.top:active,
LibraryWindow .dynamic-notebook tab.top:active {
box-shadow:inset 0 -3px 0 0 @shotwell;
}
LibraryWindow .notebook tab.bottom:active,
LibraryWindow .dynamic-notebook tab.bottom:active {
box-shadow:inset 0 3px 0 0 @shotwell;
}
LibraryWindow .notebook tab.left:active,
LibraryWindow .dynamic-notebook tab.left:active {
box-shadow:inset -3px 0 0 0 @shotwell;
}
LibraryWindow .notebook tab.right:active,
LibraryWindow .dynamic-notebook tab.right:active {
box-shadow:inset 3px 0 0 0 @shotwell;
}

42
Paper/gtk-3.0/apps/snap.css Normal file
View File

@ -0,0 +1,42 @@
/* Copyright 2014 Sam Hewitt.
*
* This file is part of the Paper GTK theme.
*
* The Paper GTK theme is free software: you can redistribute it
* and/or modify it under the terms of the GNU General Public License as
* published by the Free Software Foundation, either version 3 of the
* License, or (at your option) any later version.
*
* The Paper GTK theme is distributed in the hope that it will be
* useful, but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General
* Public License for more details.
*
* You should have received a copy of the GNU General Public License along
* with the Paper GTK theme. If not, see http://www.gnu.org/licenses/.
*/
@define-color snap #6d266a;
@define-color snap_background #434343;
/**********
* Header *
**********/
SnapSnapWindow .titlebar,
SnapSnapWindow .header-bar {
background-color: @snap;
}
SnapSnapWindow .titlebar:backdrop,
SnapSnapWindow .header-bar:backdrop {
background-color: shade(@snap,0.9);
}
SnapWidgetsCamera {
background:@snap_background;
}
SnapWidgetsCamera:backdrop {
background:shade(@snap_background, 0.9);
}

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

@ -31,8 +31,8 @@
@define-color text #A8B5BA;/* Text color */
@define-color panel #1e282c;/* Panel color */
@define-color header #263238;/* Header color */
@define-color header_text #A8B5BA;/* Header text color */
@define-color selection #2D5364;/* Selection color */
@define-color header_text alpha(#fff, 0.8);/* Header text color */
@define-color selection #417790;/* Selection color */
@define-color view_background #555;/* View background */
@define-color inactive_frame @border;/* Inactive frame color */
@define-color panel_text #A8B5BA;/* Panel text color */

76
Paper/gtk-3.0/widgets/column-header.css
View File

@ -20,62 +20,28 @@
* Column header *
*****************/
column-header.button {
border-width: 0 1px 1px 0;
column-header .button,
column-header .button:* {
border-radius: 0px;
border: 1px solid @border;
border-left-width: 1px;
border-right-width: 0px;
}
column-header.button,
column-header .button,
column-header.button:active,
column-header .button:active,
column-header.button:active:hover,
column-header .button:active:hover,
column-header.button:backdrop,
column-header .button:backdrop,
column-header.button:insensitive,
column-header .button:insensitive,
column-header.button:last-child:backdrop,
column-header:last-child .button:backdrop {
border-radius: 0;
border-style: solid;
border-color: @border;
column-header:first-child .button,
column-header .button:first-child {
border-radius: 0px;
border: 1px solid @border;
border-left-width: 1px;
border-right-width: 0px;
}
column-header.button,
column-header .button,
column-header.button:active,
column-header .button:active,
column-header.button:active:hover,
column-header .button:active:hover,
column-header .button.dnd {
border-radius: 0;
border-color: @border;
}
column-header.button:backdrop,
column-header .button:backdrop,
column-header.button:last-child:backdrop,
column-header:last-child .button:backdrop {
border-width: 0 1px 1px 0;
border-radius: 0;
border-style: solid;
border-color: @backdrop_border;
}
column-header.button:insensitive,
column-header .button:insensitive {
border-radius: 0;
border-color: @insensitive_border;
}
column-header.button:last-child,
column-header:last-child .button,
column-header.button:last-child:active,
column-header:last-child .button:active,
column-header.button:last-child:active:hover,
column-header:last-child .button:active:hover,
column-header.button:last-child:backdrop,
column-header:last-child .button:backdrop {
border-radius: 0;
border-right-width: 0;
}
column-header .button:last-child {
border-radius: 0px;
border: 1px solid @border;
border-left-width: 1px;
border-right-width: 1px;
}

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

@ -67,6 +67,7 @@
.header-bar .text-button,
.header-bar .button .text-button {
color: @header_text;
padding: 13px;
}

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

@ -35,6 +35,7 @@
background-color: @backdrop_header;
color: @backdrop_header_text;
}
.titlebar:insensitive {
color: @insensitive_header_text;
}
@ -66,8 +67,10 @@
padding: 13px;
}
.titlebar .titlebutton,
.titlebar .text-button,
.titlebar .button .text-button {
color: @header_text;
padding: 13px;
}

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

@ -77,7 +77,7 @@
.toolbar .text-button:active,
.toolbar .image-button:active {
border: none;
color: @foreground;
color: @toolbar_text;
box-shadow: inset 0 -2px 0 0 @toolbar_text;
padding: 13px;
}
@ -86,7 +86,7 @@
.toolbar .text-button .raised,
.toolbar .image-button .raised {
border: none;
color: @foreground;
color: @toolbar_text;
box-shadow: inset 0 -2px 0 0 @toolbar_text;
padding: 13px;
}