Style more widgets
parent
4f7284529c
commit
e42253e997
|
@ -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) {
|
||||
|
|
|
@ -53,6 +53,6 @@ $lightdm_fg_color: $dark_fg_color;
|
|||
|
||||
// widget styles
|
||||
$roundness: 2px;
|
||||
$spacing: 6px;
|
||||
$spacing: 5px;
|
||||
$gradient: 0;
|
||||
$contrast: .7;
|
||||
|
|
|
@ -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; }
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
@ -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);
|
||||
}
|
||||
}
|
||||
}
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
}
|
|
@ -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 *
|
||||
**************/
|
|
@ -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); }
|
||||
}
|
||||
|
|
|
@ -19,5 +19,11 @@
|
|||
|
||||
&.highlight { color: $selected_bg_color; }
|
||||
}
|
||||
|
||||
/* gnome-calendar */
|
||||
.calendar-view {
|
||||
background-color: $base_color;
|
||||
color: $text_color;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
@ -37,7 +37,7 @@
|
|||
border-radius: $roundness;
|
||||
|
||||
&:selected {
|
||||
@extend %selected_items;
|
||||
@extend %selected;
|
||||
|
||||
outline-offset: -2px;
|
||||
}
|
||||
|
|
|
@ -12,7 +12,7 @@
|
|||
color: mix($text_color, $base_color, 0.5);
|
||||
}
|
||||
|
||||
&:selected, &:selected:focus { @extend %selected_items; }
|
||||
&:selected, &:selected:focus { @extend %selected; }
|
||||
}
|
||||
|
||||
.cell {
|
||||
|
|
Loading…
Reference in New Issue