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) {
@return shade($color, ($contrast + .1));
@return shade($color, ($contrast + .10));
}
@mixin linear-gradient($color, $direction: to bottom) {

View File

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

View File

@ -96,7 +96,7 @@
.toolbar {
border-width: 0 0 1px;
border-style: solid;
border-color: shade($toolbar_bg_color, 0.8);
border-color: border_normal($toolbar_bg_color);
}
.sidebar .frame { border: none; }
@ -106,7 +106,7 @@
border-style: solid;
&, &:hover {
border-color: shade($bg_color, 0.8);
border-color: shade($bg_color, ($contrast + .10));
background-color: $bg_color;
}
}
@ -136,7 +136,7 @@
border-color: $toolbar_bg_color;
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 {
border-top-width: 0;
@ -146,7 +146,7 @@
&, &.search-bar {
&:only-child {
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;
&, &:hover {
border-color: shade($bg_color, 0.8);
border-color: shade($bg_color, ($contrast + .10));
background-color: $bg_color;
}
}
@ -211,7 +211,7 @@
.gedit-document-panel-group-row {
&, &:hover {
border-top: 1px solid shade($bg_color, 0.9);
border-top: 1px solid shade($bg_color, ($contrast + .10));
background-color: $bg_color;
}
}
@ -220,10 +220,7 @@
&:hover { background-color: shade($bg_color, 1.05); }
&:selected {
&, &:hover {
background-color: $selected_bg_color;
color: $selected_fg_color;
}
&, &:hover { @extend %selected; }
}
}
@ -239,7 +236,7 @@
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 {
text-shadow: none;
@ -251,7 +248,7 @@
border-radius: 0;
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 {
background-color: shade($bg_color, 0.95);
@ -265,7 +262,7 @@
border-radius: 0 0 $roundness $roundness;
border-width: 0 1px 1px 1px;
border-style: solid;
border-color: shade($base_color, 0.8);
border-color: border_normal($base_color);
background-color: $base_color;
.not-found {
@ -273,10 +270,7 @@
background-image: none;
color: $error_fg_color;
&:selected {
background-color: $selected_bg_color;
color: $selected_fg_color;
}
&:selected { @extend %selected; }
}
}
@ -315,10 +309,7 @@
background-color: $base_color;
color: $text_color;
&:focus, &:hover, &:active, &:selected {
background-color: $selected_bg_color;
color: $selected_fg_color;
}
&:focus, &:hover, &:active, &:selected { @extend %selected; }
}
}

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 "colors";
@import "widgets/base";
@import "widgets/button";
@import "widgets/entry";
@ -23,6 +24,11 @@
@import "widgets/window";
@import "apps/gnome-applications";
@import "apps/nemo";
@import "apps/synaptic";
/**************
* action-bar *
**************/

View File

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

View File

@ -19,5 +19,11 @@
&.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;
&:selected {
@extend %selected_items;
@extend %selected;
outline-offset: -2px;
}

View File

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