mirror of
https://github.com/encounter/numix-blue-gtk-theme.git
synced 2026-07-10 12:18:49 -07:00
Add support (beta) for gtk 3.20.
This commit is contained in:
Dustin Falgout
@@ -0,0 +1,132 @@
|
||||
/*********
|
||||
! Gedit *
|
||||
**********/
|
||||
|
||||
@include exports("gedit") {
|
||||
GeditWindow .pane-separator {
|
||||
border-width: 0 1px 0 0;
|
||||
border-style: solid;
|
||||
|
||||
&, &:hover {
|
||||
border-color: shade($bg_color, ($contrast + .1));
|
||||
background-color: $bg_color;
|
||||
}
|
||||
}
|
||||
|
||||
.gedit-document-panel {
|
||||
background-color: $bg_color;
|
||||
color: mix($fg_color, $bg_color, .1);
|
||||
|
||||
list row {
|
||||
padding: $spacing;
|
||||
|
||||
button {
|
||||
padding: 1px;
|
||||
border-radius: $roundness;
|
||||
border-style: solid;
|
||||
border-color: transparent;
|
||||
border-width: 1px;
|
||||
background-color: transparent;
|
||||
background-image: none;
|
||||
color: transparent;
|
||||
-gtk-icon-shadow: none;
|
||||
}
|
||||
}
|
||||
|
||||
.prelight-row button {
|
||||
border-color: alpha($black, .1);
|
||||
color: alpha($white, .8);
|
||||
|
||||
&:active {
|
||||
border-color: alpha($black, .2);
|
||||
background-color: alpha($black, .08);
|
||||
color: $white;
|
||||
}
|
||||
}
|
||||
|
||||
list row, .prelight-row {
|
||||
button:hover {
|
||||
border-color: alpha($black, .1);
|
||||
color: $white;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.gedit-document-panel-group-row {
|
||||
&, &:hover {
|
||||
border-top: 1px solid shade($bg_color, ($contrast + .1));
|
||||
background-color: $bg_color;
|
||||
}
|
||||
}
|
||||
|
||||
.gedit-document-panel-document-row {
|
||||
&:hover { background-color: shade($bg_color, 1.05); }
|
||||
|
||||
&:selected {
|
||||
&, &:hover { @extend %selected; }
|
||||
}
|
||||
}
|
||||
|
||||
.gedit-document-panel-dragged-row {
|
||||
border: 1px solid alpha($black, .1);
|
||||
background-color: alpha($black, .5);
|
||||
color: $white;
|
||||
}
|
||||
|
||||
.gedit-document-panel-placeholder-row {
|
||||
border: 0;
|
||||
background-color: alpha($black, .08);
|
||||
transition: all 200ms ease-in;
|
||||
}
|
||||
|
||||
statusbar { border-top: 1px solid border_normal($bg_color); }
|
||||
|
||||
statusbar GeditSmallButton, GeditStatusMenuButton {
|
||||
text-shadow: none;
|
||||
|
||||
button {
|
||||
border-style: solid;
|
||||
border-width: 0 1px;
|
||||
border-color: transparent;
|
||||
border-radius: 0;
|
||||
padding: 1px 6px 2px 4px;
|
||||
|
||||
&:hover, &:active, &:active:hover { border-color: border_normal($bg_color); }
|
||||
|
||||
&:active {
|
||||
background-color: shade($bg_color, .95);
|
||||
color: $fg_color;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
GeditViewFrame .gedit-search-slider {
|
||||
padding: $spacing;
|
||||
border-radius: 0 0 $roundness $roundness;
|
||||
border-width: 0 1px 1px;
|
||||
border-style: solid;
|
||||
border-color: border_normal($base_color);
|
||||
background-color: $base_color;
|
||||
|
||||
.not-found {
|
||||
background-color: $error_bg_color;
|
||||
background-image: none;
|
||||
color: $error_fg_color;
|
||||
|
||||
&:selected { @extend %selected; }
|
||||
}
|
||||
}
|
||||
|
||||
GeditFileBrowserWidget .toolbar {
|
||||
padding: $spacing / 2;
|
||||
border-top: 0;
|
||||
background-color: $bg_color;
|
||||
background-image: none;
|
||||
}
|
||||
|
||||
.gedit-search-entry-occurrences-tag {
|
||||
margin: $spacing / 2;
|
||||
padding: $spacing / 2;
|
||||
color: mix($text_color, $base_color, .5);
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,57 @@
|
||||
/**********************
|
||||
! Genome Terminal *
|
||||
***********************/
|
||||
|
||||
@include exports("gnome-terminal") {
|
||||
//noinspection ScssLintInspection,ScssLintInspection
|
||||
VteTerminal {
|
||||
background-color: $osd_base;
|
||||
color: $osd_fg;
|
||||
}
|
||||
TerminalWindow {
|
||||
.scrollbars-junction {
|
||||
background-color: $osd_base;
|
||||
}
|
||||
scrollbar {
|
||||
trough {
|
||||
background-color: $osd_base;
|
||||
}
|
||||
button {
|
||||
color: shade($osd_base, 0.6);
|
||||
&:active {
|
||||
color: shade($osd_base, 0.6);
|
||||
&:hover {
|
||||
color: shade($osd_base, 0.6);
|
||||
}
|
||||
}
|
||||
}
|
||||
& slider {
|
||||
border-color: mix(shade($osd_base, 0.87), $osd_fg, 0.21);
|
||||
background-color: mix($osd_base, $osd_fg, 0.21);
|
||||
&:hover {
|
||||
border-color: mix(shade($osd_base, 0.87), $osd_fg, 0.31);
|
||||
background-color: mix($osd_base, $osd_fg, 0.31);
|
||||
}
|
||||
&.vertical {
|
||||
&:hover {
|
||||
border-color: mix(shade($osd_base, 0.87), $osd_fg, 0.31);
|
||||
background-color: mix($osd_base, $osd_fg, 0.31);
|
||||
}
|
||||
&:active {
|
||||
border-color: shade($selected_bg_color, 0.9);
|
||||
background-color: $selected_bg_color;
|
||||
}
|
||||
}
|
||||
&:active {
|
||||
border-color: shade($selected_bg_color, 0.9);
|
||||
background-color: $selected_bg_color;
|
||||
}
|
||||
}
|
||||
}
|
||||
GtkNotebook.notebook {
|
||||
border-right-width: 0;
|
||||
border-bottom-width: 0;
|
||||
border-left-width: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,193 @@
|
||||
/***********************
|
||||
! LightDM GTK Greeter *
|
||||
***********************/
|
||||
|
||||
@include exports("lightdm") {
|
||||
#panel_window {
|
||||
background-color: transparent;
|
||||
background-image: none;
|
||||
color: $white;
|
||||
font: bold;
|
||||
text-shadow: 0 1px alpha($black, .5);
|
||||
-gtk-icon-shadow: 0 1px alpha($black, .5);
|
||||
|
||||
.menubar {
|
||||
&, > .menuitem {
|
||||
background-color: transparent;
|
||||
background-image: none;
|
||||
color: $white;
|
||||
font: bold;
|
||||
text-shadow: 0 1px alpha($black, .5);
|
||||
-gtk-icon-shadow: 0 1px alpha($black, .5);
|
||||
|
||||
*:hover { color: $white; }
|
||||
|
||||
&:hover {
|
||||
border-style: none;
|
||||
background-color: alpha($white, .2);
|
||||
background-image: none;
|
||||
color: $white;
|
||||
}
|
||||
|
||||
&:disabled { color: alpha($white, .7); }
|
||||
|
||||
.menu {
|
||||
border-radius: 1px;
|
||||
|
||||
.menuitem {
|
||||
font: normal;
|
||||
text-shadow: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#content_frame { padding-bottom: 14px; }
|
||||
|
||||
#login_window, #shutdown_dialog, #restart_dialog {
|
||||
border-style: none;
|
||||
border-radius: $roundness;
|
||||
background-color: $lightdm_bg_color;
|
||||
color: $lightdm_fg_color;
|
||||
|
||||
/* draw border using box-shadow */
|
||||
box-shadow: inset 1px 0 mix(shade($lightdm_bg_color, .7), $lightdm_fg_color, .21),
|
||||
inset -1px 0 mix(shade($lightdm_bg_color, .7), $lightdm_fg_color, .21),
|
||||
inset 0 1px mix(shade($lightdm_bg_color, .7), $lightdm_fg_color, .21),
|
||||
inset 0 -1px mix(shade($lightdm_bg_color, .7), $lightdm_fg_color, .21);
|
||||
|
||||
.button {
|
||||
padding: 3px 15px;
|
||||
border-width: 1px;
|
||||
border-radius: $roundness;
|
||||
border-style: solid;
|
||||
border-color: shade($lightdm_bg_color, .8);
|
||||
background-color: shade($lightdm_bg_color, 1.08);
|
||||
background-image: none;
|
||||
color: $lightdm_fg_color;
|
||||
transition: all 150ms ease-out;
|
||||
|
||||
&.default, &:focus, &:active:focus {
|
||||
border-color: shade($selected_bg_color, .8);
|
||||
background-color: shade($selected_bg_color, 1.08);
|
||||
background-image: none;
|
||||
color: $selected_fg_color;
|
||||
|
||||
&:hover {
|
||||
border-color: shade($selected_bg_color, .7);
|
||||
background-color: $selected_bg_color;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
#login_window {
|
||||
.menu { border-radius: 1px; }
|
||||
|
||||
GtkComboBox .button {
|
||||
&, &:hover, &:active, &:active:hover,
|
||||
&:focus, &:hover:focus, &:active:focus, &:active:hover:focus {
|
||||
padding: 0;
|
||||
background: none;
|
||||
border-style: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
}
|
||||
|
||||
.entry {
|
||||
padding: 3px 5px;
|
||||
border-width: 1px;
|
||||
border-style: solid;
|
||||
border-color: shade($lightdm_bg_color, .8);
|
||||
border-radius: $roundness;
|
||||
background-color: shade($lightdm_bg_color, .9);
|
||||
background-image: none;
|
||||
color: $lightdm_fg_color;
|
||||
box-shadow: none;
|
||||
transition: all 150ms ease-out;
|
||||
|
||||
&:focus, &:hover {
|
||||
border-color: shade($lightdm_bg_color, .7);
|
||||
|
||||
box-shadow: inset 1px 0 alpha($dark_shadow, .1),
|
||||
inset 0 1px alpha($dark_shadow, .12),
|
||||
inset -1px 0 alpha($dark_shadow, .1),
|
||||
inset 0 -1px alpha($dark_shadow, .05);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#user_combobox {
|
||||
color: $lightdm_fg_color;
|
||||
font: 18px;
|
||||
|
||||
.menu { font: normal; }
|
||||
|
||||
.arrow { color: mix($lightdm_fg_color, $lightdm_bg_color, .5); }
|
||||
}
|
||||
|
||||
#user_image {
|
||||
padding: 3px;
|
||||
border-radius: $roundness;
|
||||
|
||||
/* draw border using box-shadow */
|
||||
box-shadow: inset 1px 0 shade($lightdm_bg_color, .7),
|
||||
inset -1px 0 shade($lightdm_bg_color, .7),
|
||||
inset 0 1px shade($lightdm_bg_color, .7),
|
||||
inset 0 -1px shade($lightdm_bg_color, .7);
|
||||
}
|
||||
|
||||
#user_image_border {
|
||||
border-radius: $roundness;
|
||||
background-color: shade($lightdm_bg_color, .9);
|
||||
background-image: none;
|
||||
box-shadow: inset 1px 0 alpha($dark_shadow, .07),
|
||||
inset 0 1px alpha($dark_shadow, .08),
|
||||
inset -1px 0 alpha($dark_shadow, .07),
|
||||
inset 0 -1px alpha($dark_shadow, .05);
|
||||
}
|
||||
|
||||
#buttonbox_frame {
|
||||
padding-top: 10px;
|
||||
padding-bottom: 0;
|
||||
border-style: none;
|
||||
border-bottom-left-radius: $roundness;
|
||||
border-bottom-right-radius: $roundness;
|
||||
background-color: transparent;
|
||||
background-image: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* shutdown button */
|
||||
#shutdown_button {
|
||||
border-color: shade($error_bg_color, .8);
|
||||
background-color: shade($error_bg_color, 1.08);
|
||||
background-image: none;
|
||||
color: $error_fg_color;
|
||||
|
||||
&:hover, &:active, &:active:hover {
|
||||
border-color: shade($error_bg_color, .7);
|
||||
background-color: $error_bg_color;
|
||||
}
|
||||
}
|
||||
|
||||
/* restart button */
|
||||
#restart_button {
|
||||
border-color: shade($warning_bg_color, .8);
|
||||
background-color: shade($warning_bg_color, 1.08);
|
||||
background-image: none;
|
||||
color: $warning_fg_color;
|
||||
|
||||
&:hover, &:active, &:active:hover {
|
||||
border-color: shade($warning_bg_color, .7);
|
||||
background-color: $warning_bg_color;
|
||||
}
|
||||
}
|
||||
|
||||
/* password warning */
|
||||
#greeter_infobar { font: bold; }
|
||||
}
|
||||
@@ -0,0 +1,70 @@
|
||||
/************
|
||||
! Nautilus *
|
||||
*************/
|
||||
|
||||
@include exports("nautilus") {
|
||||
.nautilus-desktop * {
|
||||
color: $white;
|
||||
text-shadow: 1px 1px $black;
|
||||
|
||||
&:active { color: $fg_color; }
|
||||
|
||||
&:selected { color: $selected_fg_color; }
|
||||
|
||||
&:active, &:hover, &:selected { text-shadow: none; }
|
||||
}
|
||||
|
||||
.nautilus-window {
|
||||
toolbar {
|
||||
border-width: 0 0 1px;
|
||||
border-style: solid;
|
||||
border-color: border_normal($toolbar_bg_color);
|
||||
}
|
||||
|
||||
.sidebar {
|
||||
border: none;
|
||||
frame { border: 0; }
|
||||
}
|
||||
|
||||
paned {
|
||||
border-width: 0 1px 0 0;
|
||||
border-style: solid;
|
||||
|
||||
&, &:hover {
|
||||
border-color: shade($bg_color, ($contrast + .1));
|
||||
background-color: $bg_color;
|
||||
}
|
||||
}
|
||||
|
||||
notebook {
|
||||
border: none;
|
||||
frame { border: 0; }
|
||||
}
|
||||
}
|
||||
|
||||
NautilusQueryEditor {
|
||||
toolbar {
|
||||
padding-top: $spacing - 1px;
|
||||
padding-bottom: $spacing - 2px;
|
||||
border-width: 1px 0 0;
|
||||
border-style: solid;
|
||||
border-color: $toolbar_bg_color;
|
||||
background-color: shade($toolbar_bg_color, .9);
|
||||
|
||||
&:nth-child(2) { border-color: border_normal($toolbar_bg_color); }
|
||||
|
||||
&.search-bar {
|
||||
border-top-width: 0;
|
||||
border-bottom-width: 0;
|
||||
}
|
||||
|
||||
&, &.search-bar {
|
||||
&:last-child, &:only-child {
|
||||
border-bottom-width: 1px;
|
||||
border-bottom-color: border_normal($toolbar_bg_color);
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,153 @@
|
||||
/********
|
||||
! Nemo *
|
||||
*********/
|
||||
|
||||
@include exports("nemo") {
|
||||
.nemo-desktop, .nemo-desktop * {
|
||||
color: $white;
|
||||
text-shadow: 1px 1px $black;
|
||||
background: transparent;
|
||||
border: none;
|
||||
|
||||
&:active {
|
||||
color: $fg_color;
|
||||
}
|
||||
|
||||
&:selected {
|
||||
color: $selected_fg_color;
|
||||
}
|
||||
|
||||
&:active, &:hover, &:selected {
|
||||
text-shadow: none;
|
||||
}
|
||||
}
|
||||
|
||||
.nemo-pathbar {
|
||||
@include button($toolbar_bg_color, $toolbar_fg_color);
|
||||
-NemoPathbarButton-border-radius: $roundness;
|
||||
}
|
||||
|
||||
.nemo-window {
|
||||
toolbar {
|
||||
border-width: 0 0 1px;
|
||||
border-style: solid;
|
||||
border-color: border_normal($toolbar_bg_color);
|
||||
}
|
||||
|
||||
> grid widget:last-child {
|
||||
border-top-style: solid;
|
||||
border-top-color: border_normal($toolbar_bg_color);
|
||||
border-top-width: 1px;
|
||||
}
|
||||
|
||||
menubar menuitem {
|
||||
margin: 0px;
|
||||
}
|
||||
|
||||
.sidebar .view {
|
||||
-NemoPlacesTreeView-disk-full-bg-color: shade($toolbar_bg_color, .8);
|
||||
-NemoPlacesTreeView-disk-full-fg-color: $selected_bg_color;
|
||||
-NemoPlacesTreeView-disk-full-bar-width: 2px;
|
||||
-NemoPlacesTreeView-disk-full-bar-radius: 1px;
|
||||
-NemoPlacesTreeView-disk-full-bottom-padding: 0px;
|
||||
-NemoPlacesTreeView-disk-full-max-length: 75px;
|
||||
|
||||
&:selected {
|
||||
-NemoPlacesTreeView-disk-full-bg-color: $selected_fg_color;
|
||||
-NemoPlacesTreeView-disk-full-fg-color: shade($selected_bg_color, 1.2);
|
||||
}
|
||||
}
|
||||
|
||||
.sidebar frame {
|
||||
border: 0;
|
||||
}
|
||||
|
||||
statusbar {
|
||||
border: none;
|
||||
}
|
||||
|
||||
.sidebar image {
|
||||
padding-left: $spacing;
|
||||
padding-right: $spacing;
|
||||
}
|
||||
|
||||
paned {
|
||||
border-width: 0 1px 0 0;
|
||||
border-style: solid;
|
||||
|
||||
&, &:hover {
|
||||
border-color: shade($bg_color, ($contrast + .1));
|
||||
background-color: $bg_color;
|
||||
}
|
||||
}
|
||||
|
||||
notebook {
|
||||
border-width: 0;
|
||||
|
||||
tabs {
|
||||
border: 0;
|
||||
}
|
||||
}
|
||||
|
||||
toolbar {
|
||||
button {
|
||||
@include button($bg_color, $fg_color);
|
||||
}
|
||||
|
||||
button.linked, .linked .button {
|
||||
@include linked_button($bg_color);
|
||||
}
|
||||
|
||||
combobox button {
|
||||
padding: $spacing - 1px;
|
||||
|
||||
&.text-button {
|
||||
padding: $spacing;
|
||||
}
|
||||
|
||||
&.image-button {
|
||||
padding: ($spacing + 1px) ($spacing - 1px) ($spacing + 1px) $spacing;
|
||||
}
|
||||
}
|
||||
|
||||
separator, separator:disabled {
|
||||
color: shade($bg_color, ($contrast + .1));
|
||||
border-color: currentColor;
|
||||
-GtkWidget-window-dragging: true;
|
||||
}
|
||||
|
||||
&.primary-toolbar button {
|
||||
padding: 5px 8px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
NemoQueryEditor {
|
||||
toolbar {
|
||||
padding-top: $spacing - 3px;
|
||||
padding-bottom: $spacing - 4px;
|
||||
border-width: 1px 0 0;
|
||||
border-style: solid;
|
||||
border-color: $toolbar_bg_color;
|
||||
background-color: shade($toolbar_bg_color, .9);
|
||||
|
||||
&:nth-child(2) {
|
||||
border-color: border_normal($toolbar_bg_color);
|
||||
}
|
||||
|
||||
&.search-bar {
|
||||
border-top-width: 0;
|
||||
border-bottom-width: 0;
|
||||
}
|
||||
|
||||
&, &.search-bar {
|
||||
&:last-child, &:only-child {
|
||||
border-bottom-width: 1px;
|
||||
border-bottom-color: border_normal($toolbar_bg_color);
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
@@ -0,0 +1,80 @@
|
||||
/***********************
|
||||
! Fallback mode panel *
|
||||
************************/
|
||||
|
||||
@include exports("panel") {
|
||||
%panel {
|
||||
@include linear-gradient($panel_bg_color);
|
||||
|
||||
color: $panel_fg_color;
|
||||
}
|
||||
|
||||
%panelbutton {
|
||||
border-width: 0 1px;
|
||||
border-radius: 0;
|
||||
border-color: transparent;
|
||||
background-color: transparent;
|
||||
background-image: none;
|
||||
color: $panel_fg_color;
|
||||
|
||||
&:hover, &:hover {
|
||||
@include linear-gradient(mix($panel_bg_color, $panel_fg_color, .11));
|
||||
|
||||
border-color: mix($panel_bg_color, $panel_fg_color, .11);
|
||||
color: shade($panel_fg_color, 1.08);
|
||||
}
|
||||
|
||||
&:active, &:checked {
|
||||
@include linear-gradient(mix($panel_bg_color, $panel_fg_color, .21), to top);
|
||||
|
||||
border-color: mix($panel_bg_color, $panel_fg_color, .21);
|
||||
color: shade($panel_fg_color, 1.08);
|
||||
|
||||
&:hover {
|
||||
@include linear-gradient(mix($panel_bg_color, $panel_fg_color, .31), to top);
|
||||
|
||||
border-color: mix($panel_bg_color, $panel_fg_color, .31);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
PanelWidget, PanelApplet, PanelToplevel {
|
||||
@extend %panel;
|
||||
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
PanelApplet {
|
||||
border: 0;
|
||||
|
||||
.button {
|
||||
@extend %panelbutton;
|
||||
|
||||
-GtkButton-inner-border: 2;
|
||||
}
|
||||
}
|
||||
|
||||
PanelSeparator {
|
||||
@extend %panel;
|
||||
|
||||
border: 0;
|
||||
}
|
||||
|
||||
PanelApplet > GtkMenuBar.menubar, PanelMenuBar.menubar, .gnome-panel-menu-bar {
|
||||
&.menuitem {
|
||||
@extend %panel;
|
||||
|
||||
border: 0;
|
||||
|
||||
-PanelMenuBar-icon-visible: true;
|
||||
}
|
||||
}
|
||||
|
||||
PanelAppletFrame {
|
||||
@extend %panel;
|
||||
|
||||
border: 0;
|
||||
}
|
||||
|
||||
WnckPager, WnckTasklist { @extend %panel; }
|
||||
}
|
||||
@@ -0,0 +1,15 @@
|
||||
/************
|
||||
! Synaptic *
|
||||
*************/
|
||||
|
||||
@include exports("synaptic") {
|
||||
GtkWindow > GtkVBox > .dock {
|
||||
&, > GtkHBox > GtkToolbar {
|
||||
@include linear-gradient($toolbar-bg-color);
|
||||
|
||||
padding: $spacing;
|
||||
border: 0;
|
||||
color: $toolbar_fg_color;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,116 @@
|
||||
/***********************
|
||||
! Unity Greeter *
|
||||
***********************/
|
||||
|
||||
@include exports("unity-greeter") {
|
||||
|
||||
|
||||
.lightdm.menu {
|
||||
background-image: none;
|
||||
background-color: fade-out($black, .4);
|
||||
border-color: fade-out($white, .8);
|
||||
border-radius: 4px;
|
||||
padding: 1px;
|
||||
|
||||
color: $white;
|
||||
}
|
||||
|
||||
.lightdm-combo .menu {
|
||||
background-color: shade($dark_bg_color, 1.08);
|
||||
border-radius: 0;
|
||||
padding: 0;
|
||||
color: $white;
|
||||
}
|
||||
|
||||
.lightdm.menu .menuitem *,
|
||||
.lightdm.menu .menuitem.check:active,
|
||||
.lightdm.menu .menuitem.radio:active {
|
||||
color: $white;
|
||||
}
|
||||
|
||||
.lightdm.menubar *,
|
||||
.lightdm.menubar .menuitem {
|
||||
padding: 2px;
|
||||
}
|
||||
|
||||
.lightdm-combo.combobox-entry .button,
|
||||
.lightdm-combo .cell,
|
||||
.lightdm-combo .button,
|
||||
.lightdm-combo .entry,
|
||||
|
||||
.lightdm.button{
|
||||
background-image: none;
|
||||
background-color: fade-out($black, .7);
|
||||
border-color: fade-out($white, .1);
|
||||
border-radius: 5px;
|
||||
padding: 5px;
|
||||
color: $white;
|
||||
}
|
||||
.lightdm.button:hover {
|
||||
background-image: none;
|
||||
background-color: fade-out($white, .7);
|
||||
border-color: fade-out($white, .4);
|
||||
border-radius: 5px;
|
||||
padding: 5px;
|
||||
color: $white;
|
||||
text-shadow: none;
|
||||
}
|
||||
.lightdm.button:active,
|
||||
.lightdm.button:active:focus,
|
||||
.lightdm.button:focus,
|
||||
|
||||
.lightdm.entry {
|
||||
background-image: none;
|
||||
background-color: fade-out($black, .7);
|
||||
border-color: fade-out($white, .4);
|
||||
border-radius: 5px;
|
||||
padding: 7px;
|
||||
color: $white;
|
||||
text-shadow: none;
|
||||
}
|
||||
.lightdm.entry:hover,
|
||||
.lightdm.entry:active,
|
||||
.lightdm.entry:active:focus {
|
||||
background-image: none;
|
||||
border-image: none;
|
||||
}
|
||||
.lightdm.entry:focus {
|
||||
border-color: fade-out($white, .4);
|
||||
border-width: 1px;
|
||||
border-style: solid;
|
||||
color: $white;
|
||||
}
|
||||
.lightdm.entry:selected {
|
||||
background-color: fade-out($white, .8);
|
||||
}
|
||||
|
||||
@keyframes dashentry_spinner {
|
||||
to { -gtk-icon-transform: rotate(1turn); }
|
||||
}
|
||||
|
||||
.lightdm.entry:active {
|
||||
-gtk-icon-source: -gtk-icontheme("process-working-symbolic");
|
||||
animation: dashentry_spinner 1s infinite linear;
|
||||
}
|
||||
|
||||
.lightdm.option-button {
|
||||
padding: 5px;
|
||||
background: none;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
.lightdm.toggle-button {
|
||||
background: none;
|
||||
border-width: 0;
|
||||
}
|
||||
.lightdm.toggle-button.selected:hover {
|
||||
background-color: fade-out($white, .7);
|
||||
border-color: fade-out($white, .7);
|
||||
border-width: 1px;
|
||||
}
|
||||
.lightdm.toggle-button.selected {
|
||||
background-color: fade-out($black, .7);
|
||||
border-color: fade-out($white, .7);
|
||||
border-width: 1px;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,70 @@
|
||||
@import "panel";
|
||||
|
||||
/****************
|
||||
! Unity styles *
|
||||
*****************/
|
||||
|
||||
@include exports("unity") {
|
||||
UnityDecoration {
|
||||
-UnityDecoration-extents: 28px 1px 1px 1px;
|
||||
-UnityDecoration-input-extents: 10px;
|
||||
|
||||
-UnityDecoration-shadow-offset-x: 1px;
|
||||
-UnityDecoration-shadow-offset-y: 1px;
|
||||
-UnityDecoration-active-shadow-color: rgba(0, 0, 0, .7);
|
||||
-UnityDecoration-active-shadow-radius: 8px;
|
||||
-UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, .5);
|
||||
-UnityDecoration-inactive-shadow-radius: 5px;
|
||||
|
||||
-UnityDecoration-glow-size: 10px;
|
||||
-UnityDecoration-glow-color: $selected_bg_color;
|
||||
|
||||
-UnityDecoration-title-indent: 10px;
|
||||
-UnityDecoration-title-fade: 35px;
|
||||
-UnityDecoration-title-alignment: 0;
|
||||
|
||||
|
||||
&.top {
|
||||
border: 1px solid $wm_border_focused;
|
||||
border-bottom: 0;
|
||||
border-radius: 2px 2px 0 0;
|
||||
padding: 1px ($spacing * 2) 0;
|
||||
background-color: $titlebar_bg_color;
|
||||
color: mix($titlebar_fg_color, $titlebar_bg_color, .1);
|
||||
text-shadow: none;
|
||||
|
||||
&:backdrop {
|
||||
border: 1px solid $wm_border_unfocused;
|
||||
color: mix($titlebar_fg_color, $titlebar_bg_color, .4);
|
||||
}
|
||||
}
|
||||
|
||||
&.left, &.right, &.bottom {
|
||||
background-color: $wm_border_focused;
|
||||
|
||||
&:backdrop { background-color: $wm_border_unfocused; }
|
||||
}
|
||||
}
|
||||
|
||||
UnityPanelWidget, .unity-panel {
|
||||
@extend %panel;
|
||||
|
||||
border: 0;
|
||||
}
|
||||
|
||||
.unity-panel {
|
||||
&.menuitem, .menuitem {
|
||||
border-width: 0 1px;
|
||||
color: $panel_fg_color;
|
||||
|
||||
&:hover, *:hover {
|
||||
border-color: mix($panel_bg_color, $panel_fg_color, .21);
|
||||
background-color: mix($panel_bg_color, $panel_fg_color, .21);
|
||||
background-image: none;
|
||||
color: shade($panel_fg_color, 1.08);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
SheetStyleDialog.unity-force-quit { background-color: $bg_color; }
|
||||
}
|
||||
@@ -0,0 +1,26 @@
|
||||
@import "panel";
|
||||
|
||||
/***************
|
||||
! Xfce styles *
|
||||
****************/
|
||||
|
||||
@include exports("xfce") {
|
||||
XfceHeading {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
background-image: none;
|
||||
background-color: $base_color;
|
||||
color: $text_color;
|
||||
}
|
||||
|
||||
.xfce4-panel {
|
||||
@extend %panel;
|
||||
|
||||
font: normal;
|
||||
|
||||
.button { @extend %panelbutton; }
|
||||
|
||||
.menu { -gtk-icon-effect: none; }
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user