Style more widgets
parent
4f7284529c
commit
e42253e997
|
@ -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) {
|
||||||
|
|
|
@ -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;
|
||||||
|
|
|
@ -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;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -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 "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 *
|
||||||
**************/
|
**************/
|
|
@ -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); }
|
||||||
}
|
}
|
||||||
|
|
|
@ -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;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -37,7 +37,7 @@
|
||||||
border-radius: $roundness;
|
border-radius: $roundness;
|
||||||
|
|
||||||
&:selected {
|
&:selected {
|
||||||
@extend %selected_items;
|
@extend %selected;
|
||||||
|
|
||||||
outline-offset: -2px;
|
outline-offset: -2px;
|
||||||
}
|
}
|
||||||
|
|
|
@ -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 {
|
||||||
|
|
Loading…
Reference in New Issue