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

added some toolbar fixes to 3.18

This commit is contained in:
Sam Hewitt 2016-04-24 14:55:05 -04:00
parent fdff112dcd
commit 0772d68582
5 changed files with 92 additions and 47 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
Paper/gtk-3.18/_colors.scss
View File

@ -12,7 +12,7 @@ $headerbar_fg_color: if($variant == 'light', #ffffff, transparentize(#ffffff, 0.
// Primary colors
$red: #f34235;
$orange: #fe9700;
$yellow: #feea3a;
$yellow: #fec006;
$green: #4bae4f;
$blue: #2095f2;
$purple: #9b26af;

54
Paper/gtk-3.18/gtk-dark.css
View File

@ -53,7 +53,7 @@
/* widgets main borders color on backdrop windows */
@define-color unfocused_borders #394144;
/* these are pretty self explicative */
@define-color warning_color #feea3a;
@define-color warning_color #fec006;
@define-color error_color #f34235;
@define-color success_color #3c8a3f;
/* these colors are exported for the window manager and shouldn't be used in applications,
@ -2047,16 +2047,16 @@ GtkFileChooserDialog {
background-color: #f34235; }
.warning.spinbutton:not(.vertical), GeditWindow > .warning.entry,
.entry.warning {
color: #feea3a;
border-color: #857701; }
color: #fec006;
border-color: #513d00; }
.warning.spinbutton:focus:not(.vertical), GeditWindow > .warning.entry:focus,
.entry.warning:focus {
box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.05), inset 0 1px 1px 0 rgba(0, 0, 0, 0.1);
border-color: #857701; }
border-color: #513d00; }
.warning.spinbutton:selected:focus:not(.vertical), GeditWindow > .warning.entry:selected:focus, .warning.spinbutton:selected:not(.vertical), GeditWindow > .warning.entry:selected,
.entry.warning:selected:focus,
.entry.warning:selected {
background-color: #feea3a; }
background-color: #fec006; }
.spinbutton:not(.vertical) .progressbar, GeditWindow > .entry .progressbar,
.entry .progressbar {
margin: 2px -6px;
@ -2409,7 +2409,7 @@ GraniteWidgetsWelcome {
background-color: transparent;
padding: 8px 6px; }
.storage-bar .fill-block {
background-color: #feea3a;
background-color: #fec006;
border: none;
box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 0 rgba(0, 0, 0, 0.1);
transition: all 200ms ease-in-out;
@ -2632,15 +2632,14 @@ GraniteWidgetsWelcome {
.header-bar .button GtkLabel,
.header-bar .button GtkImage {
color: rgba(255, 255, 255, 0.5); }
.titlebar:not(headerbar) .button GtkLabel:backdrop,
.titlebar:not(headerbar) .button GtkLabel:backdrop, .titlebar:not(headerbar) .button GtkLabel:insensitive,
.titlebar:not(headerbar) .button GtkImage:backdrop,
.header-bar .button GtkLabel:backdrop,
.header-bar .button GtkImage:backdrop {
color: rgba(255, 255, 255, 0.3); }
.titlebar:not(headerbar) .button GtkLabel:insensitive,
.titlebar:not(headerbar) .button GtkImage:insensitive,
.header-bar .button GtkLabel:backdrop,
.header-bar .button GtkLabel:insensitive,
.header-bar .button GtkImage:backdrop,
.header-bar .button GtkImage:insensitive {
color: rgba(255, 255, 255, 0.3);
-gtk-image-effect: dim; }
.titlebar:not(headerbar) .button:focus, .titlebar:not(headerbar) .button:hover,
.header-bar .button:focus,
@ -2904,9 +2903,9 @@ infobar {
color: rgba(255, 255, 255, 0.5); }
.warning {
background-color: #feea3a; }
background-color: #fec006; }
.warning:backdrop {
background-color: #feef6d;
background-color: #fecd39;
color: rgba(255, 255, 255, 0.5); }
.question {
@ -2972,8 +2971,8 @@ GtkLevelBar,
.level-bar.vertical .level-low.fill-block,
.level-bar .fill-block.low,
.level-bar .fill-block.level-low {
border: 1px solid #fee507;
background-color: #feea3a; }
border: 1px solid #d09c01;
background-color: #fec006; }
GtkLevelBar.vertical .low.fill-block:backdrop,
GtkLevelBar .level-bar.vertical .low.fill-block:backdrop,
.level-bar.vertical GtkLevelBar .low.fill-block:backdrop, GtkLevelBar.vertical .level-low.fill-block:backdrop,
@ -2989,7 +2988,7 @@ GtkLevelBar,
.level-bar.vertical .level-low.fill-block:backdrop,
.level-bar .fill-block.low:backdrop,
.level-bar .fill-block.level-low:backdrop {
border: 1px solid #feea3a; }
border: 1px solid #fec006; }
GtkLevelBar.vertical .high.fill-block,
GtkLevelBar .level-bar.vertical .high.fill-block,
.level-bar.vertical GtkLevelBar .high.fill-block, GtkLevelBar.vertical .level-high.fill-block,
@ -4298,7 +4297,7 @@ GtkSwitch {
margin: 0;
padding: 10px;
text-shadow: none; }
.toolbar .button.suggested-action, .toolbar .button.text-button, .toolbar .button.image-button, .toolbar .button.linked, .toolbar .button.flat {
.toolbar .button.suggested-action, .toolbar .button.text-button, .toolbar .button.menu-button, .toolbar .button.image-button, .toolbar .button.linked, .toolbar .button.flat {
background-color: transparent;
background-image: none;
border-radius: 0px;
@ -4309,23 +4308,28 @@ GtkSwitch {
padding: 10px;
text-shadow: none;
color: rgba(255, 255, 255, 0.5); }
.toolbar .button.suggested-action:backdrop, .toolbar .button.text-button:backdrop, .toolbar .button.image-button:backdrop, .toolbar .button.linked:backdrop, .toolbar .button.flat:backdrop {
.toolbar .button.suggested-action:backdrop, .toolbar .button.text-button:backdrop, .toolbar .button.menu-button:backdrop, .toolbar .button.image-button:backdrop, .toolbar .button.linked:backdrop, .toolbar .button.flat:backdrop {
background-color: transparent;
background-image: none;
text-shadow: none;
color: rgba(255, 255, 255, 0.3); }
.toolbar .button.suggested-action:hover, .toolbar .button.text-button:hover, .toolbar .button.image-button:hover, .toolbar .button.linked:hover, .toolbar .button.flat:hover {
.toolbar .button.suggested-action:hover, .toolbar .button.text-button:hover, .toolbar .button.menu-button:hover, .toolbar .button.image-button:hover, .toolbar .button.linked:hover, .toolbar .button.flat:hover {
background-image: none;
background-color: rgba(0, 0, 0, 0.15);
color: rgba(255, 255, 255, 0.5);
box-shadow: none;
text-shadow: none; }
.toolbar .button.suggested-action:insensitive, .toolbar .button.text-button:insensitive, .toolbar .button.menu-button:insensitive, .toolbar .button.image-button:insensitive, .toolbar .button.linked:insensitive, .toolbar .button.flat:insensitive {
color: rgba(255, 255, 255, 0.3);
-gtk-image-effect: dim; }
.toolbar .button GtkLabel,
.toolbar .button GtkImage {
color: rgba(255, 255, 255, 0.5); }
.toolbar .button GtkLabel:backdrop,
.toolbar .button GtkLabel:insensitive, .toolbar .button GtkLabel:backdrop,
.toolbar .button GtkImage:insensitive,
.toolbar .button GtkImage:backdrop {
color: rgba(255, 255, 255, 0.3); }
color: rgba(255, 255, 255, 0.3);
-gtk-image-effect: dim; }
.toolbar .button:focus, .toolbar .button:hover {
background-image: none;
background-color: rgba(0, 0, 0, 0.15);
@ -4364,6 +4368,14 @@ GtkSwitch {
.toolbar .button:insensitive GtkImage, .toolbar .button:insensitive:backdrop image,
.toolbar .button:insensitive:backdrop GtkImage {
-gtk-image-effect: dim; }
.toolbar .button.menu-button .menu .menuitem GtkLabel {
color: #bcc1c3; }
.toolbar .button.menu-button .menu .menuitem GtkLabel:insensitive {
color: #868d90; }
.toolbar .button.menu-button .menu .menuitem .separator {
color: #373e41; }
.toolbar .button.menu-button .menu .menuitem:hover GtkLabel {
color: #ffffff; }
.toolbar .separator {
color: transparent;
background-color: transparent; }

54
Paper/gtk-3.18/gtk.css
View File

@ -53,7 +53,7 @@
/* widgets main borders color on backdrop windows */
@define-color unfocused_borders #d5d5d5;
/* these are pretty self explicative */
@define-color warning_color #feea3a;
@define-color warning_color #fec006;
@define-color error_color #f34235;
@define-color success_color #4bae4f;
/* these colors are exported for the window manager and shouldn't be used in applications,
@ -2056,16 +2056,16 @@ GtkFileChooserDialog {
background-color: #f34235; }
.warning.spinbutton:not(.vertical), GeditWindow > .warning.entry,
.entry.warning {
color: #feea3a;
border-color: #feea3a; }
color: #fec006;
border-color: #fec006; }
.warning.spinbutton:focus:not(.vertical), GeditWindow > .warning.entry:focus,
.entry.warning:focus {
box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.05), inset 0 1px 1px 0 rgba(0, 0, 0, 0.1);
border-color: #feea3a; }
border-color: #fec006; }
.warning.spinbutton:selected:focus:not(.vertical), GeditWindow > .warning.entry:selected:focus, .warning.spinbutton:selected:not(.vertical), GeditWindow > .warning.entry:selected,
.entry.warning:selected:focus,
.entry.warning:selected {
background-color: #feea3a; }
background-color: #fec006; }
.spinbutton:not(.vertical) .progressbar, GeditWindow > .entry .progressbar,
.entry .progressbar {
margin: 2px -6px;
@ -2418,7 +2418,7 @@ GraniteWidgetsWelcome {
background-color: transparent;
padding: 8px 6px; }
.storage-bar .fill-block {
background-color: #feea3a;
background-color: #fec006;
border: none;
box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 0 rgba(0, 0, 0, 0.1);
transition: all 200ms ease-in-out;
@ -2641,15 +2641,14 @@ GraniteWidgetsWelcome {
.header-bar .button GtkLabel,
.header-bar .button GtkImage {
color: #ffffff; }
.titlebar:not(headerbar) .button GtkLabel:backdrop,
.titlebar:not(headerbar) .button GtkLabel:backdrop, .titlebar:not(headerbar) .button GtkLabel:insensitive,
.titlebar:not(headerbar) .button GtkImage:backdrop,
.header-bar .button GtkLabel:backdrop,
.header-bar .button GtkImage:backdrop {
color: rgba(255, 255, 255, 0.5); }
.titlebar:not(headerbar) .button GtkLabel:insensitive,
.titlebar:not(headerbar) .button GtkImage:insensitive,
.header-bar .button GtkLabel:backdrop,
.header-bar .button GtkLabel:insensitive,
.header-bar .button GtkImage:backdrop,
.header-bar .button GtkImage:insensitive {
color: rgba(255, 255, 255, 0.5);
-gtk-image-effect: dim; }
.titlebar:not(headerbar) .button:focus, .titlebar:not(headerbar) .button:hover,
.header-bar .button:focus,
@ -2913,9 +2912,9 @@ infobar {
color: rgba(255, 255, 255, 0.5); }
.warning {
background-color: #feea3a; }
background-color: #fec006; }
.warning:backdrop {
background-color: #feef6d;
background-color: #fecd39;
color: rgba(255, 255, 255, 0.5); }
.question {
@ -2981,8 +2980,8 @@ GtkLevelBar,
.level-bar.vertical .level-low.fill-block,
.level-bar .fill-block.low,
.level-bar .fill-block.level-low {
border: 1px solid #fee507;
background-color: #feea3a; }
border: 1px solid #d09c01;
background-color: #fec006; }
GtkLevelBar.vertical .low.fill-block:backdrop,
GtkLevelBar .level-bar.vertical .low.fill-block:backdrop,
.level-bar.vertical GtkLevelBar .low.fill-block:backdrop, GtkLevelBar.vertical .level-low.fill-block:backdrop,
@ -2998,7 +2997,7 @@ GtkLevelBar,
.level-bar.vertical .level-low.fill-block:backdrop,
.level-bar .fill-block.low:backdrop,
.level-bar .fill-block.level-low:backdrop {
border: 1px solid #feea3a; }
border: 1px solid #fec006; }
GtkLevelBar.vertical .high.fill-block,
GtkLevelBar .level-bar.vertical .high.fill-block,
.level-bar.vertical GtkLevelBar .high.fill-block, GtkLevelBar.vertical .level-high.fill-block,
@ -4307,7 +4306,7 @@ GtkSwitch {
margin: 0;
padding: 10px;
text-shadow: none; }
.toolbar .button.suggested-action, .toolbar .button.text-button, .toolbar .button.image-button, .toolbar .button.linked, .toolbar .button.flat {
.toolbar .button.suggested-action, .toolbar .button.text-button, .toolbar .button.menu-button, .toolbar .button.image-button, .toolbar .button.linked, .toolbar .button.flat {
background-color: transparent;
background-image: none;
border-radius: 0px;
@ -4318,23 +4317,28 @@ GtkSwitch {
padding: 10px;
text-shadow: none;
color: #ffffff; }
.toolbar .button.suggested-action:backdrop, .toolbar .button.text-button:backdrop, .toolbar .button.image-button:backdrop, .toolbar .button.linked:backdrop, .toolbar .button.flat:backdrop {
.toolbar .button.suggested-action:backdrop, .toolbar .button.text-button:backdrop, .toolbar .button.menu-button:backdrop, .toolbar .button.image-button:backdrop, .toolbar .button.linked:backdrop, .toolbar .button.flat:backdrop {
background-color: transparent;
background-image: none;
text-shadow: none;
color: rgba(255, 255, 255, 0.5); }
.toolbar .button.suggested-action:hover, .toolbar .button.text-button:hover, .toolbar .button.image-button:hover, .toolbar .button.linked:hover, .toolbar .button.flat:hover {
.toolbar .button.suggested-action:hover, .toolbar .button.text-button:hover, .toolbar .button.menu-button:hover, .toolbar .button.image-button:hover, .toolbar .button.linked:hover, .toolbar .button.flat:hover {
background-image: none;
background-color: rgba(0, 0, 0, 0.15);
color: white;
box-shadow: none;
text-shadow: none; }
.toolbar .button.suggested-action:insensitive, .toolbar .button.text-button:insensitive, .toolbar .button.menu-button:insensitive, .toolbar .button.image-button:insensitive, .toolbar .button.linked:insensitive, .toolbar .button.flat:insensitive {
color: rgba(255, 255, 255, 0.5);
-gtk-image-effect: dim; }
.toolbar .button GtkLabel,
.toolbar .button GtkImage {
color: #ffffff; }
.toolbar .button GtkLabel:backdrop,
.toolbar .button GtkLabel:insensitive, .toolbar .button GtkLabel:backdrop,
.toolbar .button GtkImage:insensitive,
.toolbar .button GtkImage:backdrop {
color: rgba(255, 255, 255, 0.5); }
color: rgba(255, 255, 255, 0.5);
-gtk-image-effect: dim; }
.toolbar .button:focus, .toolbar .button:hover {
background-image: none;
background-color: rgba(0, 0, 0, 0.15);
@ -4373,6 +4377,14 @@ GtkSwitch {
.toolbar .button:insensitive GtkImage, .toolbar .button:insensitive:backdrop image,
.toolbar .button:insensitive:backdrop GtkImage {
-gtk-image-effect: dim; }
.toolbar .button.menu-button .menu .menuitem GtkLabel {
color: #666666; }
.toolbar .button.menu-button .menu .menuitem GtkLabel:insensitive {
color: #afafaf; }
.toolbar .button.menu-button .menu .menuitem .separator {
color: #d1d1d1; }
.toolbar .button.menu-button .menu .menuitem:hover GtkLabel {
color: #ffffff; }
.toolbar .separator {
color: transparent;
background-color: transparent; }

6
Paper/gtk-3.18/widgets/_header-bars.scss
View File

@ -219,11 +219,9 @@
GtkImage {
color: $headerbar_fg_color;
&:backdrop {
color: $backdrop_headerbar_fg_color;
}
&:backdrop,
&:insensitive {
color: $backdrop_headerbar_fg_color;
-gtk-image-effect: dim;
}
}

23
Paper/gtk-3.18/widgets/_toolbars.scss
View File

@ -33,6 +33,7 @@
&.suggested-action,
&.text-button,
&.menu-button,
&.image-button,
&.linked,
&.flat {
@ -61,14 +62,21 @@
box-shadow:none;
text-shadow:none;
}
&:insensitive {
color: $backdrop_headerbar_fg_color;
-gtk-image-effect: dim;
}
}
GtkLabel,
GtkImage {
color: $headerbar_fg_color;
&:insensitive,
&:backdrop {
color: $backdrop_headerbar_fg_color;
-gtk-image-effect: dim;
}
}
@ -132,6 +140,21 @@
-gtk-image-effect: dim;
}
}
// Menu Button
&.menu-button {
.menu {
.menuitem {
GtkLabel {
color: $fg_color;
&:insensitive { color: $insensitive_fg_color; }
}
.separator { color: $borders_color;}
&:hover { GtkLabel {color: $selected_fg_color;}}
}
}
}
}
.separator {