kirbylife
/
numix-gtk-theme
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fix linting issues

pull/242/head
Satyajit Sahoo 2015-08-07 04:40:35 +05:30
parent e94d0f274a
commit b753394e53
30 changed files with 311 additions and 309 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

84
gtk-3.0/scss/_functions.scss
View File

@ -1,79 +1,79 @@
$modules: () !default; $modules: () !default;
@mixin exports($name) { @mixin exports($name) {
@if (not index($modules, $name)) { @if (not index($modules, $name)) {
$modules: append($modules, $name) !global; $modules: append($modules, $name) !global;
@content; @content;
} }
} }
@function alpha($color, $amount) { @function alpha($color, $amount) {
@if type-of($color) == "color" { @if type-of($color) == "color" {
@return fade-out($color, (1 - $amount)); @return fade-out($color, (1 - $amount));
} @else { } @else {
@return unquote("alpha(#{$color},#{$amount})"); @return unquote("alpha(#{$color},#{$amount})");
} }
} }
@function shade($color, $amount) { @function shade($color, $amount) {
@if type-of($color) == "color" { @if type-of($color) == "color" {
@if ($amount > 1) { @if ($amount > 1) {
@return lighten($color, ($amount - 1) * lightness($color)) @return lighten($color, ($amount - 1) * lightness($color))
} @else { } @else {
@return darken($color, (1 - $amount) * lightness($color)) @return darken($color, (1 - $amount) * lightness($color))
} }
} @else { } @else {
@return unquote("shade(#{$color},#{$amount})"); @return unquote("shade(#{$color},#{$amount})");
} }
} }
@function mix($color1, $color2, $amount) { @function mix($color1, $color2, $amount) {
@return unquote("mix(#{$color1},#{$color2},#{$amount})"); @return unquote("mix(#{$color1},#{$color2},#{$amount})");
} }
@function border_normal($color) { @function border_normal($color) {
@return shade($color, $contrast); @return shade($color, $contrast);
} }
@function border_focus($color) { @function border_focus($color) {
@return shade($color, ($contrast - .05)); @return shade($color, ($contrast - .05));
} }
@function border_active($color) { @function border_active($color) {
@return shade($color, ($contrast - .1)); @return shade($color, ($contrast - .1));
} }
@function border_insensitive($color) { @function border_insensitive($color) {
@return shade($color, ($contrast + .05)); @return shade($color, ($contrast + .05));
} }
@mixin linear-gradient($color, $direction: to bottom) { @mixin linear-gradient($color, $direction: to bottom) {
@if $gradient == 0 { @if $gradient == 0 {
background-color: $color; background-color: $color;
background-image: none; background-image: none;
} @else { } @else {
$amount: $gradient / 2; $amount: $gradient / 2;
background-color: $color; background-color: $color;
background-image: linear-gradient($direction, background-image: linear-gradient($direction,
shade($color, (1 + $amount)), shade($color, (1 + $amount)),
shade($color, (1 - $amount)) shade($color, (1 - $amount))
); );
} }
} }
@mixin border($color) { @mixin border($color) {
border-color: border_normal($color); border-color: border_normal($color);
&:focus, &:hover { border-color: border_focus($color); } &:focus, &:hover { border-color: border_focus($color); }
&:active, &:active:hover, &:active, &:active:hover,
&:active:focus, &:active:hover:focus, &:active:focus, &:active:hover:focus,
&:checked, &:checked:hover, &:checked, &:checked:hover,
&:checked:focus, &:checked:hover:focus { border-color: border_active($color); } &:checked:focus, &:checked:hover:focus { border-color: border_active($color); }
&:insensitive { border-color: border_insensitive($color); } &:insensitive { border-color: border_insensitive($color); }
&:active:insensitive, &:checked:insensitive { border-color: border_normal($color); } &:active:insensitive, &:checked:insensitive { border-color: border_normal($color); }
} }

16
gtk-3.0/scss/_global.scss
View File

@ -18,6 +18,10 @@ $dark_fg_color: #eee;
$dark_shadow: #000; $dark_shadow: #000;
$light_shadow: #fff; $light_shadow: #fff;
// white and black
$black: #000;
$white: #fff;
// misc colors used by gtk+ // misc colors used by gtk+
$info_fg_color: #fff; $info_fg_color: #fff;
$info_bg_color: #03a9f4; $info_bg_color: #03a9f4;
@ -56,14 +60,14 @@ $lightdm_fg_color: $dark_fg_color;
$wm_bg: $titlebar_bg_color; $wm_bg: $titlebar_bg_color;
$wm_border_focused: transparent; $wm_border_focused: transparent;
$wm_border_unfocused: transparent; $wm_border_unfocused: transparent;
$wm_title_focused: mix($titlebar_fg_color, $titlebar_bg_color, 0.1); $wm_title_focused: mix($titlebar_fg_color, $titlebar_bg_color, .1);
$wm_title_unfocused: mix($titlebar_fg_color, $titlebar_bg_color, 0.4); $wm_title_unfocused: mix($titlebar_fg_color, $titlebar_bg_color, .4);
$wm_icons_focused: mix($titlebar_fg_color, $titlebar_bg_color, 0.1); $wm_icons_focused: mix($titlebar_fg_color, $titlebar_bg_color, .1);
$wm_icons_focused_prelight: $selected_bg_color; $wm_icons_focused_prelight: $selected_bg_color;
$wm_icons_focused_pressed: shade($selected_bg_color, 0.8); $wm_icons_focused_pressed: shade($selected_bg_color, .8);
$wm_icons_unfocused: mix($titlebar_fg_color, $titlebar_bg_color, 0.4); $wm_icons_unfocused: mix($titlebar_fg_color, $titlebar_bg_color, .4);
$wm_icons_unfocused_prelight: $selected_bg_color; $wm_icons_unfocused_prelight: $selected_bg_color;
$wm_icons_unfocused_pressed: shade($selected_bg_color, 0.8); $wm_icons_unfocused_pressed: shade($selected_bg_color, .8);
// widget styles // widget styles
$roundness: 2px; $roundness: 2px;

36
gtk-3.0/scss/apps/_gedit.scss
View File

@ -15,7 +15,7 @@
.gedit-document-panel { .gedit-document-panel {
background-color: $bg_color; background-color: $bg_color;
color: mix($fg_color, $bg_color, 0.1); color: mix($fg_color, $bg_color, .1);
.list-row { .list-row {
padding: $spacing; padding: $spacing;
@ -33,21 +33,21 @@
} }
} }
.prelight-row .button { .prelight-row .button {
border-color: alpha(black, 0.1); border-color: alpha($black, .1);
color: alpha(white, 0.8); color: alpha($white, .8);
&:active { &:active {
border-color: alpha(black, 0.2); border-color: alpha($black, .2);
background-color: alpha(black, 0.08); background-color: alpha($black, .08);
color: white; color: $white;
} }
} }
list-row, .prelight-row { list-row, .prelight-row {
.button:hover { .button:hover {
border-color: alpha(black, 0.1); border-color: alpha($black, .1);
color: white; color: $white;
} }
} }
} }
@ -68,14 +68,14 @@
} }
.gedit-document-panel-dragged-row { .gedit-document-panel-dragged-row {
border: 1px solid alpha(black, 0.1); border: 1px solid alpha($black, .1);
background-color: alpha(black, 0.5); background-color: alpha($black, .5);
color: white; color: $white;
} }
.gedit-document-panel-placeholder-row { .gedit-document-panel-placeholder-row {
border: none; border: 0;
background-color: alpha(black, 0.08); background-color: alpha($black, .08);
transition: all 200ms ease-in; transition: all 200ms ease-in;
} }
@ -94,7 +94,7 @@
&:hover, &:active, &:active:hover { border-color: border_normal($bg_color); } &:hover, &:active, &:active:hover { border-color: border_normal($bg_color); }
&:active { &:active {
background-color: shade($bg_color, 0.95); background-color: shade($bg_color, .95);
color: $fg_color; color: $fg_color;
} }
} }
@ -103,7 +103,7 @@
GeditViewFrame .gedit-search-slider { GeditViewFrame .gedit-search-slider {
padding: $spacing; padding: $spacing;
border-radius: 0 0 $roundness $roundness; border-radius: 0 0 $roundness $roundness;
border-width: 0 1px 1px 1px; border-width: 0 1px 1px;
border-style: solid; border-style: solid;
border-color: border_normal($base_color); border-color: border_normal($base_color);
background-color: $base_color; background-color: $base_color;
@ -119,7 +119,7 @@
GeditFileBrowserWidget .toolbar { GeditFileBrowserWidget .toolbar {
padding: $spacing / 2; padding: $spacing / 2;
border-top: none; border-top: 0;
background-color: $bg_color; background-color: $bg_color;
background-image: none; background-image: none;
} }
@ -127,6 +127,6 @@
.gedit-search-entry-occurrences-tag { .gedit-search-entry-occurrences-tag {
margin: $spacing / 2; margin: $spacing / 2;
padding: $spacing / 2; padding: $spacing / 2;
color: mix($text_color, $base_color, 0.5); color: mix($text_color, $base_color, .5);
} }
} }

76
gtk-3.0/scss/apps/_lightdm.scss
View File

@ -6,30 +6,30 @@
#panel_window { #panel_window {
background-color: transparent; background-color: transparent;
background-image: none; background-image: none;
color: white; color: $white;
font: bold; font: bold;
text-shadow: 0 1px alpha(black, 0.5); text-shadow: 0 1px alpha($black, .5);
icon-shadow: 0 1px alpha(black, 0.5); icon-shadow: 0 1px alpha($black, .5);
.menubar { .menubar {
&, > .menuitem { &, > .menuitem {
background-color: transparent; background-color: transparent;
background-image: none; background-image: none;
color: white; color: $white;
font: bold; font: bold;
text-shadow: 0 1px alpha(black, 0.5); text-shadow: 0 1px alpha($black, .5);
icon-shadow: 0 1px alpha(black, 0.5); icon-shadow: 0 1px alpha($black, .5);
*:hover { color: white; } *:hover { color: $white; }
&:hover { &:hover {
border-style: none; border-style: none;
background-color: alpha(white, 0.2); background-color: alpha($white, .2);
background-image: none; background-image: none;
color: white; color: $white;
} }
&:insensitive { color: alpha(white, 0.7); } &:insensitive { color: alpha($white, .7); }
.menu { .menu {
border-radius: 1px; border-radius: 1px;
@ -52,30 +52,30 @@
color: $lightdm_fg_color; color: $lightdm_fg_color;
/* draw border using box-shadow */ /* draw border using box-shadow */
box-shadow: inset 1px 0 mix(shade($lightdm_bg_color, 0.7), $lightdm_fg_color, 0.21), box-shadow: inset 1px 0 mix(shade($lightdm_bg_color, .7), $lightdm_fg_color, .21),
inset -1px 0 mix(shade($lightdm_bg_color, 0.7), $lightdm_fg_color, 0.21), inset -1px 0 mix(shade($lightdm_bg_color, .7), $lightdm_fg_color, .21),
inset 0 1px mix(shade($lightdm_bg_color, 0.7), $lightdm_fg_color, 0.21), inset 0 1px mix(shade($lightdm_bg_color, .7), $lightdm_fg_color, .21),
inset 0 -1px mix(shade($lightdm_bg_color, 0.7), $lightdm_fg_color, 0.21); inset 0 -1px mix(shade($lightdm_bg_color, .7), $lightdm_fg_color, .21);
.button { .button {
padding: 3px 15px; padding: 3px 15px;
border-width: 1px; border-width: 1px;
border-radius: $roundness; border-radius: $roundness;
border-style: solid; border-style: solid;
border-color: shade($lightdm_bg_color, 0.8); border-color: shade($lightdm_bg_color, .8);
background-color: shade($lightdm_bg_color, 1.08); background-color: shade($lightdm_bg_color, 1.08);
background-image: none; background-image: none;
color: $lightdm_fg_color; color: $lightdm_fg_color;
transition: all 150ms ease-out; transition: all 150ms ease-out;
&.default, &:focus, &:active:focus { &.default, &:focus, &:active:focus {
border-color: shade($selected_bg_color, 0.8); border-color: shade($selected_bg_color, .8);
background-color: shade($selected_bg_color, 1.08); background-color: shade($selected_bg_color, 1.08);
background-image: none; background-image: none;
color: $selected_fg_color; color: $selected_fg_color;
&:hover { &:hover {
border-color: shade($selected_bg_color, 0.7); border-color: shade($selected_bg_color, .7);
background-color: $selected_bg_color; background-color: $selected_bg_color;
} }
} }
@ -100,21 +100,21 @@
padding: 3px 5px; padding: 3px 5px;
border-width: 1px; border-width: 1px;
border-style: solid; border-style: solid;
border-color: shade($lightdm_bg_color, 0.8); border-color: shade($lightdm_bg_color, .8);
border-radius: $roundness; border-radius: $roundness;
background-color: shade($lightdm_bg_color, 0.9); background-color: shade($lightdm_bg_color, .9);
background-image: none; background-image: none;
color: $lightdm_fg_color; color: $lightdm_fg_color;
box-shadow: none; box-shadow: none;
transition: all 150ms ease-out; transition: all 150ms ease-out;
&:focus, &:hover { &:focus, &:hover {
border-color: shade($lightdm_bg_color, 0.7); border-color: shade($lightdm_bg_color, .7);
box-shadow: inset 1px 0 alpha($dark_shadow, 0.10), box-shadow: inset 1px 0 alpha($dark_shadow, .1),
inset 0 1px alpha($dark_shadow, 0.12), inset 0 1px alpha($dark_shadow, .12),
inset -1px 0 alpha($dark_shadow, 0.10), inset -1px 0 alpha($dark_shadow, .1),
inset 0 -1px alpha($dark_shadow, 0.05); inset 0 -1px alpha($dark_shadow, .05);
} }
} }
} }
@ -125,7 +125,7 @@
.menu { font: normal; } .menu { font: normal; }
.arrow { color: mix($lightdm_fg_color, $lightdm_bg_color, 0.5); } .arrow { color: mix($lightdm_fg_color, $lightdm_bg_color, .5); }
} }
#user_image { #user_image {
@ -133,20 +133,20 @@
border-radius: $roundness; border-radius: $roundness;
/* draw border using box-shadow */ /* draw border using box-shadow */
box-shadow: inset 1px 0 shade($lightdm_bg_color, 0.7), box-shadow: inset 1px 0 shade($lightdm_bg_color, .7),
inset -1px 0 shade($lightdm_bg_color, 0.7), inset -1px 0 shade($lightdm_bg_color, .7),
inset 0 1px shade($lightdm_bg_color, 0.7), inset 0 1px shade($lightdm_bg_color, .7),
inset 0 -1px shade($lightdm_bg_color, 0.7); inset 0 -1px shade($lightdm_bg_color, .7);
} }
#user_image_border { #user_image_border {
border-radius: $roundness; border-radius: $roundness;
background-color: shade($lightdm_bg_color, 0.9); background-color: shade($lightdm_bg_color, .9);
background-image: none; background-image: none;
box-shadow: inset 1px 0 alpha($dark_shadow, 0.07), box-shadow: inset 1px 0 alpha($dark_shadow, .07),
inset 0 1px alpha($dark_shadow, 0.08), inset 0 1px alpha($dark_shadow, .08),
inset -1px 0 alpha($dark_shadow, 0.07), inset -1px 0 alpha($dark_shadow, .07),
inset 0 -1px alpha($dark_shadow, 0.05); inset 0 -1px alpha($dark_shadow, .05);
} }
#buttonbox_frame { #buttonbox_frame {
@ -164,26 +164,26 @@
/* shutdown button */ /* shutdown button */
#shutdown_button { #shutdown_button {
border-color: shade($error_bg_color, 0.8); border-color: shade($error_bg_color, .8);
background-color: shade($error_bg_color, 1.08); background-color: shade($error_bg_color, 1.08);
background-image: none; background-image: none;
color: $error_fg_color; color: $error_fg_color;
&:hover, &:active, &:active:hover { &:hover, &:active, &:active:hover {
border-color: shade($error_bg_color, 0.7); border-color: shade($error_bg_color, .7);
background-color: $error_bg_color; background-color: $error_bg_color;
} }
} }
/* restart button */ /* restart button */
#restart_button { #restart_button {
border-color: shade($warning_bg_color, 0.8); border-color: shade($warning_bg_color, .8);
background-color: shade($warning_bg_color, 1.08); background-color: shade($warning_bg_color, 1.08);
background-image: none; background-image: none;
color: $warning_fg_color; color: $warning_fg_color;
&:hover, &:active, &:active:hover { &:hover, &:active, &:active:hover {
border-color: shade($warning_bg_color, 0.7); border-color: shade($warning_bg_color, .7);
background-color: $warning_bg_color; background-color: $warning_bg_color;
} }
} }

12
gtk-3.0/scss/apps/_nautilus.scss
View File

@ -4,8 +4,8 @@
@include exports("nautilus") { @include exports("nautilus") {
.nautilus-desktop.nautilus-canvas-item { .nautilus-desktop.nautilus-canvas-item {
color: white; color: $white;
text-shadow: 1px 1px black; text-shadow: 1px 1px $black;
&:active { color: $fg_color; } &:active { color: $fg_color; }
@ -21,7 +21,7 @@
border-color: border_normal($toolbar_bg_color); border-color: border_normal($toolbar_bg_color);
} }
.sidebar .frame { border: none; } .sidebar .frame { border: 0; }
GtkPaned { GtkPaned {
border-width: 0 1px 0 0; border-width: 0 1px 0 0;
@ -41,17 +41,17 @@
border-bottom-width: 0; border-bottom-width: 0;
} }
.frame { border: none; } .frame { border: 0; }
} }
NautilusQueryEditor { NautilusQueryEditor {
.toolbar { .toolbar {
padding-top: $spacing - 1px; padding-top: $spacing - 1px;
padding-bottom: $spacing - 2px; padding-bottom: $spacing - 2px;
border-width: 1px 0 0 0; border-width: 1px 0 0;
border-style: solid; border-style: solid;
border-color: $toolbar_bg_color; border-color: $toolbar_bg_color;
background-color: shade($toolbar_bg_color, 0.9); background-color: shade($toolbar_bg_color, .9);
&:nth-child(2) { border-color: border_normal($toolbar_bg_color); } &:nth-child(2) { border-color: border_normal($toolbar_bg_color); }

6
gtk-3.0/scss/apps/_nemo.scss
View File

@ -4,8 +4,8 @@
@include exports("nemo") { @include exports("nemo") {
.nemo-desktop.nemo-canvas-item { .nemo-desktop.nemo-canvas-item {
color: white; color: $white;
text-shadow: 1px 1px black; text-shadow: 1px 1px $black;
&:active { color: $fg_color; } &:active { color: $fg_color; }
@ -21,7 +21,7 @@
} }
NemoPlacesTreeView { NemoPlacesTreeView {
-NemoPlacesTreeView-disk-full-bg-color: shade($toolbar_bg_color, 0.8); -NemoPlacesTreeView-disk-full-bg-color: shade($toolbar_bg_color, .8);
-NemoPlacesTreeView-disk-full-fg-color: $selected_bg_color; -NemoPlacesTreeView-disk-full-fg-color: $selected_bg_color;
-NemoPlacesTreeView-disk-full-bar-width: 1px; -NemoPlacesTreeView-disk-full-bar-width: 1px;
-NemoPlacesTreeView-disk-full-bar-radius: 1px; -NemoPlacesTreeView-disk-full-bar-radius: 1px;

20
gtk-3.0/scss/apps/_panel.scss
View File

@ -18,22 +18,22 @@
color: $panel_fg_color; color: $panel_fg_color;
&:hover, &:prelight { &:hover, &:prelight {
@include linear-gradient(mix($panel_bg_color, $panel_fg_color, 0.11)); @include linear-gradient(mix($panel_bg_color, $panel_fg_color, .11));
border-color: mix($panel_bg_color, $panel_fg_color, 0.11); border-color: mix($panel_bg_color, $panel_fg_color, .11);
color: shade($panel_fg_color, 1.08); color: shade($panel_fg_color, 1.08);
} }
&:active, &:checked { &:active, &:checked {
@include linear-gradient(mix($panel_bg_color, $panel_fg_color, 0.21), to top); @include linear-gradient(mix($panel_bg_color, $panel_fg_color, .21), to top);
border-color: mix($panel_bg_color, $panel_fg_color, 0.21); border-color: mix($panel_bg_color, $panel_fg_color, .21);
color: shade($panel_fg_color, 1.08); color: shade($panel_fg_color, 1.08);
&:prelight { &:prelight {
@include linear-gradient(mix($panel_bg_color, $panel_fg_color, 0.31), to top); @include linear-gradient(mix($panel_bg_color, $panel_fg_color, .31), to top);
border-color: mix($panel_bg_color, $panel_fg_color, 0.31); border-color: mix($panel_bg_color, $panel_fg_color, .31);
} }
} }
} }
@ -45,7 +45,7 @@
} }
PanelApplet { PanelApplet {
border: none; border: 0;
.button { .button {
@extend %panelbutton; @extend %panelbutton;
@ -57,14 +57,14 @@
PanelSeparator { PanelSeparator {
@extend %panel; @extend %panel;
border: none; border: 0;
} }
PanelApplet > GtkMenuBar.menubar, PanelMenuBar.menubar, .gnome-panel-menu-bar { PanelApplet > GtkMenuBar.menubar, PanelMenuBar.menubar, .gnome-panel-menu-bar {
&.menuitem { &.menuitem {
@extend %panel; @extend %panel;
border: none; border: 0;
-PanelMenuBar-icon-visible: true; -PanelMenuBar-icon-visible: true;
} }
@ -73,7 +73,7 @@
PanelAppletFrame { PanelAppletFrame {
@extend %panel; @extend %panel;
border: none; border: 0;
} }
WnckPager, WnckTasklist { @extend %panel; } WnckPager, WnckTasklist { @extend %panel; }

2
gtk-3.0/scss/apps/_synaptic.scss
View File

@ -8,7 +8,7 @@
@include linear-gradient($toolbar-bg-color); @include linear-gradient($toolbar-bg-color);
padding: $spacing; padding: $spacing;
border: none; border: 0;
color: $toolbar_fg_color; color: $toolbar_fg_color;
} }
} }

20
gtk-3.0/scss/apps/_unity.scss
View File

@ -11,9 +11,9 @@
-UnityDecoration-shadow-offset-x: 1px; -UnityDecoration-shadow-offset-x: 1px;
-UnityDecoration-shadow-offset-y: 1px; -UnityDecoration-shadow-offset-y: 1px;
-UnityDecoration-active-shadow-color: rgba(0,0,0,0.7); -UnityDecoration-active-shadow-color: rgba(0, 0, 0, .7);
-UnityDecoration-active-shadow-radius: 8px; -UnityDecoration-active-shadow-radius: 8px;
-UnityDecoration-inactive-shadow-color: rgba(0,0,0,0.5); -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, .5);
-UnityDecoration-inactive-shadow-radius: 5px; -UnityDecoration-inactive-shadow-radius: 5px;
-UnityDecoration-glow-size: 10px; -UnityDecoration-glow-size: 10px;
@ -21,21 +21,21 @@
-UnityDecoration-title-indent: 10px; -UnityDecoration-title-indent: 10px;
-UnityDecoration-title-fade: 35px; -UnityDecoration-title-fade: 35px;
-UnityDecoration-title-alignment: 0.0; -UnityDecoration-title-alignment: 0;
&.top { &.top {
border: 1px solid $wm_border_focused; border: 1px solid $wm_border_focused;
border-bottom: none; border-bottom: 0;
border-radius: 2px 2px 0 0; border-radius: 2px 2px 0 0;
padding: 1px ($spacing * 2) 0 ($spacing * 2); padding: 1px ($spacing * 2) 0;
background-color: $titlebar_bg_color; background-color: $titlebar_bg_color;
color: mix($titlebar_fg_color, $titlebar_bg_color, 0.1); color: mix($titlebar_fg_color, $titlebar_bg_color, .1);
text-shadow: none; text-shadow: none;
&:backdrop { &:backdrop {
border: 1px solid $wm_border_unfocused; border: 1px solid $wm_border_unfocused;
color: mix($titlebar_fg_color, $titlebar_bg_color, 0.4); color: mix($titlebar_fg_color, $titlebar_bg_color, .4);
} }
} }
@ -49,7 +49,7 @@
UnityPanelWidget, .unity-panel { UnityPanelWidget, .unity-panel {
@extend %panel; @extend %panel;
border: none; border: 0;
} }
.unity-panel { .unity-panel {
@ -58,8 +58,8 @@
color: $panel_fg_color; color: $panel_fg_color;
&:hover, *:hover { &:hover, *:hover {
border-color: mix($panel_bg_color, $panel_fg_color, 0.21); border-color: mix($panel_bg_color, $panel_fg_color, .21);
background-color: mix($panel_bg_color, $panel_fg_color, 0.21); background-color: mix($panel_bg_color, $panel_fg_color, .21);
background-image: none; background-image: none;
color: shade($panel_fg_color, 1.08); color: shade($panel_fg_color, 1.08);
} }

2
gtk-3.0/scss/apps/_xfce.scss
View File

@ -8,7 +8,7 @@
XfceHeading { XfceHeading {
margin: 0; margin: 0;
padding: 0; padding: 0;
border: none; border: 0;
background-image: none; background-image: none;
background-color: $base_color; background-color: $base_color;
color: $text_color; color: $text_color;

8
gtk-3.0/scss/widgets/_actionbar.scss
View File

@ -10,7 +10,7 @@
@include linear-gradient($bg_color); @include linear-gradient($bg_color);
padding: $spacing; padding: $spacing;
border-width: 1px 0 0 0; border-width: 1px 0 0;
border-style: solid; border-style: solid;
border-color: border_normal($bg_color); border-color: border_normal($bg_color);
color: $fg_color; color: $fg_color;
@ -40,9 +40,9 @@
@include exports("searchbar") { @include exports("searchbar") {
.search-bar { .search-bar {
@include linear-gradient(shade($bg_color, 0.98)); @include linear-gradient(shade($bg_color, .98));
border-width: 0 0 1px 0; border-width: 0 0 1px;
border-style: solid; border-style: solid;
border-color: border_normal($bg_color); border-color: border_normal($bg_color);
color: $fg_color; color: $fg_color;
@ -86,7 +86,7 @@
} }
.selection-menu.button { .selection-menu.button {
border: none; border: 0;
background-color: transparent; background-color: transparent;
background-image: none; background-image: none;
color: shade($selected_bg_color, $contrast); color: shade($selected_bg_color, $contrast);

34
gtk-3.0/scss/widgets/_base.scss
View File

@ -3,7 +3,7 @@
***************/ ***************/
* { * {
-GtkArrow-arrow-scaling: 0.5; -GtkArrow-arrow-scaling: .5;
-GtkExpander-expander-size: 8; -GtkExpander-expander-size: 8;
-GtkStatusbar-shadow-type: none; -GtkStatusbar-shadow-type: none;
-GtkToolItemGroup-expander-size: 8; -GtkToolItemGroup-expander-size: 8;
@ -11,7 +11,7 @@
-GtkWindow-resize-grip-width: 0; -GtkWindow-resize-grip-width: 0;
-WnckTasklist-fade-overlay-rect: 0; -WnckTasklist-fade-overlay-rect: 0;
outline-color: alpha($selected_bg_color, 0.5); outline-color: alpha($selected_bg_color, .5);
outline-style: dashed; outline-style: dashed;
outline-width: 1px; outline-width: 1px;
outline-offset: -1px; outline-offset: -1px;
@ -31,21 +31,21 @@
} }
* { * {
&:selected { @extend %selected; }
&:insensitive,
&:insensitive:insensitive { color: mix($fg_color, $bg_color, 0.50); }
&:insensitive { -gtk-image-effect: dim; }
&:hover { -gtk-image-effect: highlight; }
/* hyperlinks */ /* hyperlinks */
-GtkHTML-link-color: $link_color; -GtkHTML-link-color: $link_color;
-GtkIMHtml-hyperlink-color: $link_color; -GtkIMHtml-hyperlink-color: $link_color;
-GtkWidget-link-color: $link_color; -GtkWidget-link-color: $link_color;
-GtkWidget-visited-link-color: $link_color; -GtkWidget-visited-link-color: $link_color;
&:selected { @extend %selected; }
&:insensitive,
&:insensitive:insensitive { color: mix($fg_color, $bg_color, .5); }
&:insensitive { -gtk-image-effect: dim; }
&:hover { -gtk-image-effect: highlight; }
&:link, &:visited { color: $link_color; } &:link, &:visited { color: $link_color; }
} }
@ -71,13 +71,13 @@
} }
&:active { &:active {
background-color: shade($bg_color, 0.9); background-color: shade($bg_color, .9);
color: $fg_color; color: $fg_color;
} }
&:insensitive { &:insensitive {
background-color: shade(shade($bg_color, 0.95), 1.05); background-color: shade(shade($bg_color, .95), 1.05);
color: mix($fg_color, $bg_color, 0.50); color: mix($fg_color, $bg_color, .5);
} }
&:selected { @extend %selected; } &:selected { @extend %selected; }
@ -89,12 +89,12 @@ GtkImage, GtkLabel, GtkBox, GtkGrid {
GtkLabel { GtkLabel {
&.separator { &.separator {
color: $fg_color;
@extend .dim-label; @extend .dim-label;
color: $fg_color;
} }
&:selected { @extend %selected; } &:selected { @extend %selected; }
&:insensitive { color: mix($fg_color, $bg_color, 0.50); } &:insensitive { color: mix($fg_color, $bg_color, .5); }
} }

28
gtk-3.0/scss/widgets/_button.scss
View File

@ -25,7 +25,7 @@
&:dir(rtl) { &:dir(rtl) {
border-radius: 0; // needed when including %linked_middle:dir(rtl) border-radius: 0; // needed when including %linked_middle:dir(rtl)
border-right-style: none; border-right-style: none;
border-left-style: solid border-left-style: solid;
} }
} }
@ -78,11 +78,11 @@
@extend %linked_button; @extend %linked_button;
box-shadow: inset -1px 0 border_normal(rgba(0,0,0,.12 + $border_strength)), box-shadow: inset -1px 0 border_normal(rgba(0, 0, 0, .12 + $border_strength)),
0 1px 2px -1px alpha($dark_shadow, .12 + $shadow_strength); 0 1px 2px -1px alpha($dark_shadow, .12 + $shadow_strength);
&:focus, &:hover { &:focus, &:hover {
box-shadow: inset -1px 0 border_focus(rgba(0,0,0,.12 + $border_strength)), box-shadow: inset -1px 0 border_focus(rgba(0, 0, 0, .12 + $border_strength)),
0 1px 2px -1px alpha($dark_shadow, .32 + $shadow_strength); 0 1px 2px -1px alpha($dark_shadow, .32 + $shadow_strength);
} }
@ -90,7 +90,7 @@
&:active:focus, &:active:hover:focus, &:active:focus, &:active:hover:focus,
&:checked, &:checked:hover, &:checked, &:checked:hover,
&:checked:focus, &:checked:hover:focus { &:checked:focus, &:checked:hover:focus {
box-shadow: inset -1px 0 border_active(rgba(0,0,0,.12 + $border_strength)), box-shadow: inset -1px 0 border_active(rgba(0, 0, 0, .12 + $border_strength)),
inset 0 1px alpha($dark_shadow, .07), inset 0 1px alpha($dark_shadow, .07),
inset 0 -1px alpha($dark_shadow, .05); inset 0 -1px alpha($dark_shadow, .05);
} }
@ -127,7 +127,7 @@
@extend %button; @extend %button;
@include linear-gradient($button_bg); @include linear-gradient($button_bg);
@include border(rgba(0,0,0,.12 + $border_strength)); @include border(rgba(0, 0, 0, .12 + $border_strength));
color: $fg; color: $fg;
box-shadow: 0 1px 2px -1px alpha($dark_shadow, .12 + $shadow_strength); box-shadow: 0 1px 2px -1px alpha($dark_shadow, .12 + $shadow_strength);
@ -142,7 +142,7 @@
&, &.flat { &, &.flat {
&:focus, &:hover { &:focus, &:hover {
@include linear-gradient(shade($button_bg, 1.2)); @include linear-gradient(shade($button_bg, 1.2));
@include border(rgba(0,0,0,.2 + $border_strength)); @include border(rgba(0, 0, 0, .2 + $border_strength));
box-shadow: 0 1px 2px -1px alpha($dark_shadow, .32 + $shadow_strength); box-shadow: 0 1px 2px -1px alpha($dark_shadow, .32 + $shadow_strength);
} }
@ -150,7 +150,7 @@
&:active, &:checked { &:active, &:checked {
@include linear-gradient(shade($button_bg, .7), to top); @include linear-gradient(shade($button_bg, .7), to top);
color: white; color: $white;
box-shadow: inset 1px 0 alpha($dark_shadow, .06), box-shadow: inset 1px 0 alpha($dark_shadow, .06),
inset 0 1px alpha($dark_shadow, .07), inset 0 1px alpha($dark_shadow, .07),
inset -1px 0 alpha($dark_shadow, .06), inset -1px 0 alpha($dark_shadow, .06),
@ -159,7 +159,7 @@
&:focus, &:hover { &:focus, &:hover {
@include linear-gradient(shade($button_bg, .65), to top); @include linear-gradient(shade($button_bg, .65), to top);
color: white; color: $white;
} }
} }
@ -212,15 +212,15 @@
box-shadow: none; box-shadow: none;
&:focus, &:hover { &:focus, &:hover {
border: 1px solid alpha(black, .3); border: 1px solid alpha($black, .3);
background-color: alpha(white, .2); background-color: alpha($white, .2);
background-image: none; background-image: none;
box-shadow: none; box-shadow: none;
} }
&:active, &:checked, &:active:hover, &:checked:hover { &:active, &:checked, &:active:hover, &:checked:hover {
border: 1px solid alpha(black, .3); border: 1px solid alpha($black, .3);
background-color: alpha(black, .1); background-color: alpha($black, .1);
background-image: none; background-image: none;
box-shadow: none; box-shadow: none;
} }
@ -236,7 +236,7 @@
.spinbutton & { .spinbutton & {
color: mix($text_color, $base_color, .4); color: mix($text_color, $base_color, .4);
padding: $spacing ($spacing * 2); padding: $spacing ($spacing * 2);
border: none; border: 0;
border-radius: 0; border-radius: 0;
border-style: none; border-style: none;
background-color: transparent; background-color: transparent;

4
gtk-3.0/scss/widgets/_calendar.scss
View File

@ -7,11 +7,11 @@
padding: $spacing; padding: $spacing;
outline-offset: -1px; outline-offset: -1px;
&:inconsistent { color: mix($fg_color, $bg_color, 0.5); } &:inconsistent { color: mix($fg_color, $bg_color, .5); }
&.view, &.highlight, &.header, &.button { &.view, &.highlight, &.header, &.button {
&, &:focus, &:hover, &:insensitive { &, &:focus, &:hover, &:insensitive {
border: none; border: 0;
background-color: transparent; background-color: transparent;
background-image: none; background-image: none;
} }

28
gtk-3.0/scss/widgets/_choosers.scss
View File

@ -5,12 +5,12 @@
@include exports("colorchooser") { @include exports("colorchooser") {
GtkColorSwatch { GtkColorSwatch {
&, &:selected { &, &:selected {
border: 1px solid alpha(black, 0.1); border: 1px solid alpha($black, .1);
border-radius: $roundness - 1px; border-radius: $roundness - 1px;
background-color: transparent; background-color: transparent;
background-clip: border-box; background-clip: border-box;
&:hover { border-color: alpha(black, 0.3); } &:hover { border-color: alpha($black, .3); }
} }
&.color-light:selected:hover, &.color-dark:selected:hover { background-image: none; } &.color-light:selected:hover, &.color-dark:selected:hover { background-image: none; }
@ -42,20 +42,20 @@
&.color-dark:hover, &.color-light:hover { &.color-dark:hover, &.color-light:hover {
background-image: none; background-image: none;
border-color: alpha(black, 0.3); border-color: alpha($black, .3);
} }
} }
} }
GtkColorChooserWidget #add-color-button { GtkColorChooserWidget #add-color-button {
background-clip: padding-box; background-clip: padding-box;
border-color: alpha(black, 0.1); border-color: alpha($black, .1);
background-color: shade($bg_color, 0.95); background-color: shade($bg_color, .95);
color: $fg_color; color: $fg_color;
&:hover { &:hover {
border-color: alpha(black, 0.3); border-color: alpha($black, .3);
background-color: shade($bg_color, 0.90); background-color: shade($bg_color, .9);
color: $fg_color; color: $fg_color;
} }
} }
@ -69,15 +69,15 @@
&.color-light { &.color-light {
&, &:hover { &, &:hover {
border-color: alpha(black, 0.3); border-color: alpha($black, .3);
color: alpha(black, 0.3); color: alpha($black, .3);
} }
} }
&.color-dark { &.color-dark {
&, &:hover { &, &:hover {
border-color: alpha(white, 0.3); border-color: alpha($white, .3);
color: alpha(white, 0.3); color: alpha($white, .3);
} }
} }
} }
@ -99,9 +99,9 @@
-GtkWidget-vertical-separator: 0; -GtkWidget-vertical-separator: 0;
} }
GtkLabel:last-child { color: alpha(currentColor, 0.7); } GtkLabel:last-child { color: alpha(currentColor, .7); }
GtkImage:last-child { color: alpha(currentColor, 0.7); } GtkImage:last-child { color: alpha(currentColor, .7); }
} }
GtkFileChooser { GtkFileChooser {
@ -119,7 +119,7 @@
.dialog-action-box { .dialog-action-box {
border-width: 1px 0 0; border-width: 1px 0 0;
border-style: solid; border-style: solid;
border-color: shade($bg_color, 0.7); border-color: shade($bg_color, .7);
} }
} }
} }

4
gtk-3.0/scss/widgets/_grid.scss
View File

@ -4,12 +4,12 @@
@include exports("grid") { @include exports("grid") {
.list { .list {
background-color: shade($bg_color, 0.97); background-color: shade($bg_color, .97);
color: $fg_color; color: $fg_color;
&-row { &-row {
&, &.button { &, &.button {
border: none; border: 0;
border-radius: 0; border-radius: 0;
padding: $spacing; padding: $spacing;
background-image: none; background-image: none;

4
gtk-3.0/scss/widgets/_infobar.scss
View File

@ -7,7 +7,7 @@
@include exports("infobar") { @include exports("infobar") {
GtkInfoBar { GtkInfoBar {
border: none; border: 0;
$types: ( $types: (
info: ( $info_fg_color, $info_bg_color ), info: ( $info_fg_color, $info_bg_color ),
@ -24,7 +24,7 @@
&.#{$type} { &.#{$type} {
@include linear-gradient($bg_color); @include linear-gradient($bg_color);
border: 1px solid shade($bg_color, 0.8); border: 1px solid shade($bg_color, .8);
color: $fg_color; color: $fg_color;
.button { .button {

24
gtk-3.0/scss/widgets/_menu.scss
View File

@ -9,7 +9,7 @@
.menubar { .menubar {
-GtkWidget-window-dragging: true; -GtkWidget-window-dragging: true;
border: none; border: 0;
background-color: $menubar_bg_color; background-color: $menubar_bg_color;
background-image: none; background-image: none;
color: $menubar_fg_color; color: $menubar_fg_color;
@ -23,13 +23,13 @@
color: $menubar_fg_color; color: $menubar_fg_color;
&:hover { &:hover {
border-color: mix($menubar_bg_color, $menubar_fg_color, 0.21); border-color: mix($menubar_bg_color, $menubar_fg_color, .21);
background-color: mix($menubar_bg_color, $menubar_fg_color, 0.21); background-color: mix($menubar_bg_color, $menubar_fg_color, .21);
background-image: none; background-image: none;
color: shade($menubar_fg_color, 1.08); color: shade($menubar_fg_color, 1.08);
} }
& *:hover { color: shade($menubar_fg_color, 1.08); } *:hover { color: shade($menubar_fg_color, 1.08); }
} }
} }
} }
@ -55,7 +55,7 @@
#toolbar-popup, .menu { #toolbar-popup, .menu {
padding: 0; padding: 0;
border-radius: 0; border-radius: 0;
border: none; border: 0;
background-color: $menu_bg_color; background-color: $menu_bg_color;
color: $menu_fg_color; color: $menu_fg_color;
@ -81,23 +81,23 @@
&, .menu & { &, .menu & {
margin: $spacing; margin: $spacing;
padding: $spacing; padding: $spacing;
border: none; border: 0;
border-radius: 0; border-radius: 0;
background-color: transparent; background-color: transparent;
background-image: none; background-image: none;
-GtkMenuItem-arrow-scaling: 0.5; -GtkMenuItem-arrow-scaling: .5;
&:active, &:hover { &:active, &:hover {
border: none; border: 0;
background-color: $selected_bg_color; background-color: $selected_bg_color;
background-image: none; background-image: none;
color: $selected_fg_color; color: $selected_fg_color;
} }
& *:active, & *:hover { color: $selected_fg_color; } *:active, *:hover { color: $selected_fg_color; }
&:insensitive, & *:insensitive { color: mix($menu_fg_color, $menu_bg_color, .5); } &:insensitive, *:insensitive { color: mix($menu_fg_color, $menu_bg_color, .5); }
} }
&.check, &.radio { &.check, &.radio {
@ -175,7 +175,7 @@
background-color: $menu_bg_color; background-color: $menu_bg_color;
background-image: none; background-image: none;
color: $menu_fg_color; color: $menu_fg_color;
box-shadow: 0 3px 6px alpha(black, .16); box-shadow: 0 3px 6px alpha($black, .16);
&.background { &.background {
background-image: none; background-image: none;
@ -186,7 +186,7 @@
&:backdrop { box-shadow: none; } &:backdrop { box-shadow: none; }
&.osd { &.osd {
box-shadow: 0 2px 7px 3px alpha(black, .5); box-shadow: 0 2px 7px 3px alpha($black, .5);
> .toolbar .button { > .toolbar .button {
border-radius: 0; border-radius: 0;

24
gtk-3.0/scss/widgets/_misc.scss
View File

@ -4,7 +4,7 @@
@include exports("dimlabel") { @include exports("dimlabel") {
.dim-label { .dim-label {
opacity: 0.5; opacity: .5;
text-shadow: none; text-shadow: none;
} }
} }
@ -19,7 +19,7 @@
&.background { &.background {
@include linear-gradient($tooltip_bg_color); @include linear-gradient($tooltip_bg_color);
border: none; border: 0;
border-radius: $roundness; border-radius: $roundness;
color: $tooltip_fg_color; color: $tooltip_fg_color;
} }
@ -57,7 +57,7 @@
&, &.frame { &, &.frame {
border-style: solid; border-style: solid;
border-color: border_normal($osd_bg); border-color: border_normal($osd_bg);
border-width: 0 1px 1px 1px; border-width: 0 1px 1px;
border-radius: 0 0 $roundness $roundness; border-radius: 0 0 $roundness $roundness;
padding: $spacing * 2; padding: $spacing * 2;
background-color: $osd_bg; background-color: $osd_bg;
@ -81,17 +81,17 @@
} }
.expander { .expander {
color: alpha(currentColor, 0.7); color: alpha(currentColor, .7);
border: alpha(currentColor, 0.7); border: alpha(currentColor, .7);
&:hover { &:hover {
color: alpha(currentColor, 0.8); color: alpha(currentColor, .8);
border-color: alpha(currentColor, 0.8); border-color: alpha(currentColor, .8);
} }
&:active { &:active {
color: alpha(currentColor, 0.9); color: alpha(currentColor, .9);
border-color: alpha(currentColor, 0.9); border-color: alpha(currentColor, .9);
} }
} }
} }
@ -103,9 +103,9 @@
@include exports("symbolicimage") { @include exports("symbolicimage") {
.image { .image {
color: alpha(currentColor, 0.5); color: alpha(currentColor, .5);
&:hover { color: alpha(currentColor, 0.9); } &:hover { color: alpha(currentColor, .9); }
&:selected, &:selected:hover { color: $selected_fg_color; } &:selected, &:selected:hover { color: $selected_fg_color; }
} }
@ -152,7 +152,7 @@
-GtkButton-image-spacing: 0; -GtkButton-image-spacing: 0;
-GtkButton-inner-border: 0; -GtkButton-inner-border: 0;
border: none; border: 0;
background-color: transparent; background-color: transparent;
background-image: none; background-image: none;
} }

22
gtk-3.0/scss/widgets/_notebook.scss
View File

@ -8,7 +8,7 @@
@include exports("notebook") { @include exports("notebook") {
.notebook { .notebook {
padding: 0; padding: 0;
border-width: 1px 0 0 0; border-width: 1px 0 0;
border-style: solid; border-style: solid;
border-color: border_normal($base_color); border-color: border_normal($base_color);
border-radius: 0; border-radius: 0;
@ -32,11 +32,11 @@
&.frame { &.frame {
border-color: border_normal($base_color); border-color: border_normal($base_color);
&.top { border-width: 1px 1px 0 1px; } &.top { border-width: 1px 1px 0; }
&.right { border-width: 1px 1px 1px 0; } &.right { border-width: 1px 1px 1px 0; }
&.bottom { border-width: 0 1px 1px 1px; } &.bottom { border-width: 0 1px 1px; }
&.left { border-width: 1px 0 1px 1px; } &.left { border-width: 1px 0 1px 1px; }
} }
@ -90,14 +90,14 @@
border-bottom-right-radius: 0; border-bottom-right-radius: 0;
} }
GtkLabel { color: mix($text_color, $base_color, 0.3); } GtkLabel { color: mix($text_color, $base_color, .3); }
/* close button styling */ /* close button styling */
.button { @extend %close_button; } .button { @extend %close_button; }
} }
.prelight-page { .prelight-page {
&, GtkLabel { color: mix($text_color, $base_color, 0.15); } &, GtkLabel { color: mix($text_color, $base_color, .15); }
} }
.active-page { .active-page {
@ -106,20 +106,20 @@
.reorderable-page { .reorderable-page {
&:hover { &:hover {
background-color: shade($base_color, 0.85); background-color: shade($base_color, .85);
border-left: 0; border-left: 0;
border-right: 0; border-right: 0;
/* using box shadows instead of borders due to slanted edges */ /* using box shadows instead of borders due to slanted edges */
box-shadow: inset 0 3px alpha(black, 0.03), inset 0 2px alpha(black, 0.03), inset 0 1px alpha(black, 0.03), box-shadow: inset 0 3px alpha($black, .03), inset 0 2px alpha($black, .03), inset 0 1px alpha($black, .03),
inset 1px 0 shade($base_color, 0.7), inset -1px 0 shade($base_color, 0.7); inset 1px 0 shade($base_color, .7), inset -1px 0 shade($base_color, .7);
} }
&:active { &:active {
background-color: shade($base_color, 0.90); background-color: shade($base_color, .9);
border-left: 0; border-left: 0;
border-right: 0; border-right: 0;
box-shadow: inset 0 3px alpha(black, 0.03), inset 0 2px alpha(black, 0.03), inset 0 1px alpha(black, 0.03), box-shadow: inset 0 3px alpha($black, .03), inset 0 2px alpha($black, .03), inset 0 1px alpha($black, .03),
inset 1px 0 shade($base_color, 0.75), inset -1px 0 shade($base_color, 0.75); inset 1px 0 shade($base_color, .75), inset -1px 0 shade($base_color, .75);
} }
} }
} }

26
gtk-3.0/scss/widgets/_osd.scss
View File

@ -10,7 +10,7 @@
.osd { .osd {
&.background { &.background {
background-color: alpha($osd_bg, 0.8); background-color: alpha($osd_bg, .8);
color: $osd_fg; color: $osd_fg;
} }
@ -36,7 +36,7 @@
} }
/* used by gnome-settings-daemon's media-keys OSD */ /* used by gnome-settings-daemon's media-keys OSD */
&.trough { background-color: shade($osd_bg, 0.8); } &.trough { background-color: shade($osd_bg, .8); }
&.progressbar { background-color: $osd_fg; } &.progressbar { background-color: $osd_fg; }
@ -45,11 +45,11 @@
@include linear-gradient(shade($osd_bg, 1.08)); @include linear-gradient(shade($osd_bg, 1.08));
@include border($osd_bg); @include border($osd_bg);
&:insensitive { @include linear-gradient(shade($osd_bg, 0.9)); } &:insensitive { @include linear-gradient(shade($osd_bg, .9)); }
} }
&.trough { &.trough {
border-color: shade($osd_bg, 0.8); border-color: shade($osd_bg, .8);
background-color: shade($osd_bg, 1.08); background-color: shade($osd_bg, 1.08);
background-image: none; background-image: none;
@ -60,8 +60,8 @@
} }
&:insensitive, &.highlight:insensitive { &:insensitive, &.highlight:insensitive {
border-color: shade($osd_bg, 0.85); border-color: shade($osd_bg, .85);
background-color: shade($osd_bg, 0.9); background-color: shade($osd_bg, .9);
background-image: none; background-image: none;
} }
} }
@ -73,17 +73,17 @@
.trough { background-color: $osd_bg; } .trough { background-color: $osd_bg; }
.slider { .slider {
border: 1px solid mix(shade($osd_bg, 0.87), $osd_fg, 0.21); border: 1px solid mix(shade($osd_bg, .87), $osd_fg, .21);
border-radius: 0; border-radius: 0;
background-color: mix($osd_bg, $osd_fg, 0.21); background-color: mix($osd_bg, $osd_fg, .21);
&:hover { &:hover {
border-color: mix(shade($osd_bg, 0.87), $osd_fg, 0.31); border-color: mix(shade($osd_bg, .87), $osd_fg, .31);
background-color: mix($osd_bg, $osd_fg, 0.31); background-color: mix($osd_bg, $osd_fg, .31);
} }
&:active { &:active {
border-color: shade($selected_bg_color, 0.9); border-color: shade($selected_bg_color, .9);
background-color: $selected_bg_color; background-color: $selected_bg_color;
} }
} }
@ -92,7 +92,7 @@
GtkIconView.cell { GtkIconView.cell {
&:selected, &:selected:focus { &:selected, &:selected:focus {
background-color: transparent; background-color: transparent;
border: 3px solid mix(shade($osd_bg, 0.87), $osd_fg, 0.21); border: 3px solid mix(shade($osd_bg, .87), $osd_fg, .21);
border-radius: $roundness; border-radius: $roundness;
outline-color: transparent; outline-color: transparent;
} }
@ -100,7 +100,7 @@
/* used by Documents */ /* used by Documents */
.page-thumbnail { .page-thumbnail {
border: 1px solid shade($osd_bg, 0.9); border: 1px solid shade($osd_bg, .9);
/* when there's no pixbuf yet */ /* when there's no pixbuf yet */
background-color: $osd_bg; background-color: $osd_bg;
} }

18
gtk-3.0/scss/widgets/_overshoot.scss
View File

@ -9,15 +9,11 @@
@if $position == bottom { @if $position == bottom {
$_position: center bottom; $_position: center bottom;
$_linear_gradient_direction: to top; $_linear_gradient_direction: to top;
} } @else if $position == right {
@else if $position == right {
$_position: right center; $_position: right center;
$_small_gradient_size: $_small_gradient_length 100%; $_small_gradient_size: $_small_gradient_length 100%;
$_big_gradient_size: $_big_gradient_length 100%; $_big_gradient_size: $_big_gradient_length 100%;
} } @else if $position == left {
@else if $position == left {
$_position: left center; $_position: left center;
$_small_gradient_size: $_small_gradient_length 100%; $_small_gradient_size: $_small_gradient_length 100%;
$_big_gradient_size: $_big_gradient_length 100%; $_big_gradient_size: $_big_gradient_length 100%;
@ -28,13 +24,13 @@
$_small_gradient: -gtk-gradient(radial, $_small_gradient: -gtk-gradient(radial,
$_position, 0, $_position, 0,
$_position, 0.5, $_position, .5,
to(alpha($_small_gradient_color, .35)), to(alpha($_small_gradient_color, .35)),
to(alpha($_small_gradient_color, .25))); to(alpha($_small_gradient_color, .25)));
$_big_gradient: -gtk-gradient(radial, $_big_gradient: -gtk-gradient(radial,
$_position, 0, $_position, 0,
$_position, 0.6, $_position, .6,
from(alpha($_big_gradient_color, .2)), from(alpha($_big_gradient_color, .2)),
to(alpha($_big_gradient_color, 0))); to(alpha($_big_gradient_color, 0)));
@ -50,13 +46,13 @@
background-position: $_position; background-position: $_position;
background-color: transparent; // reset some properties to be sure to not inherit them somehow background-color: transparent; // reset some properties to be sure to not inherit them somehow
border: none; border: 0;
box-shadow: none; box-shadow: none;
} }
@mixin undershoot($position) { @mixin undershoot($position) {
$_undershoot_color_dark: alpha(black, .2); $_undershoot_color_dark: alpha($black, .2);
$_undershoot_color_light: alpha(white, .2); $_undershoot_color_light: alpha($white, .2);
$_gradient_dir: left; $_gradient_dir: left;
$_dash_bg_size: 10px 1px; $_dash_bg_size: 10px 1px;

19
gtk-3.0/scss/widgets/_progress.scss
View File

@ -7,7 +7,7 @@
padding: 0; padding: 0;
border-radius: $roundness; border-radius: $roundness;
font-size: smaller; font-size: smaller;
color: alpha($fg_color, 0.6); color: alpha($fg_color, .6);
-GtkProgressBar-min-horizontal-bar-height: 6; -GtkProgressBar-min-horizontal-bar-height: 6;
-GtkProgressBar-min-vertical-bar-width: 6; -GtkProgressBar-min-vertical-bar-width: 6;
@ -19,7 +19,7 @@
} }
&.trough { &.trough {
border: 1px solid alpha(border_normal($bg_color), 0.5); border: 1px solid alpha(border_normal($bg_color), .5);
background-color: shade($bg_color, 1.08); background-color: shade($bg_color, 1.08);
background-image: none; background-image: none;
} }
@ -72,7 +72,7 @@
&.trough { &.trough {
@include linear-gradient(shade($bg_color, 1.08), to top); @include linear-gradient(shade($bg_color, 1.08), to top);
border: 1px solid alpha(border_normal($bg_color), 0.5); border: 1px solid alpha(border_normal($bg_color), .5);
border-radius: $roundness; border-radius: $roundness;
} }
@ -86,6 +86,7 @@
&.indicator-discrete { &.indicator-discrete {
&.horizontal { margin-right: 1px; } &.horizontal { margin-right: 1px; }
&.vertical { margin-bottom: 1px; } &.vertical { margin-bottom: 1px; }
} }
@ -127,7 +128,7 @@
border-style: solid; border-style: solid;
box-shadow: 0 1px 2px -1px alpha($dark_shadow, .3); box-shadow: 0 1px 2px -1px alpha($dark_shadow, .3);
&:insensitive { @include linear-gradient(shade($bg_color, 0.9)); } &:insensitive { @include linear-gradient(shade($bg_color, .9)); }
} }
&.fine-tune { &.fine-tune {
@ -140,17 +141,17 @@
} }
} }
&.mark { border-color: alpha(border_normal($bg_color), 0.5); } &.mark { border-color: alpha(border_normal($bg_color), .5); }
&.trough { &.trough {
@include linear-gradient(shade($bg_color, 1.08)); @include linear-gradient(shade($bg_color, 1.08));
margin: 7px 0; margin: 7px 0;
border: 1px solid alpha(border_normal($bg_color), 0.5); border: 1px solid alpha(border_normal($bg_color), .5);
border-radius: $roundness; border-radius: $roundness;
&:insensitive { @include linear-gradient(shade($bg_color, 0.9)); } &:insensitive { @include linear-gradient(shade($bg_color, .9)); }
&.vertical { margin: 0 7px; } &.vertical { margin: 0 7px; }
} }
@ -162,9 +163,9 @@
border-color: $selected_bg_color; border-color: $selected_bg_color;
&:insensitive { &:insensitive {
@include linear-gradient(shade($bg_color, 0.8)); @include linear-gradient(shade($bg_color, .8));
border-color: shade($bg_color, 0.7); border-color: shade($bg_color, .7);
} }
} }
} }

14
gtk-3.0/scss/widgets/_scrollbar.scss
View File

@ -25,16 +25,16 @@
border-radius: 0; border-radius: 0;
background-color: transparent; background-color: transparent;
background-image: none; background-image: none;
color: alpha($fg_color, 0.5); color: alpha($fg_color, .5);
} }
} }
&.slider, &.slider.vertical { &.slider, &.slider.vertical {
border: 0; border: 0;
border-radius: $roundness; border-radius: $roundness;
background-color: shade($bg_color, 0.5); background-color: shade($bg_color, .5);
&:hover { background-color: shade($bg_color, 0.3); } &:hover { background-color: shade($bg_color, .3); }
&:active { background-color: $selected_bg_color; } &:active { background-color: $selected_bg_color; }
@ -44,7 +44,7 @@
// overlay scrolling indicator // overlay scrolling indicator
&.overlay-indicator { &.overlay-indicator {
&:not(.dragging):not(.hovering) { &:not(.dragging):not(.hovering) {
opacity: 0.5; opacity: .5;
-GtkRange-slider-width: 4px; -GtkRange-slider-width: 4px;
@ -60,7 +60,7 @@
} }
} }
&.dragging, &.hovering { opacity: 0.7; } &.dragging, &.hovering { opacity: .7; }
} }
} }
@ -75,12 +75,12 @@
// ubuntu overlay scrollbars // ubuntu overlay scrollbars
OsThumb, OsScrollbar { OsThumb, OsScrollbar {
color: shade($bg_color, 0.7); color: shade($bg_color, .7);
&:selected { background-color: $selected_bg_color; } &:selected { background-color: $selected_bg_color; }
&:active { background-color: $selected_bg_color; } &:active { background-color: $selected_bg_color; }
&:insensitive { background-color: shade($bg_color, 0.9); } &:insensitive { background-color: shade($bg_color, .9); }
} }
} }

23
gtk-3.0/scss/widgets/_sidebar.scss
View File

@ -4,16 +4,16 @@
@include exports("sidebar") { @include exports("sidebar") {
.sidebar { .sidebar {
&, &.view, & .view, & GtkScrolledWindow { &, &.view, .view, GtkScrolledWindow {
background-color: $bg_color; background-color: $bg_color;
color: mix($fg_color, $bg_color, 0.1); color: mix($fg_color, $bg_color, .1);
&.separator { &.separator {
&, &:hover, &:focus { &, &:hover, &:focus {
border-width: 1px; border-width: 1px;
border-style: solid; border-style: solid;
border-color: shade($bg_color, 0.9); border-color: shade($bg_color, .9);
color: shade($bg_color, 0.9); color: shade($bg_color, .9);
} }
} }
} }
@ -21,14 +21,14 @@
row, .view row { row, .view row {
&:selected { &:selected {
&, &:hover, &:focus { &, &:hover, &:focus {
border: none; border: 0;
background-image: none; background-image: none;
background-color: $selected_bg_color; background-color: $selected_bg_color;
color: $selected_fg_color; color: $selected_fg_color;
} }
&:prelight { &:prelight {
border: none; border: 0;
background-image: none; background-image: none;
background-color: shade($selected_bg_color, 1.05); background-color: shade($selected_bg_color, 1.05);
color: $selected_fg_color; color: $selected_fg_color;
@ -36,7 +36,7 @@
} }
&:prelight { &:prelight {
border: none; border: 0;
background-image: none; background-image: none;
background-color: shade($bg_color, 1.05); background-color: shade($bg_color, 1.05);
} }
@ -51,15 +51,16 @@
border-right-color: border_normal($bg_color); border-right-color: border_normal($bg_color);
border-radius: 0; border-radius: 0;
background-color: $bg_color; background-color: $bg_color;
color: mix($fg_color, $bg_color, 0.1); color: mix($fg_color, $bg_color, .1);
&:dir(ltr) { border-width: 0 1px 0 0; } &:dir(ltr) { border-width: 0 1px 0 0; }
&:dir(rtl) { border-width: 0 0 0 1px; } &:dir(rtl) { border-width: 0 0 0 1px; }
.label { .label {
padding: $spacing ($spacing * 2); padding: $spacing ($spacing * 2);
&.highlight { background-color: mix($bg_color, $fg_color, 0.80); } &.highlight { background-color: mix($bg_color, $fg_color, .8); }
} }
&.csd .sidebar { border-top-style: none; } &.csd .sidebar { border-top-style: none; }
@ -88,7 +89,7 @@
margin-left: $spacing; margin-left: $spacing;
} }
GtkPaned .pane-separator { background-color: shade($bg_color, 0.9); } GtkPaned .pane-separator { background-color: shade($bg_color, .9); }
GtkPaned.wide { GtkPaned.wide {
-GtkPaned-handle-size: 4; -GtkPaned-handle-size: 4;
@ -99,7 +100,7 @@
GtkPaned.wide .pane-separator { GtkPaned.wide .pane-separator {
background-color: transparent; background-color: transparent;
border-style: none solid; border-style: none solid;
border-color: shade($bg_color, 0.9); border-color: shade($bg_color, .9);
border-width: 1px; border-width: 1px;
} }

2
gtk-3.0/scss/widgets/_spinner.scss
View File

@ -18,7 +18,7 @@
opacity: 1; opacity: 1;
animation: spin 1s linear infinite; animation: spin 1s linear infinite;
&:insensitive { opacity: 0.5; } &:insensitive { opacity: .5; }
} }
} }
} }

10
gtk-3.0/scss/widgets/_toggle.scss
View File

@ -78,12 +78,12 @@ $suffix: if($variant == "dark", "-dark", "");
&.slider { &.slider {
@include linear-gradient(shade($bg_color, 1.2)); @include linear-gradient(shade($bg_color, 1.2));
border: 1px solid rgba(0,0,0,0.2); border: 1px solid rgba(0, 0, 0, .2);
box-shadow: 0 1px 2px -1px alpha($dark_shadow, .12); box-shadow: 0 1px 2px -1px alpha($dark_shadow, .12);
&:insensitive { &:insensitive {
border-color: rgba(0,0,0,0.1); border-color: rgba(0, 0, 0, .1);
background-color: shade($bg_color, 0.9); background-color: shade($bg_color, .9);
box-shadow: none; box-shadow: none;
} }
} }
@ -101,7 +101,7 @@ $suffix: if($variant == "dark", "-dark", "");
&:active { &:active {
@include linear-gradient($selected_bg_color, to top); @include linear-gradient($selected_bg_color, to top);
border-color: shade($selected_bg_color, 0.9); border-color: shade($selected_bg_color, .9);
color: $selected_fg_color; color: $selected_fg_color;
} }
@ -109,7 +109,7 @@ $suffix: if($variant == "dark", "-dark", "");
@include linear-gradient(shade($bg_color, .9), to top); @include linear-gradient(shade($bg_color, .9), to top);
border-color: border_insensitive($bg_color); border-color: border_insensitive($bg_color);
color: mix($fg_color, $bg_color, 0.5); color: mix($fg_color, $bg_color, .5);
} }
} }
} }

8
gtk-3.0/scss/widgets/_toolbar.scss
View File

@ -35,7 +35,7 @@
GtkComboBox, .button { GtkComboBox, .button {
padding: $spacing - 1px; padding: $spacing - 1px;
&.text-button { padding: $spacing; } &.text-button { padding: $spacing; }
&.image-button { padding: ($spacing + 1px) ($spacing - 1px) ($spacing + 1px) $spacing; } &.image-button { padding: ($spacing + 1px) ($spacing - 1px) ($spacing + 1px) $spacing; }
} }
@ -65,7 +65,7 @@
.header-bar { .header-bar {
@include toolbar($titlebar_bg_color, $titlebar_fg_color); @include toolbar($titlebar_bg_color, $titlebar_fg_color);
border-width: 0 0 1px 0; border-width: 0 0 1px;
border-style: solid; border-style: solid;
} }
@ -83,7 +83,7 @@
} }
&.default-decoration { &.default-decoration {
border: none; border: 0;
box-shadow: none; box-shadow: none;
} }
@ -93,7 +93,7 @@
.titlebutton { .titlebutton {
padding: $spacing; padding: $spacing;
border: none; border: 0;
background-image: none; background-image: none;
background-color: transparent; background-color: transparent;
color: mix($titlebar_fg_color, $titlebar_bg_color, .1); color: mix($titlebar_fg_color, $titlebar_bg_color, .1);

40
gtk-3.0/scss/widgets/_view.scss
View File

@ -10,8 +10,8 @@
background-color: $base_color; background-color: $base_color;
&:insensitive, &:insensitive:insensitive { &:insensitive, &:insensitive:insensitive {
background-color: shade($base_color, 0.9); background-color: shade($base_color, .9);
color: mix($text_color, $base_color, 0.5); color: mix($text_color, $base_color, .5);
} }
&:selected, &:selected:focus { @extend %selected; } &:selected, &:selected:focus { @extend %selected; }
@ -33,7 +33,7 @@
-GtkWidget-focus-padding: 1; -GtkWidget-focus-padding: 1;
-GtkWidget-focus-line-width: 0; -GtkWidget-focus-line-width: 0;
border: none; border: 0;
background-color: $selected_bg_color; background-color: $selected_bg_color;
background-image: none; background-image: none;
color: $selected_fg_color; color: $selected_fg_color;
@ -45,11 +45,11 @@
&.view { &.view {
background-color: $base_color; background-color: $base_color;
&:prelight { background-color: alpha($selected_bg_color, 0.6); } &:prelight { background-color: alpha($selected_bg_color, .6); }
&:selected, &:active { background-color: $selected_bg_color; } &:selected, &:active { background-color: $selected_bg_color; }
&:insensitive { background-color: shade($base_color, 0.9); } &:insensitive { background-color: shade($base_color, .9); }
&.check { &.check {
&, &:active, &:prelight, &:insensitive, &:selected { background-color: transparent; } &, &:active, &:prelight, &:insensitive, &:selected { background-color: transparent; }
@ -67,7 +67,7 @@
&.view.cell { &.view.cell {
&:selected, &:selected:focus { &:selected, &:selected:focus {
border: none; border: 0;
border-radius: 2px; border-radius: 2px;
background-image: none; background-image: none;
background-color: $selected_bg_color; background-color: $selected_bg_color;
@ -77,32 +77,32 @@
} }
.dim-label { .dim-label {
&, &.view { color: alpha(currentColor, 0.5); } &, &.view { color: alpha(currentColor, .5); }
} }
.dnd { border: 1px solid $selected_bg_color; } .dnd { border: 1px solid $selected_bg_color; }
.grip { background-color: transparent; } .grip { background-color: transparent; }
.arrow { color: alpha(currentColor, 0.7); } .arrow { color: alpha(currentColor, .7); }
.rubberband { .rubberband {
&, &.view, &.content-view.view { &, &.view, &.content-view.view {
border: 1px solid $selected_bg_color; border: 1px solid $selected_bg_color;
border-radius: 0; border-radius: 0;
background-color: alpha($selected_bg_color, 0.3); background-color: alpha($selected_bg_color, .3);
} }
} }
GdMainIconView.content-view { -GdMainIconView-icon-size: 40; } GdMainIconView.content-view { -GdMainIconView-icon-size: 40; }
/* this will get overridden by .view, needed by gedit line numbers */ /* this will get overridden by .view, needed by gedit line numbers */
GtkTextView { background-color: mix($bg_color, $base_color, 0.50); } GtkTextView { background-color: mix($bg_color, $base_color, .5); }
GtkHTML { GtkHTML {
@extend .view; @extend .view;
&:insensitive { background-color: shade($base_color, 0.9); } &:insensitive { background-color: shade($base_color, .9); }
} }
GtkDrawingArea { background-color: transparent; } GtkDrawingArea { background-color: transparent; }
@ -155,20 +155,20 @@
} }
&, &:active, &:focus, &:active:focus { &, &:active, &:focus, &:active:focus {
border-color: shade($base_color, 0.9); border-color: shade($base_color, .9);
border-bottom-color: shade($base_color, 0.8); border-bottom-color: shade($base_color, .8);
background-color: shade($base_color, 0.97); background-color: shade($base_color, .97);
background-image: none; background-image: none;
} }
&:hover, &:active:hover, &:hover:focus, &:active:hover:focus { &:hover, &:active:hover, &:hover:focus, &:active:hover:focus {
border-color: shade($base_color, 0.9); border-color: shade($base_color, .9);
border-bottom-color: shade($base_color, 0.8); border-bottom-color: shade($base_color, .8);
background-color: shade($base_color, 0.99); background-color: shade($base_color, .99);
background-image: none; background-image: none;
} }
&:last-child .button { border-width: 0 0 1px 0; } &:last-child .button { border-width: 0 0 1px; }
} }
} }
} }
@ -182,10 +182,10 @@
.frame { .frame {
border: 1px solid border_normal($bg_color); border: 1px solid border_normal($bg_color);
&.flat { border: none; } &.flat { border: 0; }
} }
/* avoid double borders when a viewport is packed into a GtkScrolledWindow */ /* avoid double borders when a viewport is packed into a GtkScrolledWindow */
GtkScrolledWindow GtkViewport.frame { border: none; } GtkScrolledWindow GtkViewport.frame { border: 0; }
} }

6
gtk-3.0/scss/widgets/_window.scss
View File

@ -4,11 +4,11 @@
@include exports("window") { @include exports("window") {
%window { %window {
box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22), box-shadow: 0 19px 38px rgba(0, 0, 0, .3), 0 15px 12px rgba(0, 0, 0, .22),
0 0 0 1px $wm_border_focused; 0 0 0 1px $wm_border_focused;
&:backdrop { &:backdrop {
box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23), box-shadow: 0 10px 20px rgba(0, 0, 0, .19), 0 6px 6px rgba(0, 0, 0, .23),
0 0 0 1px $wm_border_unfocused; 0 0 0 1px $wm_border_unfocused;
} }
} }
@ -16,7 +16,7 @@
.window-frame { .window-frame {
@extend %window; @extend %window;
border: none; border: 0;
border-radius: $roundness $roundness 0 0; border-radius: $roundness $roundness 0 0;
/* this is used for the resize cursor area */ /* this is used for the resize cursor area */