Style more widgets

pull/224/head
Satyajit Sahoo 2014-12-20 03:11:02 +05:30
parent 4f7284529c
commit e42253e997
10 changed files with 83 additions and 29 deletions

View File

@ -39,7 +39,7 @@ $modules: () !default;
} }
@function border_insensitive($color) { @function border_insensitive($color) {
@return shade($color, ($contrast + .1)); @return shade($color, ($contrast + .10));
} }
@mixin linear-gradient($color, $direction: to bottom) { @mixin linear-gradient($color, $direction: to bottom) {

View File

@ -53,6 +53,6 @@ $lightdm_fg_color: $dark_fg_color;
// widget styles // widget styles
$roundness: 2px; $roundness: 2px;
$spacing: 6px; $spacing: 5px;
$gradient: 0; $gradient: 0;
$contrast: .7; $contrast: .7;

View File

@ -96,7 +96,7 @@
.toolbar { .toolbar {
border-width: 0 0 1px; border-width: 0 0 1px;
border-style: solid; border-style: solid;
border-color: shade($toolbar_bg_color, 0.8); border-color: border_normal($toolbar_bg_color);
} }
.sidebar .frame { border: none; } .sidebar .frame { border: none; }
@ -106,7 +106,7 @@
border-style: solid; border-style: solid;
&, &:hover { &, &:hover {
border-color: shade($bg_color, 0.8); border-color: shade($bg_color, ($contrast + .10));
background-color: $bg_color; background-color: $bg_color;
} }
} }
@ -136,7 +136,7 @@
border-color: $toolbar_bg_color; border-color: $toolbar_bg_color;
background-color: shade($toolbar_bg_color, 0.9); background-color: shade($toolbar_bg_color, 0.9);
&:nth-child(2) { border-color: shade($toolbar_bg_color, 0.8); } &:nth-child(2) { border-color: border_normal($toolbar_bg_color); }
&.search-bar { &.search-bar {
border-top-width: 0; border-top-width: 0;
@ -146,7 +146,7 @@
&, &.search-bar { &, &.search-bar {
&:only-child { &:only-child {
border-bottom-width: 1px; border-bottom-width: 1px;
border-bottom-color: shade($toolbar_bg_color, 0.8); border-bottom-color: border_normal($toolbar_bg_color);
} }
} }
@ -165,7 +165,7 @@
border-style: solid; border-style: solid;
&, &:hover { &, &:hover {
border-color: shade($bg_color, 0.8); border-color: shade($bg_color, ($contrast + .10));
background-color: $bg_color; background-color: $bg_color;
} }
} }
@ -211,7 +211,7 @@
.gedit-document-panel-group-row { .gedit-document-panel-group-row {
&, &:hover { &, &:hover {
border-top: 1px solid shade($bg_color, 0.9); border-top: 1px solid shade($bg_color, ($contrast + .10));
background-color: $bg_color; background-color: $bg_color;
} }
} }
@ -220,10 +220,7 @@
&:hover { background-color: shade($bg_color, 1.05); } &:hover { background-color: shade($bg_color, 1.05); }
&:selected { &:selected {
&, &:hover { &, &:hover { @extend %selected; }
background-color: $selected_bg_color;
color: $selected_fg_color;
}
} }
} }
@ -239,7 +236,7 @@
transition: all 200ms ease-in; transition: all 200ms ease-in;
} }
GeditStatusbar { border-top: 1px solid shade($bg_color, 0.8); } GeditStatusbar { border-top: 1px solid border_normal($bg_color); }
GeditStatusbar GeditSmallButton, GeditStatusMenuButton { GeditStatusbar GeditSmallButton, GeditStatusMenuButton {
text-shadow: none; text-shadow: none;
@ -251,7 +248,7 @@
border-radius: 0; border-radius: 0;
padding: 1px 6px 2px 4px; padding: 1px 6px 2px 4px;
&:hover, &:active, &:active:hover { border-color: shade($bg_color, 0.8); } &:hover, &:active, &:active:hover { border-color: border_normal($bg_color); }
&:active { &:active {
background-color: shade($bg_color, 0.95); background-color: shade($bg_color, 0.95);
@ -265,7 +262,7 @@
border-radius: 0 0 $roundness $roundness; border-radius: 0 0 $roundness $roundness;
border-width: 0 1px 1px 1px; border-width: 0 1px 1px 1px;
border-style: solid; border-style: solid;
border-color: shade($base_color, 0.8); border-color: border_normal($base_color);
background-color: $base_color; background-color: $base_color;
.not-found { .not-found {
@ -273,10 +270,7 @@
background-image: none; background-image: none;
color: $error_fg_color; color: $error_fg_color;
&:selected { &:selected { @extend %selected; }
background-color: $selected_bg_color;
color: $selected_fg_color;
}
} }
} }
@ -315,10 +309,7 @@
background-color: $base_color; background-color: $base_color;
color: $text_color; color: $text_color;
&:focus, &:hover, &:active, &:selected { &:focus, &:hover, &:active, &:selected { @extend %selected; }
background-color: $selected_bg_color;
color: $selected_fg_color;
}
} }
} }

View File

@ -0,0 +1,36 @@
/********
! Nemo *
*********/
@include exports("nemo") {
.nemo-desktop.nemo-canvas-item {
color: white;
text-shadow: 1px 1px black;
&:active { color: $fg_color; }
&:selected { color: $selected_fg_color; }
&:active, &:prelight, &:selected { text-shadow: none; }
}
NemoPathbarButton {
@include button($toolbar_bg_color, $toolbar_fg_color);
-NemoPathbarButton-border-radius: $roundness;
}
NemoPlacesTreeView {
-NemoPlacesTreeView-disk-full-bg-color: shade($toolbar_bg_color, 0.8);
-NemoPlacesTreeView-disk-full-fg-color: $selected_bg_color;
-NemoPlacesTreeView-disk-full-bar-width: 1px;
-NemoPlacesTreeView-disk-full-bar-radius: 1px;
-NemoPlacesTreeView-disk-full-bottom-padding: 2px;
-NemoPlacesTreeView-disk-full-max-length: 70px;
&:selected {
-NemoPlacesTreeView-disk-full-bg-color: $selected_fg_color;
-NemoPlacesTreeView-disk-full-fg-color: shade($selected_bg_color, 1.2);
}
}
}

View File

@ -0,0 +1,15 @@
/************
! Synaptic *
*************/
@include exports("synaptic") {
GtkWindow > GtkVBox > .dock {
&, > GtkHBox > GtkToolbar {
@include linear-gradient($toolbar-bg-color);
padding: $spacing;
border: none;
color: $toolbar_fg_color;
}
}
}

View File

@ -2,6 +2,7 @@
@import "global"; @import "global";
@import "colors"; @import "colors";
@import "widgets/base"; @import "widgets/base";
@import "widgets/button"; @import "widgets/button";
@import "widgets/entry"; @import "widgets/entry";
@ -23,6 +24,11 @@
@import "widgets/window"; @import "widgets/window";
@import "apps/gnome-applications";
@import "apps/nemo";
@import "apps/synaptic";
/************** /**************
* action-bar * * action-bar *
**************/ **************/

View File

@ -48,7 +48,7 @@
! Base states ! Base states
*************/ *************/
%selected_items { %selected {
&, &:focus { &, &:focus {
background-color: $selected_bg_color; background-color: $selected_bg_color;
color: $selected_fg_color; color: $selected_fg_color;
@ -56,7 +56,7 @@
} }
* { * {
&:selected { @extend %selected_items; } &:selected { @extend %selected; }
&:insensitive, &:insensitive,
&:insensitive:insensitive { color: mix($fg_color, $bg_color, 0.50); } &:insensitive:insensitive { color: mix($fg_color, $bg_color, 0.50); }
@ -103,7 +103,7 @@
color: mix($fg_color, $bg_color, 0.50); color: mix($fg_color, $bg_color, 0.50);
} }
&:selected { @extend %selected_items; } &:selected { @extend %selected; }
} }
GtkImage, GtkLabel, GtkBox, GtkGrid { GtkImage, GtkLabel, GtkBox, GtkGrid {
@ -117,7 +117,7 @@ GtkLabel {
@extend .dim-label; @extend .dim-label;
} }
&:selected { @extend %selected_items; } &:selected { @extend %selected; }
&:insensitive { color: mix($fg_color, $bg_color, 0.50); } &:insensitive { color: mix($fg_color, $bg_color, 0.50); }
} }

View File

@ -19,5 +19,11 @@
&.highlight { color: $selected_bg_color; } &.highlight { color: $selected_bg_color; }
} }
/* gnome-calendar */
.calendar-view {
background-color: $base_color;
color: $text_color;
}
} }

View File

@ -37,7 +37,7 @@
border-radius: $roundness; border-radius: $roundness;
&:selected { &:selected {
@extend %selected_items; @extend %selected;
outline-offset: -2px; outline-offset: -2px;
} }

View File

@ -12,7 +12,7 @@
color: mix($text_color, $base_color, 0.5); color: mix($text_color, $base_color, 0.5);
} }
&:selected, &:selected:focus { @extend %selected_items; } &:selected, &:selected:focus { @extend %selected; }
} }
.cell { .cell {