update
This commit is contained in:
Vince
parent
a1a3b823f1
commit
2054c97b45
@ -4,9 +4,5 @@ $variant: 'dark';
|
||||
@import '../../sass/colors';
|
||||
@import '../../sass/gtk/drawing';
|
||||
@import '../../sass/gtk/common-3.0';
|
||||
@import '../../sass/gtk/applications-3.0';
|
||||
@import '../../sass/gtk/unity';
|
||||
@import '../../sass/gtk/granite';
|
||||
@import '../../sass/gtk/lightdm';
|
||||
@import '../../sass/gtk/budgie.scss';
|
||||
@import '../../sass/gtk/apps-3.0';
|
||||
@import '../../sass/gtk/colors-public';
|
||||
|
||||
@ -4,9 +4,5 @@ $variant: 'light';
|
||||
@import '../../sass/colors';
|
||||
@import '../../sass/gtk/drawing';
|
||||
@import '../../sass/gtk/common-3.0';
|
||||
@import '../../sass/gtk/applications-3.0';
|
||||
@import '../../sass/gtk/unity';
|
||||
@import '../../sass/gtk/granite';
|
||||
@import '../../sass/gtk/lightdm';
|
||||
@import '../../sass/gtk/budgie.scss';
|
||||
@import '../../sass/gtk/apps-3.0';
|
||||
@import '../../sass/gtk/colors-public';
|
||||
|
||||
@ -4,9 +4,5 @@ $variant: 'dark';
|
||||
@import '../../sass/colors';
|
||||
@import '../../sass/gtk/drawing';
|
||||
@import '../../sass/gtk/common-4.0';
|
||||
@import '../../sass/gtk/applications-4.0';
|
||||
// @import '../../sass/gtk/unity';
|
||||
// @import '../../sass/gtk/granite';
|
||||
// @import '../../sass/gtk/lightdm';
|
||||
// @import '../../sass/gtk/budgie.scss';
|
||||
@import '../../sass/gtk/apps-4.0';
|
||||
@import '../../sass/gtk/colors-public';
|
||||
|
||||
@ -4,9 +4,5 @@ $variant: 'light';
|
||||
@import '../../sass/colors';
|
||||
@import '../../sass/gtk/drawing';
|
||||
@import '../../sass/gtk/common-4.0';
|
||||
@import '../../sass/gtk/applications-4.0';
|
||||
// @import '../../sass/gtk/unity';
|
||||
// @import '../../sass/gtk/granite';
|
||||
// @import '../../sass/gtk/lightdm';
|
||||
// @import '../../sass/gtk/budgie.scss';
|
||||
@import '../../sass/gtk/apps-4.0';
|
||||
@import '../../sass/gtk/colors-public';
|
||||
|
||||
33
src/sass/gtk/_apps-3.0.scss
Normal file
33
src/sass/gtk/_apps-3.0.scss
Normal file
@ -0,0 +1,33 @@
|
||||
%panel_button {
|
||||
color: $panel_fg;
|
||||
border-radius: $bt_radius;
|
||||
background: none;
|
||||
border: none;
|
||||
|
||||
&:hover {
|
||||
color: $panel_fg;
|
||||
background-color: rgba($panel_fg, 0.15);
|
||||
}
|
||||
|
||||
&:checked {
|
||||
color: $panel_fg;
|
||||
background-color: rgba($panel_fg, 0.25);
|
||||
label, image { color: inherit; }
|
||||
}
|
||||
|
||||
&:active {
|
||||
color: $panel_fg;
|
||||
background-color: rgba($panel_fg, 0.3);
|
||||
}
|
||||
}
|
||||
|
||||
@import 'apps/gnome-3.22';
|
||||
@import 'apps/misc';
|
||||
@import 'apps/mate';
|
||||
@import 'apps/budgie';
|
||||
@import 'apps/xfce';
|
||||
@import 'apps/nemo';
|
||||
@import 'apps/elementary';
|
||||
@import 'apps/lightdm';
|
||||
@import 'apps/granite';
|
||||
@import 'apps/unity';
|
||||
404
src/sass/gtk/apps/_elementary.scss
Normal file
404
src/sass/gtk/apps/_elementary.scss
Normal file
@ -0,0 +1,404 @@
|
||||
//
|
||||
// Elementary Apps
|
||||
//
|
||||
|
||||
// Wingpanel
|
||||
.menubar.panel {
|
||||
.panel {
|
||||
&, &.color-light, &.color-dark {
|
||||
background-color: transparent;
|
||||
background-image: image(rgba($panel_bg, 0.1));
|
||||
border-bottom: none;
|
||||
transition: all 100ms ease-in-out;
|
||||
color: $panel_fg;
|
||||
}
|
||||
|
||||
&.maximized {
|
||||
background-color: rgba($panel_bg, 0.2);
|
||||
background-image: none;
|
||||
border: none;
|
||||
}
|
||||
|
||||
&.translucent {
|
||||
background-color: rgba($panel_bg, 0.1);
|
||||
background-image: none;
|
||||
border: none;
|
||||
}
|
||||
|
||||
menubar {
|
||||
background: none;
|
||||
box-shadow: none;
|
||||
border: none;
|
||||
}
|
||||
}
|
||||
|
||||
popover {
|
||||
padding: 2px 4px;
|
||||
margin: 0 6px 15px 6px;
|
||||
border: 1px solid if($variant == 'light', rgba(black, 0.35), rgba(black, 0.45));
|
||||
box-shadow: 0 3px 5px rgba(black, 0.12), 0 5px 8px rgba(black, 0.08);
|
||||
|
||||
button {
|
||||
@include button(undecorated);
|
||||
&:hover { @include button(flat-hover); }
|
||||
&:active { @include button(flat-active); label { color: white; } }
|
||||
&:checked { @include button(flat-checked); label { color: white; } }
|
||||
&:disabled { @include button(flat-insensitive); }
|
||||
&, &:hover, &:active, &:checked, &:disabled { border-color: transparent; }
|
||||
}
|
||||
|
||||
.linked > button {
|
||||
@include button(normal);
|
||||
&:hover { @include button(hover); }
|
||||
&:active, &:checked { @include button(active); }
|
||||
&:disabled { @include button(insensitive); }
|
||||
}
|
||||
|
||||
list { background-color: transparent; }
|
||||
|
||||
separator.horizontal {
|
||||
margin: 0 -4px;
|
||||
}
|
||||
|
||||
separator.vertical {
|
||||
background: none;
|
||||
}
|
||||
|
||||
.sidebar {
|
||||
border-style: none;
|
||||
background: none;
|
||||
|
||||
.view {
|
||||
background: none;
|
||||
|
||||
&:hover {
|
||||
border-radius: $bt_radius;
|
||||
background-color: if($variant=='light', rgba(black, 0.1), rgba(white, 0.1));
|
||||
}
|
||||
|
||||
&:selected {
|
||||
&, &:focus, &:backdrop {
|
||||
text-shadow: none;
|
||||
transition: all 200ms $ease-out-quad;
|
||||
background-color: if($variant=='light', rgba(black, 0.65), rgba(white, 0.35));
|
||||
border-radius: $bt_radius;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.composited-indicator {
|
||||
padding: 0 6px;
|
||||
|
||||
> revealer label,
|
||||
> revealer image,
|
||||
> revealer spinner {
|
||||
color: $panel_fg;
|
||||
font-weight: normal;
|
||||
transition: all 200ms ease-in-out;
|
||||
text-shadow: none;
|
||||
-gtk-icon-shadow: none;
|
||||
}
|
||||
|
||||
> revealer image,
|
||||
> revealer spinner {
|
||||
padding: 3px 0;
|
||||
}
|
||||
|
||||
> revealer label {
|
||||
padding: 3px 6px;
|
||||
}
|
||||
|
||||
.keyboard {
|
||||
background-color: $panel_fg;
|
||||
border-radius: 2px;
|
||||
color: $panel_bg;
|
||||
padding: 0 3px;
|
||||
font-weight: normal;
|
||||
box-shadow: none;
|
||||
text-shadow: none;
|
||||
}
|
||||
}
|
||||
|
||||
// Popover switcher dots
|
||||
button.flat.toggle.switcher {
|
||||
&:hover, &:active, &:checked, &:selected {
|
||||
image {
|
||||
color: $selected_bg_color;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Calendar Popover
|
||||
.circular { // Calendar popover date button
|
||||
label:disabled { color: $disabled_fg_color; }
|
||||
|
||||
&.accent { // Today button
|
||||
color: $selected_fg_color;
|
||||
background-color: $selected_bg_color;
|
||||
}
|
||||
}
|
||||
|
||||
// Marlin / Pantheon Files
|
||||
MarlinViewWindow {
|
||||
*:selected, *:selected:focus {
|
||||
color: $selected_fg_color;
|
||||
background-color: $selected_bg_color;
|
||||
outline-color: transparent;
|
||||
}
|
||||
|
||||
GtkIconView.view:selected {
|
||||
&, &:focus, &:hover, &:focus:hover { background-color: transparent; }
|
||||
}
|
||||
|
||||
FMListView, FMColumnView { outline-color: transparent; }
|
||||
}
|
||||
|
||||
.marlin-pathbar.pathbar {
|
||||
padding-left: 4px;
|
||||
padding-right: 4px;
|
||||
|
||||
@include entry(header-normal);
|
||||
&:focus { @include entry(header-focus) }
|
||||
&:disabled { @include entry(header-insensitive) }
|
||||
}
|
||||
|
||||
window.background.csd {
|
||||
> paned.horizontal {
|
||||
> separator {
|
||||
&:dir(ltr) { margin-left: -1px; }
|
||||
&:dir(rtl) { margin-right: -1px; }
|
||||
}
|
||||
|
||||
> scrolledwindow {
|
||||
> viewport.frame {
|
||||
> box.vertical treeview.view {
|
||||
|
||||
border-right: 1px solid if($variant=='light', $solid_borders_color, $header_border);
|
||||
|
||||
&:not(:hover):not(:selected) {
|
||||
border-bottom-left-radius: $wm_radius;
|
||||
background: none;
|
||||
}
|
||||
|
||||
color: $dark_sidebar_fg;
|
||||
padding-top: 3px;
|
||||
padding-bottom: 3px;
|
||||
border-right: 1px solid $header_border;
|
||||
// @extend %view;
|
||||
|
||||
&:not(:selected):hover { background-color: if($variant == 'light', rgba(black, 0.05), rgba(white, 0.05)); }
|
||||
|
||||
&:selected, &:selected:hover, &:selected:focus {
|
||||
color: $fg_color;
|
||||
background-color: $sidebar_theme_color;
|
||||
&, label { color: $fg_color; }
|
||||
}
|
||||
|
||||
image {
|
||||
color: $dark_sidebar_fg;
|
||||
&:selected { color: $selected_fg_color; }
|
||||
&:disabled { color: rgba($dark_sidebar_fg, 0.45); }
|
||||
}
|
||||
|
||||
&.trough {
|
||||
color: $fg_color;
|
||||
background-color: $button_border;
|
||||
border-radius: $bt_radius;
|
||||
border-width: 0;
|
||||
|
||||
&:selected, &:selected:focus {
|
||||
color: $selected_fg_color;
|
||||
background-color: transparentize(black, 0.8);
|
||||
border-radius: $bt_radius;
|
||||
border-width: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
> stack > stack {
|
||||
> paned.horizontal {
|
||||
> scrolledwindow > viewport.frame {
|
||||
list {
|
||||
border-bottom-left-radius: $wm_radius;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.maximized, &.tiled, &.fullscreen {
|
||||
> stack > stack {
|
||||
> paned.horizontal {
|
||||
> scrolledwindow > viewport.frame {
|
||||
list {
|
||||
border-bottom-left-radius: $maximized_radius;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.dynamic-notebook {
|
||||
> notebook {
|
||||
> stack {
|
||||
border-bottom-right-radius: $wm_radius;
|
||||
background-color: $base_color;
|
||||
|
||||
scrolledwindow.view.h2 {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
treeview.view,
|
||||
iconview.view {
|
||||
&:not(:hover):not(:selected) { background: none; }
|
||||
&:hover { background-color: if($variant == 'light', rgba(black, 0.05), rgba(white, 0.05)); }
|
||||
&:selected {
|
||||
color: $fg_color;
|
||||
background-color: if($variant == 'light', rgba(black, 0.1), rgba(white, 0.1));
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
treeview.view {
|
||||
> frame.cell {
|
||||
> entry {
|
||||
border-image-width: 0;
|
||||
background-color: $bg_color;
|
||||
|
||||
&:focus { background-color: $base_color; }
|
||||
}
|
||||
|
||||
> border { border: none; }
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
headerbar.titlebar {
|
||||
> box.horizontal > entry.pathbar {
|
||||
min-height: 20px;
|
||||
padding: 2px 6px;
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
> button.flat.image-button.toggle:dir(ltr) {
|
||||
min-height: 0;
|
||||
margin-top: 8px;
|
||||
margin-bottom: 8px;
|
||||
|
||||
&:not(:checked):not(:active) {
|
||||
background-clip: if($variant=='light', padding-box, padding-box);
|
||||
}
|
||||
|
||||
@if $variant == 'light' {
|
||||
border-width: 1px;
|
||||
border-style: solid;
|
||||
border-color: $borders_color;
|
||||
}
|
||||
|
||||
@include button(header-normal);
|
||||
&:hover { @include button(header-hover); }
|
||||
&:active { @include button(header-active); }
|
||||
&:checked { @include button(header-checked); }
|
||||
&:disabled { color: transparentize($header_fg, 0.4); }
|
||||
&:backdrop { opacity: 0.7; background-image: none;}
|
||||
|
||||
+ button.flat.image-button.toggle { margin-right: if($variant=='light', -6px, -5px); }
|
||||
}
|
||||
|
||||
> .linked.raised > button.toggle {
|
||||
margin-top: 4px;
|
||||
margin-bottom: 4px;
|
||||
}
|
||||
|
||||
// Hide Code header format-bar
|
||||
> grid.linked.horizontal.format-bar {
|
||||
margin-top: 6px;
|
||||
margin-bottom: 6px;
|
||||
border: none;
|
||||
|
||||
button.toggle {
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
&:backdrop {
|
||||
transition: $backdrop_transition;
|
||||
background-image: none;
|
||||
background-color: $header_bg_backdrop;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Gala
|
||||
.gala-notification {
|
||||
border: 1px solid $dark_borders_color;
|
||||
border-radius: $wm_radius;
|
||||
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
|
||||
background-image: _solid($osd_bg_color);
|
||||
background-color: transparent;
|
||||
|
||||
.title, .label {
|
||||
color: $osd_fg_color;
|
||||
}
|
||||
}
|
||||
|
||||
// system setting
|
||||
actionbar.inline-toolbar {
|
||||
border: none;
|
||||
border-top: 1px solid $borders_color;
|
||||
|
||||
button { // Reset buttons
|
||||
border-radius: $bt_radius;
|
||||
// border: 1px solid $dark_borders_color;
|
||||
|
||||
&:first-child {
|
||||
border-right-style: solid;
|
||||
}
|
||||
|
||||
&:last-child {
|
||||
border-left-style: solid;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Nightlight warmth trough
|
||||
scale.warmth trough {
|
||||
min-height: 4px;
|
||||
border-radius: 3px;
|
||||
background-image: linear-gradient(to right, $suggested_color, $destructive_color);
|
||||
box-shadow: inset 0 0 0 1px rgba(black, 0.25);
|
||||
}
|
||||
|
||||
// Terminal
|
||||
.terminal-window {
|
||||
headerbar.titlebar.default-decoration {
|
||||
background-color: $header_bg;
|
||||
border-bottom: 1px solid $header_border;
|
||||
box-shadow: inset 0 1px $highlight_color;
|
||||
|
||||
&:backdrop {
|
||||
transition: $backdrop_transition;
|
||||
color: transparentize($header_fg, 0.3);
|
||||
background-image: none;
|
||||
background-color: $header_bg_backdrop;
|
||||
border-color: if($variant=='light', lighten($header_border, 15%), darken($header_border, 3%));
|
||||
}
|
||||
}
|
||||
|
||||
.search-bar {
|
||||
background-color: $bg_color;
|
||||
border-bottom: 1px solid $solid_borders_color;
|
||||
}
|
||||
|
||||
.dynamic-notebook {
|
||||
notebook > header { border-color: $solid_borders_color; }
|
||||
}
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
208
src/sass/gtk/apps/_mate.scss
Normal file
208
src/sass/gtk/apps/_mate.scss
Normal file
@ -0,0 +1,208 @@
|
||||
|
||||
//
|
||||
// Mate/Gnome Flashback Panel
|
||||
//
|
||||
.mate-panel-menu-bar,
|
||||
panel-toplevel.background {
|
||||
&, menubar {
|
||||
background-color: $panel_bg;
|
||||
}
|
||||
|
||||
menubar,
|
||||
#PanelApplet label,
|
||||
#PanelApplet image {
|
||||
color: $panel_fg;
|
||||
}
|
||||
|
||||
button,
|
||||
#PanelApplet > button.toggle,
|
||||
#tasklist-button {
|
||||
@extend %panel_button;
|
||||
|
||||
label, image {
|
||||
color: inherit;
|
||||
}
|
||||
}
|
||||
|
||||
.wnck-pager {
|
||||
color: mix($panel_fg, black, 50%);
|
||||
background-color: darken($panel_bg, 10%);
|
||||
|
||||
&:hover {
|
||||
background-color: lighten($panel_bg, 5%);
|
||||
}
|
||||
|
||||
&:selected {
|
||||
color: lighten($selected_bg_color, 20%);
|
||||
background-color: $selected_bg_color;
|
||||
}
|
||||
}
|
||||
|
||||
.brisk-menu {
|
||||
entry, entry:focus {
|
||||
border-radius: 0;
|
||||
background: none;
|
||||
box-shadow: none;
|
||||
border-bottom: 1px solid $borders_color;
|
||||
}
|
||||
|
||||
.categories-list button.flat { border-radius: 3px; }
|
||||
|
||||
scrolledwindow.frame {
|
||||
border-width: 0 0 0 1px;
|
||||
margin-top: -2px;
|
||||
|
||||
.apps-list > row > button.flat {
|
||||
&, &:hover, &:active, &:disabled {
|
||||
background: none;
|
||||
transition: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
//
|
||||
// Mate OSD Window
|
||||
//
|
||||
MsdOsdWindow.background.osd {
|
||||
border-radius: 2px;
|
||||
border: 1px solid darken($osd_bg_color, 8%);
|
||||
|
||||
.progressbar {
|
||||
background-color: $selected_bg_color;
|
||||
border: none;
|
||||
border-color: red;
|
||||
border-radius: 5px;
|
||||
}
|
||||
.trough {
|
||||
background-color: darken($osd_bg_color, 5%);
|
||||
border: none;
|
||||
border-radius: 5px;
|
||||
}
|
||||
}
|
||||
|
||||
//
|
||||
// Caja
|
||||
//
|
||||
.caja-desktop {
|
||||
@extend %nautilus-desktop-canvas-item;
|
||||
}
|
||||
|
||||
.caja-notebook {
|
||||
border-top: 1px solid $borders_color;
|
||||
}
|
||||
|
||||
.caja-side-pane {
|
||||
&, text, treeview,
|
||||
> notebook > stack > widget > box {
|
||||
color: $dark_sidebar_fg;
|
||||
caret-color: $dark_sidebar_fg;
|
||||
background-color: opacify($dark_sidebar_bg, 1);
|
||||
}
|
||||
|
||||
> box button {
|
||||
&:not(:active):not(:checked) { color: $dark_sidebar_fg; }
|
||||
// &:hover:not(:active) { @include button(hover); }
|
||||
}
|
||||
|
||||
.frame { border-color: $borders_color; }
|
||||
|
||||
junction { background-color: darken($dark_sidebar_bg, 5%); }
|
||||
}
|
||||
|
||||
.caja-navigation-window {
|
||||
.primary-toolbar {
|
||||
background-color: $header_bg;
|
||||
}
|
||||
|
||||
.caja-side-pane {
|
||||
background-color: transparent;
|
||||
|
||||
.frame {
|
||||
border-width: 1px 0 0;
|
||||
}
|
||||
}
|
||||
|
||||
paned > separator {
|
||||
background-image: image($solid_borders_color);
|
||||
}
|
||||
}
|
||||
|
||||
.caja-side-pane {
|
||||
treeview.view, .view {
|
||||
background: none;
|
||||
|
||||
&:hover {
|
||||
background-color: rgba($fg_color, 0.1);
|
||||
}
|
||||
|
||||
&:active, &:selected {
|
||||
background-color: $selected_bg_color;
|
||||
}
|
||||
}
|
||||
|
||||
textview.view text { background: none; }
|
||||
|
||||
scrollbar {
|
||||
background: none;
|
||||
}
|
||||
|
||||
// notebook .view > box.vertical {
|
||||
// border-bottom-left-radius: $wm_radius;
|
||||
// }
|
||||
}
|
||||
|
||||
.caja-notebook .frame {
|
||||
border-width: 0 0 1px;
|
||||
}
|
||||
|
||||
.caja-search-bar {
|
||||
entry {
|
||||
// margin: 2px 0;
|
||||
|
||||
&:focus {
|
||||
box-shadow: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
//
|
||||
// Pluma (Mate)
|
||||
//
|
||||
.pluma-window statusbar frame > border {
|
||||
border: none;
|
||||
}
|
||||
|
||||
.pluma-window notebook > stack scrolledwindow {
|
||||
border-width: 0 0 1px 0;
|
||||
}
|
||||
|
||||
#pluma-status-combo-button {
|
||||
min-height: 0;
|
||||
padding: 0;
|
||||
|
||||
border-top: none;
|
||||
border-bottom: none;
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
//
|
||||
// MATE Terminal
|
||||
//
|
||||
.mate-terminal {
|
||||
notebook {
|
||||
> header.top {
|
||||
> tabs > tab {
|
||||
border-top: 1px solid transparent;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
//
|
||||
// Atril (MATE pdf viewer)
|
||||
//
|
||||
.atril-window .primary-toolbar toolbar {
|
||||
background: none;
|
||||
}
|
||||
541
src/sass/gtk/apps/_misc.scss
Normal file
541
src/sass/gtk/apps/_misc.scss
Normal file
@ -0,0 +1,541 @@
|
||||
//
|
||||
// Transmission
|
||||
//
|
||||
.tr-workarea undershoot,
|
||||
.tr-workarea overshoot {
|
||||
border-color: transparent; // Remove black border on over- and undershoot
|
||||
}
|
||||
|
||||
//
|
||||
// Firefox and Thunderbird
|
||||
//
|
||||
|
||||
window.background:not(.csd) {
|
||||
> widget {
|
||||
// for the bookmark toolbar's separators
|
||||
> separator {
|
||||
padding-top: 1px;
|
||||
margin-top: 1px;
|
||||
min-height: 2px;
|
||||
background-color: $borders_color;
|
||||
}
|
||||
|
||||
// avoid black border
|
||||
> scrollbar {
|
||||
background: none;
|
||||
border: none;
|
||||
// background-clip: border-box;
|
||||
}
|
||||
|
||||
// emphasize borders color
|
||||
// > scrollbar,
|
||||
> frame > border { border-color: $borders_color; }
|
||||
|
||||
> entry,
|
||||
.entry { // Set for linked entrys
|
||||
// min-height: 26px;
|
||||
border-radius: $bt_radius;
|
||||
background-image: image($base_color);
|
||||
border: 1px solid $borders_color;
|
||||
|
||||
&:focus { border-color: $selection_mode_bg; box-shadow: inset 0 0 0 2px $entry_highlight; }
|
||||
}
|
||||
|
||||
> spinbutton {
|
||||
background-image: image($button_bg);
|
||||
border: 1px solid $borders_color;
|
||||
|
||||
@if $variant == 'light' {
|
||||
&:active {
|
||||
background-image: image($bg_color);
|
||||
}
|
||||
}
|
||||
|
||||
// Fixed thunderbird linked entry spinbutton border-radius.
|
||||
.entry { border-top-right-radius: 0; border-bottom-right-radius: 0; }
|
||||
}
|
||||
|
||||
> button {
|
||||
padding-top: 3px;
|
||||
padding-bottom: 3px;
|
||||
}
|
||||
|
||||
> button > button {
|
||||
outline-style: none;
|
||||
border-radius: $bt_radius;
|
||||
|
||||
@if $variant == 'light' {
|
||||
&:active {
|
||||
border-radius: $bt_radius;
|
||||
border: none;
|
||||
background-image: image($bg_color);
|
||||
box-shadow: inset 0 0 0 1px $borders_color;
|
||||
}
|
||||
}
|
||||
|
||||
label { padding: 4px 6px; }
|
||||
}
|
||||
}
|
||||
|
||||
> menu,
|
||||
> menu > menu {
|
||||
border-radius: 0;
|
||||
background-color: $menu_bg;
|
||||
}
|
||||
|
||||
> menu > menuitem {
|
||||
padding: 4px 6px;
|
||||
|
||||
> label:disabled { color: $disabled_fg_color; }
|
||||
|
||||
> radio,
|
||||
> check {
|
||||
padding: 0 2px 0 4px;
|
||||
}
|
||||
}
|
||||
|
||||
> window > menu {
|
||||
menuitem {
|
||||
transition: none; // Fixed plank menu background issue
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
//
|
||||
// Firefox Quantum
|
||||
//
|
||||
|
||||
#MozillaGtkWidget {
|
||||
// blend with weird toolbar backgrounds
|
||||
background-color: $bg_color;
|
||||
|
||||
// FIXME: resetting child elements background is not fully functional yet
|
||||
// because WidgetStyleCache keeps holding initial background-color.
|
||||
// the stem of this incorrect colouring seems to be caused by their
|
||||
// gdk_rgba to ns_rgba conversion. I don't think theme's fault.
|
||||
.background,
|
||||
frame,
|
||||
separator,
|
||||
scrolledwindow { background-color: $base_color; }
|
||||
|
||||
scrollbar {
|
||||
background: none;
|
||||
border: none;
|
||||
|
||||
slider {
|
||||
background-color: mix($fg_color, $bg_color, 45%);
|
||||
&:hover { background-color: mix($fg_color, $bg_color, 60%); }
|
||||
&:hover:active { background-color: mix($fg_color, $bg_color, 75%); }
|
||||
&:disabled { background-color: transparent; }
|
||||
}
|
||||
}
|
||||
|
||||
> window.background > menu { // context-menus
|
||||
border: none; // hide ugly double borders
|
||||
background-color: $menu_bg;
|
||||
border-radius: 2px;
|
||||
|
||||
// revert to standard separators
|
||||
> separator {
|
||||
margin-top: 2px;
|
||||
margin-bottom: 2px;
|
||||
background-color: $borders_color;
|
||||
}
|
||||
}
|
||||
|
||||
> widget {
|
||||
// Emphasize toolbar's border-bottom
|
||||
> frame > border { border-color: if($variant == 'light', darken($bg_color, 15%), lighten($bg_color, 20%)); }
|
||||
|
||||
// For popover, entry in toolbar, etc.
|
||||
text { background-color: $bg_color; }
|
||||
|
||||
// For selection, active tab indicator, etc.
|
||||
text:selected {
|
||||
// Use traditional selection style as workaround
|
||||
background-color: $selected_bg_color;
|
||||
color: $selected_fg_color;
|
||||
}
|
||||
|
||||
separator { background-color: $borders_color; }
|
||||
|
||||
// FIXME: this affected to popover widget as well,
|
||||
// so we can not set $lighter_bg_color to search-bar...
|
||||
> scrolledwindow > textview {
|
||||
background-color: $menu_bg;
|
||||
|
||||
text {
|
||||
background-color: transparent;
|
||||
color: if($variant =='light', $text_color, #aaaaaa);
|
||||
|
||||
&:selected,
|
||||
&:selected:focus,
|
||||
selection { @extend %selected_items; }
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// remove ugly border around the menus
|
||||
menu { border: none; }
|
||||
}
|
||||
|
||||
//
|
||||
// Chrome(ium)
|
||||
//
|
||||
|
||||
$chrome_bg_color: $bg_color;
|
||||
$chrome_fg_color: $text_color;
|
||||
$chrome_menu_bg_color: $menu_bg;
|
||||
$chrome_menu_fg_color: $fg_color;
|
||||
|
||||
window.background.chromium {
|
||||
// checked-tab & toolbar & button widgets
|
||||
background-color: $bg_color;
|
||||
color: $text_color;
|
||||
|
||||
headerbar.titlebar {
|
||||
button.toggle { // account-button (> 64.0.3282?)
|
||||
border: none;
|
||||
background-color: transparent;
|
||||
background-image: none;
|
||||
|
||||
&:hover { @include button(flat-hover); }
|
||||
&:checked, &:active { @include button(flat-active); }
|
||||
}
|
||||
|
||||
// from nav_button_provider_gtk3.cc (> 62.0.3202?)
|
||||
button.titlebutton { // title-buttons
|
||||
// define global titlebutton class sizing
|
||||
min-width: 16px;
|
||||
min-height: 16px;
|
||||
margin: 0; // unset margins
|
||||
padding: 0 0;
|
||||
background-size: auto;
|
||||
color: transparent; // hide stock icons
|
||||
}
|
||||
}
|
||||
|
||||
// FIXME: not for actual button widgets but for toolbar's separators
|
||||
// crazy: src/+/master/chrome/browser/ui/libgtkui/gtk_ui.cc#891
|
||||
button { // for active-tab borders
|
||||
border-width: 1px;
|
||||
border-style: solid;
|
||||
border-color: $solid_borders_color;
|
||||
background-color: $chrome_bg_color;
|
||||
color: $chrome_fg_color;
|
||||
}
|
||||
|
||||
entry.chromium {
|
||||
&, &:focus { // overrides standard borders
|
||||
border-image: none;
|
||||
border: 1px solid $solid_borders_color;
|
||||
background-color: $chrome_bg_color;
|
||||
color: $chrome_fg_color;
|
||||
}
|
||||
}
|
||||
|
||||
// internal region of toolbar's entry widget
|
||||
> textview.view, textview {
|
||||
background-color: $chrome_bg_color;
|
||||
color: $chrome_fg_color;
|
||||
}
|
||||
|
||||
> menubar { background-color: $header_bg; }
|
||||
}
|
||||
|
||||
//
|
||||
// Libre-Office
|
||||
//
|
||||
window.background:not(.solid-csd) {
|
||||
// reserved area at the most-right side of GtkMenuBar
|
||||
> grid.horizontal > grid.horizontal {
|
||||
background-color: $header_bg;
|
||||
box-shadow: inset 0 -1px $borders_color;
|
||||
|
||||
> button.flat.small-button {
|
||||
// 'close' button
|
||||
color: $header_fg;
|
||||
border: none;
|
||||
border-radius: 50px;
|
||||
background-image: none;
|
||||
|
||||
&:hover {
|
||||
background-color: lighten($header_bg, 15%);
|
||||
color: lighten($header_fg, 5%);
|
||||
}
|
||||
|
||||
&:active,
|
||||
&:checked {
|
||||
background-color: rgba(red, 0.65);
|
||||
color: white;
|
||||
}
|
||||
|
||||
&:disabled {
|
||||
color: rgba($header_fg, 0.6);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
window.background:not(.solid-csd) {
|
||||
// for 'Notebookbar' toolbar
|
||||
> notebook {
|
||||
border: none; // unset borders
|
||||
background-color: $base_color;
|
||||
box-shadow: none;
|
||||
|
||||
> stack {
|
||||
border: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
//
|
||||
// Tilix
|
||||
//
|
||||
|
||||
// in-line titlebars
|
||||
widget > box.terminal-titlebar {
|
||||
padding: 0 6px;
|
||||
|
||||
> button.flat.popup.toggle {
|
||||
border: none;
|
||||
border-radius: 0;
|
||||
padding-top: 0;
|
||||
padding-bottom: 0;
|
||||
|
||||
&:dir(ltr) { padding-right: 6px; }
|
||||
&:dir(rtl) { padding-left: 6px; }
|
||||
|
||||
&:hover, &:checked, &:active {
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
&:checked, &:active {
|
||||
background-color: rgba($fg_color, 0.05);
|
||||
color: $fg_color;
|
||||
}
|
||||
}
|
||||
|
||||
> button.image-button { // 'plus' and 'close'
|
||||
&, &.toggle {
|
||||
margin: 2px 0;
|
||||
padding: 0;
|
||||
min-height: 24px;
|
||||
min-width: 24px;
|
||||
border-radius: $bt_radius;
|
||||
// -gtk-outline-radius: $bt_radius;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
list.tilix-session-sidebar {
|
||||
// use -image property instead
|
||||
background-image: image($dark_sidebar_bg);
|
||||
border-bottom-left-radius: $wm_radius;
|
||||
|
||||
button.tilix-sidebar-close-button {
|
||||
min-height: 28px;
|
||||
min-width: 28px;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
border-radius: 100px;
|
||||
// -gtk-outline-radius: 100px;
|
||||
background-color: $destructive_color;
|
||||
&, &:hover, &:active, &:checked { color: white; }
|
||||
|
||||
&:hover { background-color: lighten($destructive_color, 10%); }
|
||||
|
||||
&:active,
|
||||
&:checked { background-image: image(darken($destructive_color, 10%)); }
|
||||
}
|
||||
}
|
||||
|
||||
$tilix_bg: if($variant == 'light', #ffffff, #151515);
|
||||
|
||||
window.background.csd {
|
||||
> box.horizontal > stack {
|
||||
> box.vertical > notebook > stack {
|
||||
border-bottom-right-radius: $wm_radius;
|
||||
}
|
||||
}
|
||||
|
||||
> overlay > notebook > stack > .tilix-background {
|
||||
background-color: $tilix_bg;
|
||||
border-radius: 0 0 $wm_radius $wm_radius;
|
||||
|
||||
> .tilix-background {
|
||||
background-color: $tilix_bg;
|
||||
border-radius: 0 0 $wm_radius $wm_radius;
|
||||
|
||||
.tilix-terminal-scrolledwindow {
|
||||
padding-bottom: $wm_radius;
|
||||
background-color: $tilix_bg;
|
||||
border-radius: 0 0 $wm_radius $wm_radius;
|
||||
|
||||
> vte-terminal {
|
||||
border-radius: 0 0 $wm_radius $wm_radius;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.maximized, &.tiled, &.fullscreen {
|
||||
> box.horizontal > stack {
|
||||
> box.vertical > notebook > stack {
|
||||
border-bottom-right-radius: $maximized_radius;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
//
|
||||
// Lollypop
|
||||
//
|
||||
window.background.csd {
|
||||
> grid.vertical > overlay > grid.vertical {
|
||||
> grid.horizontal {
|
||||
> .sidebar {
|
||||
border-bottom-left-radius: $wm_radius;
|
||||
}
|
||||
|
||||
> paned.horizontal > stack {
|
||||
border-bottom-right-radius: $wm_radius;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.maximized, &.tiled, &.fullscreen {
|
||||
> grid.vertical > overlay > grid.vertical {
|
||||
> grid.horizontal {
|
||||
> .sidebar {
|
||||
border-bottom-left-radius: $maximized_radius;
|
||||
}
|
||||
|
||||
> paned.horizontal > stack {
|
||||
border-bottom-right-radius: $maximized_radius;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
//
|
||||
// Inkscape
|
||||
//
|
||||
toolbar#SubToolBox {
|
||||
min-height: 36px;
|
||||
|
||||
entry, button {
|
||||
margin-top: 6px;
|
||||
margin-bottom: 6px;
|
||||
}
|
||||
|
||||
> toolbutton > button.flat {
|
||||
margin-left: 2px;
|
||||
margin-right: 2px;
|
||||
}
|
||||
}
|
||||
|
||||
widget#ToolboxCommon {
|
||||
button.flat {
|
||||
&:active {
|
||||
background-color: rgba($fg_color, 0.25);
|
||||
}
|
||||
|
||||
&:checked {
|
||||
background-color: rgba($fg_color, 0.15);
|
||||
}
|
||||
}
|
||||
|
||||
// > toolbar > toolitem > button.flat, // Left side
|
||||
> toolbar > toolbutton > button.flat { // Right side
|
||||
margin-top: 2px;
|
||||
margin-bottom: 2px;
|
||||
}
|
||||
}
|
||||
|
||||
box#DesktopStatusBar {
|
||||
spinbutton, button.combo {
|
||||
margin-top: 6px;
|
||||
margin-bottom: 6px;
|
||||
}
|
||||
}
|
||||
|
||||
//
|
||||
// Synaptic
|
||||
//
|
||||
window > box.vertical > box.horizontal {
|
||||
> toolbar {
|
||||
background-color: transparent;
|
||||
box-shadow: none;
|
||||
|
||||
toolitem > box {
|
||||
label,
|
||||
entry {
|
||||
min-height: 20px;
|
||||
padding-top: 2px;
|
||||
padding-bottom: 2px;
|
||||
font-size: 90%;
|
||||
}
|
||||
|
||||
> label { color: $fg_color; }
|
||||
}
|
||||
}
|
||||
|
||||
> widget { background-color: transparent; }
|
||||
}
|
||||
|
||||
//
|
||||
// Pamac
|
||||
//
|
||||
window.background > box.vertical > overlay > stack > scrolledwindow.frame {
|
||||
border: none;
|
||||
|
||||
> viewport.frame > box.vertical > stack > scrolledwindow {
|
||||
border-top: 1px solid $borders_color;
|
||||
}
|
||||
}
|
||||
|
||||
//
|
||||
// vala-panel
|
||||
//
|
||||
window#ValaPanel.background {
|
||||
widget.-vala-panel-background {
|
||||
> separator { // separator applet
|
||||
background: none;
|
||||
}
|
||||
}
|
||||
|
||||
button.flat.-panel-button,
|
||||
button#tasklist-button.toggle.flat,
|
||||
button.flat.-panel-icon-button {
|
||||
@extend %panel_button;
|
||||
}
|
||||
}
|
||||
|
||||
// vala-panel-appmenu
|
||||
menubar.-vala-panel-appmenu-private, // xfce4 appmenu plugin
|
||||
menubar.-vala-panel-background {
|
||||
background: none;
|
||||
border: none;
|
||||
box-shadow: none;
|
||||
|
||||
> menuitem {
|
||||
color: $panel_fg;
|
||||
font-weight: normal;
|
||||
|
||||
&:hover {
|
||||
color: $panel_fg;
|
||||
background-color: rgba($panel_fg, 0.2);
|
||||
}
|
||||
|
||||
&:disabled {
|
||||
color: transparentize($panel_fg, 0.6);
|
||||
}
|
||||
|
||||
// > window.background.popup > decoration,
|
||||
// > window.background.popup > menu { border-radius: 0 0 $wm_radius $wm_radius; }
|
||||
}
|
||||
}
|
||||
160
src/sass/gtk/apps/_nemo.scss
Normal file
160
src/sass/gtk/apps/_nemo.scss
Normal file
@ -0,0 +1,160 @@
|
||||
//
|
||||
// Nemo
|
||||
//
|
||||
.nemo-desktop.nemo-canvas-item {
|
||||
@extend %nautilus-desktop-canvas-item;
|
||||
}
|
||||
|
||||
.nemo-window.background {
|
||||
.nemo-places-sidebar {
|
||||
&.frame { border-width: 0; }
|
||||
|
||||
.places-treeview {
|
||||
-NemoPlacesTreeView-disk-full-bg-color: $dark_solid_borders_color;
|
||||
-NemoPlacesTreeView-disk-full-fg-color: lighten($progress_color, 5%);
|
||||
}
|
||||
}
|
||||
|
||||
.sidebar {
|
||||
color: $dark_sidebar_fg;
|
||||
background-color: $dark_sidebar_bg;
|
||||
|
||||
scrolledwindow.frame { border: none; } // Removed treeview double borders
|
||||
|
||||
.view, row {
|
||||
background-color: transparent;
|
||||
color: $dark_sidebar_fg;
|
||||
@extend %row_activatable;
|
||||
|
||||
&.cell:selected {
|
||||
color: $fg_color;
|
||||
background-color: $sidebar_theme_color;
|
||||
}
|
||||
|
||||
&.expander {
|
||||
color: mix($dark_sidebar_fg, $dark_sidebar_bg, 50%);
|
||||
|
||||
&:hover { color: $dark_sidebar_fg; }
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
paned > separator { background-image: image($solid_borders_color); }
|
||||
|
||||
notebook {
|
||||
background-color: $base_color;
|
||||
}
|
||||
|
||||
// Rename entry
|
||||
.nemo-window-pane {
|
||||
widget.entry {
|
||||
border: 2px solid if($variant =='light', $entry_highlight, $selected_bg_color);
|
||||
background-color: $entry_bg;
|
||||
border-radius: $bt_radius;
|
||||
box-shadow: none;
|
||||
|
||||
&:selected {
|
||||
@extend %selected_items;
|
||||
|
||||
&:focus { @extend %selected_items; }
|
||||
}
|
||||
}
|
||||
|
||||
treeview.view {
|
||||
&, &:selected {
|
||||
entry {
|
||||
color: $fg_color;
|
||||
background-color: $base_color;
|
||||
border-radius: $bt_radius;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.toolbar {
|
||||
> button {
|
||||
margin-top: 2px;
|
||||
margin-bottom: 2px;
|
||||
@extend %flat_button;
|
||||
}
|
||||
}
|
||||
|
||||
.primary-toolbar {
|
||||
padding-top: 0;
|
||||
padding-bottom: 0;
|
||||
border: none;
|
||||
color: $header_fg;
|
||||
box-shadow: inset 0 -1px $borders_color;
|
||||
background-color: $header_bg;
|
||||
|
||||
button {
|
||||
@extend %headerbar_buttons;
|
||||
padding: 0 $container_padding + 2px;
|
||||
margin: 6px 1px;
|
||||
}
|
||||
|
||||
entry {
|
||||
@extend %headerbar_entrys;
|
||||
margin-top: 4px;
|
||||
margin-bottom: 4px;
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
padding: 2px 10px;
|
||||
}
|
||||
|
||||
.linked.raised > button {
|
||||
border-radius: $bt_radius;
|
||||
}
|
||||
|
||||
// Pathbar
|
||||
.linked.path-bar {
|
||||
> button, > button.image-button {
|
||||
min-height: 0;
|
||||
min-width: 0;
|
||||
padding-top: 0;
|
||||
padding-bottom: 0;
|
||||
border-radius: $bt_radius;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Floating Bar
|
||||
.floating-bar {
|
||||
padding: 2px;
|
||||
background-color: $selected_bg_color;
|
||||
color: $selected_fg_color;
|
||||
border-radius: 0;
|
||||
border: none;
|
||||
|
||||
&.bottom.left {
|
||||
border-top-right-radius: $bt_radius;
|
||||
}
|
||||
|
||||
&.bottom.right {
|
||||
border-top-left-radius: $bt_radius;
|
||||
}
|
||||
|
||||
button {
|
||||
border: none;
|
||||
border-radius: 3px;
|
||||
min-height: 16px;
|
||||
min-width: 16px;
|
||||
-gtk-icon-shadow: none;
|
||||
@extend %undecorated_button;
|
||||
@extend %selected-button;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
menu#background,
|
||||
menu#selection,
|
||||
.nemo-window menu {
|
||||
padding: 6px;
|
||||
|
||||
menuitem {
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
|
||||
// Cinnamon setting
|
||||
.view.cs-category-view { border-bottom-right-radius: $wm_radius; }
|
||||
228
src/sass/gtk/apps/_xfce.scss
Normal file
228
src/sass/gtk/apps/_xfce.scss
Normal file
@ -0,0 +1,228 @@
|
||||
//
|
||||
// Xfce4
|
||||
//
|
||||
$text_shadow: 0 0 1px rgba(0, 0, 0, 0.26),
|
||||
0 1px 2px rgba(0, 0, 0, 0.32),
|
||||
0 2px 3px rgba(0, 0, 0, 0.12);
|
||||
|
||||
.XfceHeading {
|
||||
border: 0 none transparent;
|
||||
background-color: $bg_color;
|
||||
color: $fg_color;
|
||||
}
|
||||
|
||||
.xfce4-panel {
|
||||
background-color: $panel_bg;
|
||||
color: $panel_fg;
|
||||
font-weight: 700;
|
||||
text-shadow: none;
|
||||
-gtk-icon-shadow: none;
|
||||
box-shadow: none;
|
||||
|
||||
&, // unset borders
|
||||
frame > border { border-width: 0; }
|
||||
|
||||
࿎PanelWindow { // main panel container >= 4.13.3?
|
||||
// FIXME: unneeded 1px borders are reserved by its code itself
|
||||
border: none;
|
||||
|
||||
&, &.marching-ants { transition: none; } // unset transitions
|
||||
}
|
||||
|
||||
button {
|
||||
font-weight: 700;
|
||||
@extend %panel_button;
|
||||
// -gtk-icon-style: symbolic;
|
||||
|
||||
&#launcher-arrow { // launcher applet
|
||||
// FIXME: quite weird pseudo-classe transitions, especially :hover
|
||||
// state can't be cleared properly ( -> an upstream issue)
|
||||
&, + button.toggle {
|
||||
&:hover { box-shadow: none; } // hide indicators
|
||||
}
|
||||
|
||||
+ button.toggle:checked { // 'arrow' toggle button
|
||||
color: $selected_bg_color;
|
||||
box-shadow: none;
|
||||
}
|
||||
}
|
||||
|
||||
ﳤ-notification-plugin {
|
||||
padding: 0 1px; // for 4.12.2
|
||||
}
|
||||
}
|
||||
|
||||
menu {
|
||||
font-weight: 400; // for enforcing regular weight
|
||||
text-shadow: none;
|
||||
}
|
||||
|
||||
menubar.-vala-panel-appmenu-private { // xfce4 appmenu plugin
|
||||
> menuitem {
|
||||
font-weight: normal;
|
||||
}
|
||||
}
|
||||
|
||||
widget.tasklist {
|
||||
> button.toggle {
|
||||
font-weight: 400;
|
||||
@extend %panel_button;
|
||||
// -gtk-icon-style: symbolic;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
XfdesktopIconView.view {
|
||||
border-radius: $bt_radius;
|
||||
background: transparent;
|
||||
color: $selected_fg_color;
|
||||
text-shadow: $text_shadow;
|
||||
|
||||
&:active, &:checked {
|
||||
background-color: $selected_bg_color;
|
||||
color: $selected_fg_color;
|
||||
text-shadow: none;
|
||||
}
|
||||
|
||||
.rubberband { @extend %rubberband; }
|
||||
}
|
||||
|
||||
window#whiskermenu-window {
|
||||
background-color: $bg_color;
|
||||
|
||||
entry.search:focus { background-color: $base_color; }
|
||||
|
||||
// no CSD class even if the sw compositor was enabled.
|
||||
> frame > border {
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
scrolledwindow {
|
||||
border-radius: $bt_radius;
|
||||
|
||||
> viewport button.radio {
|
||||
padding: 2px 6px;
|
||||
margin: 2px;
|
||||
|
||||
&:hover { background-color: if($variant == 'light', rgba(black, 0.12), rgba(white, 0.12)); }
|
||||
|
||||
&:checked, &:active {
|
||||
background-color: $selected_bg_color;
|
||||
color: $selected_fg_color;
|
||||
|
||||
&:hover { background-image: none; }
|
||||
}
|
||||
}
|
||||
|
||||
treeview.view {
|
||||
&:selected:hover {
|
||||
background-color: if($variant == 'light', rgba(black, 0.1), rgba(white, 0.1));
|
||||
color: $fg_color;
|
||||
}
|
||||
}
|
||||
|
||||
// iconview.view { border-radius: 0; }
|
||||
}
|
||||
}
|
||||
|
||||
// Thunar
|
||||
window.background.csd.thunar {
|
||||
> grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane {
|
||||
border-bottom-left-radius: $wm_radius;
|
||||
background-color: $dark_sidebar_bg;
|
||||
|
||||
treeview.view:not(:hover):not(:selected) {
|
||||
background-color: transparent;
|
||||
}
|
||||
}
|
||||
|
||||
&.maximized, &.tiled, &.fullscreen {
|
||||
> grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane {
|
||||
border-bottom-left-radius: $maximized_radius;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
window.thunar {
|
||||
> grid.horizontal > paned.horizontal {
|
||||
> scrolledwindow.frame.sidebar.shortcuts-pane {
|
||||
border-top: none;
|
||||
background-color: $dark_sidebar_bg;
|
||||
|
||||
treeview.view {
|
||||
background-color: $dark_sidebar_bg;
|
||||
|
||||
&:hover { background-color: if($variant == 'light', rgba(black, 0.08), rgba(white, 0.08)); }
|
||||
|
||||
&:selected, &:selected:hover, &:active:hover {
|
||||
color: $fg_color;
|
||||
background-color: $sidebar_theme_color;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
> separator {
|
||||
background-image: image($solid_borders_color);
|
||||
}
|
||||
}
|
||||
|
||||
toolbar#location-toolbar {
|
||||
border-bottom: 1px solid $header_border;
|
||||
|
||||
button.path-bar-button,
|
||||
button.flat {
|
||||
@include button(header-normal);
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
border-radius: $bt_radius;
|
||||
min-height: 28px;
|
||||
|
||||
&:hover { @include button(header-hover); }
|
||||
|
||||
&:checked { @include button(header-checked); }
|
||||
|
||||
&:active { @include button(header-active); }
|
||||
|
||||
&:disabled { @include button(header-insensitive); }
|
||||
|
||||
&:disabled:active, &:disabled:checked { @include button(header-insensitive-active); }
|
||||
}
|
||||
|
||||
> toolbutton#open-parent > button.image-button.flat:not(.toggle) {
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
> toolbutton#open-home > button.image-button.flat:not(.toggle) {
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
// FIXME: need to unset for weird allocation height
|
||||
entry {
|
||||
min-height: if($variant == 'light', 22px, 24px);
|
||||
}
|
||||
}
|
||||
|
||||
> grid > toolbar > toolitem > widget > box > entry {
|
||||
min-height: if($variant == 'light', 22px, 24px);
|
||||
margin-left: $container_padding / 2; // Not use!
|
||||
-gtk-icon-style: symbolic;
|
||||
}
|
||||
|
||||
notebook {
|
||||
// hide unneeded border
|
||||
stack > scrolledwindow.frame.standard-view {
|
||||
border-top-width: 0;
|
||||
border-right-width: 0;
|
||||
}
|
||||
|
||||
// an allocation height of label node affects to close button's
|
||||
// image height (it's quite weird).
|
||||
header.top tab.reorderable-page > box > label { min-height: 0; }
|
||||
}
|
||||
|
||||
> grid > paned > grid > notebook > .standard-view {
|
||||
> .view {
|
||||
border-radius: $bt_radius;
|
||||
}
|
||||
}
|
||||
}
|
||||
Loading…
x
Reference in New Issue
Block a user