gtk: Make the separators light in dark variant
And leave the frame color dark as it is a substitute for shadows.
by roundabout, Wednesday, 17 April 2019, 11:35:14 (1555500914), pushed by roundabout, Sunday, 11 May 2025, 13:22:36 (1746969756)
Author identity: nana-4 <hnmaigo@gmail.com>
7000879a1338c15000ae6bfe26f65b7398451b3b
src/_sass/_colors.scss
@@ -53,7 +53,7 @@ $primary-alt: #7BAAF7;
$background: if($variant == 'light', #F2F2F2, #282828);
$surface: if($variant == 'light', #FFFFFF, #424242);
$base: if($variant == 'light', #FFFFFF, #303030);
$base: if($variant == 'light', #FFFFFF, #303030); // semi-surface with no elevation
$base-alt: if($variant == 'light', #FAFAFA, #2C2C2C);
$os-background: #303030;
@@ -84,7 +84,7 @@ $infobar-question: $blue;
$infobar-warning: $warning;
$infobar-error: $error;
$border: if($variant == 'light', rgba(black, 0.12), rgba(black, 0.26));
$frame: if($variant == 'light', rgba(black, 0.12), rgba(black, 0.26)); // instead of shadows
$border-alt: rgba(black, 0.26); // darker border color for Chrome and Firefox
$titlebar-indicator: if($topbar == 'dark', currentColor, $primary);
src/_sass/chrome/_scrollbars.scss
@@ -2,7 +2,7 @@
::-webkit-scrollbar-corner {
width: 17px;
height: 17px;
border: 0 solid $border;
border: 0 solid $divider;
background-color: rgba($base, 0.9);
background-clip: $background-clip-extra;
}
src/_sass/cinnamon/_common.scss
@@ -527,13 +527,13 @@ StScrollView {
}
}
.window-border {
border: 1px solid $border;
border: 1px solid $divider;
}
.window-close-area {
background-image: url(assets/trash-icon.png);
background-size: 100px;
background-color: $scrim-alt;
border: 1px solid $border;
border: 1px solid $divider;
border-bottom-width: 0;
border-radius: 20px 20px 0 0;
height: 120px;
@@ -548,7 +548,7 @@ StScrollView {
background-color: $scrim;
}
.expo-workspace-thumbnail-frame {
border: 1px solid $border;
border: 1px solid $divider;
&#active {
border: 1px solid $primary;
}
@@ -686,7 +686,7 @@ StScrollView {
#notification {
background-color: $surface;
border-radius: $corner-radius;
border: 1px solid $border;
border: 1px solid $divider;
padding: 8px;
spacing-rows: 4px;
spacing-columns: 8px;
@@ -767,7 +767,7 @@ StScrollView {
}
.separator {
width: 1px;
background: $border;
background: $divider;
}
}
.switcher-list-item-container {
@@ -925,7 +925,7 @@ StScrollView {
}
// desktop zoom feature
.magnifier-zoom-region {
border: 3px solid $border;
border: 3px solid $divider;
&.full-screen {
border-width: 0;
}
@@ -1169,7 +1169,7 @@ StScrollView {
spacing: 2px;
border-radius: $corner-radius;
&:outlined {
border: 2px solid $border;
border: 2px solid $divider;
color: $titlebar-text;
}
&:selected {
@@ -1196,7 +1196,7 @@ StScrollView {
}
.separator {
width: 1px;
background: $border;
background: $divider;
}
}
}
@@ -1256,11 +1256,11 @@ StScrollView {
background-color: $scrim;
.workspace {
background-color: $panel-solid;
border: 1px solid $border;
border: 1px solid $divider;
&:active {
background-color: $titlebar-track;
border: 1px solid $border;
border: 1px solid $divider;
.windows {
-active-window-background: rgba(255, 255, 255, 0.8);
-active-window-border: rgba(0, 0, 0, 0.9);
@@ -1418,7 +1418,7 @@ StScrollView {
padding-right: 20px;
}
.about-scrollBox {
border: 1px solid $border;
border: 1px solid $divider;
border-radius: $corner-radius;
}
.about-scrollBox-innerBox {
src/_sass/cinnamon/_extends.scss
@@ -35,8 +35,8 @@
}
%separator-shared {
-gradient-height: 1px;
-gradient-start: $border;
-gradient-end: $border;
-gradient-start: $divider;
-gradient-end: $divider;
-margin-horizontal: 4px;
height: 1.5em;
}
@@ -118,7 +118,7 @@
}
%tile-shared {
background-color: $scrim-alt;
border: 2px solid $border;
border: 2px solid $divider;
}
%tile-shared-snap {
background-color: $scrim-alt;
src/_sass/gnome-shell/_common-3.18.scss
@@ -500,7 +500,7 @@ StScrollBar {
}
.audio-selection-device {
border: 1px solid $border;
border: 1px solid $divider;
border-radius: $corner-radius;
&:active,&:hover,&:focus { background-color: $primary; }
}
@@ -664,7 +664,7 @@ StScrollBar {
height: 1px; //not really the whole box
margin: 8px 64px - 24px;
background-color: transparent;
border-color: $border;
border-color: $divider;
border-bottom-width: 1px;
border-bottom-style: solid;
}
@@ -753,7 +753,7 @@ StScrollBar {
.switcher-list .separator {
width: 1px;
background: $border;
background: $divider;
}
.switcher-arrow {
@@ -2205,7 +2205,7 @@ $legacy_icon_size: 24px;
border: none;
border-radius: 0;
background-color: rgba($surface, 0.01);
box-shadow: inset 0 -1px 0 $border;
box-shadow: inset 0 -1px 0 $divider;
}
.labels { spacing: 0; }
.notebook-tab {
src/_sass/gnome-shell/_common-3.24.scss
@@ -500,7 +500,7 @@ StScrollBar {
}
.audio-selection-device {
border: 1px solid $border;
border: 1px solid $divider;
border-radius: $corner-radius;
&:active,&:hover,&:focus { background-color: $primary; }
}
@@ -664,7 +664,7 @@ StScrollBar {
height: 1px; //not really the whole box
margin: 8px 64px - 24px;
background-color: transparent;
border-color: $border;
border-color: $divider;
border-bottom-width: 1px;
border-bottom-style: solid;
}
@@ -756,7 +756,7 @@ StScrollBar {
.switcher-list .separator {
width: 1px;
background: $border;
background: $divider;
}
.switcher-arrow {
@@ -942,7 +942,7 @@ StScrollBar {
.datemenu-displays-box { spacing: 8px; }
.datemenu-calendar-column {
border: 0 solid $border;
border: 0 solid $divider;
&:ltr { border-left-width: 0; }
&:rtl { border-right-width: 0; }
}
@@ -2218,7 +2218,7 @@ $legacy_icon_size: 24px;
border: none;
border-radius: 0;
background-color: rgba($surface, 0.01);
box-shadow: inset 0 -1px 0 $border;
box-shadow: inset 0 -1px 0 $divider;
}
.labels { spacing: 0; }
.notebook-tab {
src/_sass/gnome-shell/_common-3.26.scss
@@ -507,7 +507,7 @@ StScrollBar {
}
.audio-selection-device {
border: 1px solid $border;
border: 1px solid $divider;
border-radius: $corner-radius;
&:active,&:hover,&:focus { background-color: $primary; }
}
@@ -637,7 +637,7 @@ StScrollBar {
height: 1px; //not really the whole box
margin: 8px 64px - 24px;
background-color: transparent;
border-color: $border;
border-color: $divider;
border-bottom-width: 1px;
border-bottom-style: solid;
}
@@ -730,7 +730,7 @@ StScrollBar {
.switcher-list .separator {
width: 1px;
background: $border;
background: $divider;
}
.switcher-arrow {
@@ -959,7 +959,7 @@ StScrollBar {
.datemenu-displays-box { spacing: 8px; }
.datemenu-calendar-column {
border: 0 solid $border;
border: 0 solid $divider;
&:ltr { border-left-width: 0; }
&:rtl { border-right-width: 0; }
}
@@ -2208,7 +2208,7 @@ StScrollBar {
border: none;
border-radius: 0;
background-color: rgba($surface, 0.01);
box-shadow: inset 0 -1px 0 $border;
box-shadow: inset 0 -1px 0 $divider;
}
.labels { spacing: 0; }
.notebook-tab {
src/_sass/gnome-shell/_common-3.28.scss
@@ -507,7 +507,7 @@ StScrollBar {
}
.audio-selection-device {
border: 1px solid $border;
border: 1px solid $divider;
border-radius: $corner-radius;
&:active,&:hover,&:focus { background-color: $primary; }
}
@@ -637,7 +637,7 @@ StScrollBar {
height: 1px; //not really the whole box
margin: 8px 64px - 24px;
background-color: transparent;
border-color: $border;
border-color: $divider;
border-bottom-width: 1px;
border-bottom-style: solid;
}
@@ -730,7 +730,7 @@ StScrollBar {
.switcher-list .separator {
width: 1px;
background: $border;
background: $divider;
}
.switcher-arrow {
@@ -959,7 +959,7 @@ StScrollBar {
.datemenu-displays-box { spacing: 8px; }
.datemenu-calendar-column {
border: 0 solid $border;
border: 0 solid $divider;
&:ltr { border-left-width: 0; }
&:rtl { border-right-width: 0; }
}
@@ -2238,7 +2238,7 @@ StScrollBar {
border: none;
border-radius: 0;
background-color: rgba($surface, 0.01);
box-shadow: inset 0 -1px 0 $border;
box-shadow: inset 0 -1px 0 $divider;
}
.labels { spacing: 0; }
.notebook-tab {
src/_sass/gnome-shell/_common-3.30.scss
@@ -509,7 +509,7 @@ StScrollBar {
}
.audio-selection-device {
border: 1px solid $border;
border: 1px solid $divider;
border-radius: $corner-radius;
&:active,&:hover,&:focus { background-color: $primary; }
}
@@ -639,7 +639,7 @@ StScrollBar {
height: 1px; //not really the whole box
margin: 8px 64px - 24px;
background-color: transparent;
border-color: $border;
border-color: $divider;
border-bottom-width: 1px;
border-bottom-style: solid;
}
@@ -730,7 +730,7 @@ StScrollBar {
.switcher-list .separator {
width: 1px;
background: $border;
background: $divider;
}
.switcher-arrow {
@@ -962,7 +962,7 @@ StScrollBar {
.datemenu-displays-box { spacing: 8px; }
.datemenu-calendar-column {
border: 0 solid $border;
border: 0 solid $divider;
&:ltr { border-left-width: 0; }
&:rtl { border-right-width: 0; }
}
@@ -2243,7 +2243,7 @@ StScrollBar {
border: none;
border-radius: 0;
background-color: rgba($surface, 0.01);
box-shadow: inset 0 -1px 0 $border;
box-shadow: inset 0 -1px 0 $divider;
}
.labels { spacing: 0; }
.notebook-tab {
src/_sass/gnome-shell/_common-3.32.scss
@@ -508,7 +508,7 @@ StScrollBar {
}
.audio-selection-device {
border: 1px solid $border;
border: 1px solid $divider;
border-radius: $corner-radius;
&:active,&:hover,&:focus { background-color: $primary; }
}
@@ -639,7 +639,7 @@ StScrollBar {
height: 1px; //not really the whole box
margin: 8px 64px - 24px;
background-color: transparent;
border-color: $border;
border-color: $divider;
border-bottom-width: 1px;
border-bottom-style: solid;
}
@@ -730,7 +730,7 @@ StScrollBar {
.switcher-list .separator {
width: 1px;
background: $border;
background: $divider;
}
.switcher-arrow {
@@ -962,7 +962,7 @@ StScrollBar {
.datemenu-displays-box { spacing: 8px; }
.datemenu-calendar-column {
border: 0 solid $border;
border: 0 solid $divider;
&:ltr { border-left-width: 0; }
&:rtl { border-right-width: 0; }
}
@@ -2323,7 +2323,7 @@ StScrollBar {
border: none;
border-radius: 0;
background-color: rgba($surface, 0.01);
box-shadow: inset 0 -1px 0 $border;
box-shadow: inset 0 -1px 0 $divider;
}
.labels { spacing: 0; }
.notebook-tab {
src/_sass/gtk/_colors-public.scss
@@ -71,11 +71,11 @@ insensitive color on backdrop windows */
/*
widgets main borders color */
@define-color borders #{"" + $border};
@define-color borders #{"" + $divider};
/*
widgets main borders color on backdrop windows */
@define-color unfocused_borders #{"" + $border};
@define-color unfocused_borders #{"" + $divider};
/*
these are pretty self explicative */
src/_sass/gtk/_common-3.20.scss
@@ -164,7 +164,7 @@ assistant {
.sidebar {
padding: 4px 0;
// background-color: $base;
// border-top: 1px solid $border;
// border-top: 1px solid $divider;
}
// &.csd .sidebar { border-top-style: none; }
@@ -1034,7 +1034,7 @@ toolbar {
padding: $container-padding;
border-style: solid;
border-width: 0 1px 1px;
border-color: $border;
border-color: $frame;
background-color: $base-alt;
}
@@ -1043,7 +1043,7 @@ searchbar > revealer > box,
padding: $container-padding;
border-style: solid;
border-width: 0 0 1px;
border-color: $border;
border-color: $divider;
background-color: $background;
background-clip: border-box;
}
@@ -1358,7 +1358,7 @@ headerbar { // headerbar border rounding
> separator {
background-color: $titlebar;
background-image: image($border);
background-image: image($divider);
}
@extend %titlebar;
@@ -1423,7 +1423,7 @@ treeview.view {
}
border-left-color: $track; // this is actually the tree lines color,
border-top-color: $border; // while this is the grid lines color, better then nothing
border-top-color: $divider; // while this is the grid lines color, better then nothing
// FIXME: Avoid transparency background-color being slightly darker
&:selected {
@@ -1437,7 +1437,7 @@ treeview.view {
&.separator {
min-height: 1px + 2px * 2;
color: $border;
color: $divider;
}
&:drop(active) {
@@ -1490,7 +1490,7 @@ treeview.view {
padding: 2px 6px;
border-style: none solid solid none;
border-width: 1px;
border-color: $border;
border-color: $divider;
border-radius: 0;
background-clip: border-box;
@@ -1509,7 +1509,7 @@ treeview.view {
padding: 2px 6px;
border-style: none solid solid;
border-width: 1px;
border-color: $border;
border-color: $divider;
border-radius: 0;
box-shadow: none;
background-color: $base;
@@ -1528,7 +1528,7 @@ menubar,
.menubar {
-GtkWidget-window-dragging: true;
padding: 0;
// box-shadow: inset 0 -1px $border;
// box-shadow: inset 0 -1px $divider;
background-color: $titlebar;
color: $titlebar-text;
@@ -1561,7 +1561,7 @@ menu,
padding: 4px 0;
box-shadow: inset 0 1px highlight($surface);
background-color: $surface;
border: 1px solid $border; // adds borders in a non composited env
border: 1px solid $frame; // adds borders in a non composited env
.csd & {
border: none; // axes borders in a composited env
@@ -1614,7 +1614,7 @@ menu,
&.top {
margin-top: -4px;
border-bottom: 1px solid $border;
border-bottom: 1px solid $divider;
border-radius: $corner-radius $corner-radius 0 0;
-gtk-icon-source: -gtk-icontheme('pan-up-symbolic');
}
@@ -1622,7 +1622,7 @@ menu,
&.bottom {
margin-top: 4px * 2;
margin-bottom: -4px * 3;
border-top: 1px solid $border;
border-top: 1px solid $divider;
border-radius: 0 0 $corner-radius $corner-radius;
-gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
}
@@ -1720,7 +1720,7 @@ notebook {
> header {
border-width: 1px;
border-color: $border;
border-color: $divider;
background-color: $background;
background-clip: border-box;
@@ -1733,7 +1733,7 @@ notebook {
> tab {
border-image: linear-gradient(to top, transparent 2px, transparent 2px) 2 / 0 0 2px;
&:checked { border-image-source: linear-gradient(to top, $primary 2px, $border 2px); }
&:checked { border-image-source: linear-gradient(to top, $primary 2px, $frame 2px); }
&.reorderable-page { border-image-width: 0 1px 2px; }
}
@@ -1749,7 +1749,7 @@ notebook {
> tab {
border-image: linear-gradient(to bottom, transparent 2px, transparent 2px) 2 / 2px 0 0;
&:checked { border-image-source: linear-gradient(to bottom, $primary 2px, $border 2px); }
&:checked { border-image-source: linear-gradient(to bottom, $primary 2px, $frame 2px); }
&.reorderable-page { border-image-width: 2px 1px 0; }
}
@@ -1765,7 +1765,7 @@ notebook {
> tab {
border-image: linear-gradient(to left, transparent 2px, transparent 2px) 2 / 0 2px 0 0;
&:checked { border-image-source: linear-gradient(to left, $primary 2px, $border 2px); }
&:checked { border-image-source: linear-gradient(to left, $primary 2px, $frame 2px); }
&.reorderable-page { border-image-width: 1px 2px 1px 0; }
}
@@ -1781,7 +1781,7 @@ notebook {
> tab {
border-image: linear-gradient(to right, transparent 2px, transparent 2px) 2 / 0 0 0 2px;
&:checked { border-image-source: linear-gradient(to right, $primary 2px, $border 2px); }
&:checked { border-image-source: linear-gradient(to right, $primary 2px, $frame 2px); }
&.reorderable-page { border-image-width: 1px 0 1px 2px; }
}
@@ -1891,7 +1891,7 @@ notebook {
&:disabled { color: $text-disabled; }
&.reorderable-page {
border-color: $border;
border-color: $frame;
background-color: $base;
}
}
@@ -1968,10 +1968,10 @@ scrollbar {
background-clip: $background-clip-extra;
// scrollbar border
&.top { border-bottom: 1px solid $border; }
&.bottom { border-top: 1px solid $border; }
&.left { border-right: 1px solid $border; }
&.right { border-left: 1px solid $border; }
&.top { border-bottom: 1px solid $divider; }
&.bottom { border-top: 1px solid $divider; }
&.left { border-right: 1px solid $divider; }
&.right { border-left: 1px solid $divider; }
// slider
slider {
@@ -2654,7 +2654,7 @@ levelbar {
printdialog {
paper {
padding: 0;
border: 1px solid $border;
border: 1px solid $frame;
background-color: $base;
color: $text;
}
@@ -2670,7 +2670,7 @@ frame > border,
.frame {
margin: 0;
padding: 0;
border: 1px solid $border;
border: 1px solid $frame;
border-radius: 0;
box-shadow: none;
@@ -2681,7 +2681,7 @@ frame.flat > border { @extend .frame.flat; } // for backward compatibility
actionbar > revealer > box {
padding: $container-padding;
border-top: 1px solid $border;
border-top: 1px solid $divider;
button:not(.suggested-action):not(.destructive-action):not(.server-list-button) { @extend %button_basic.flat; }
}
@@ -2717,7 +2717,7 @@ scrolledwindow {
@at-root junction { // the small square between two scrollbars
border-style: solid none none solid;
border-width: 1px;
border-color: $border;
border-color: $divider;
background-color: $base;
&:dir(rtl) { border-style: solid solid none none; }
@@ -2728,7 +2728,7 @@ scrolledwindow {
separator {
min-width: 1px;
min-height: 1px;
background-color: $border;
background-color: $divider;
}
%hide_separators {
@@ -2742,7 +2742,7 @@ separator {
* Lists *
*********/
list {
border-color: $border;
border-color: $frame;
background-color: $base;
row { padding: 2px; }
@@ -2848,7 +2848,7 @@ expander {
************/
calendar {
padding: 1px;
border: 1px solid $border;
border: 1px solid $frame;
color: $text;
&:disabled { color: $text-disabled; }
@@ -2861,6 +2861,7 @@ calendar {
&.header {
border-style: none none solid;
border-color: $divider;
border-radius: 0;
}
@@ -2917,10 +2918,10 @@ messagedialog { // Message Dialog styling
}
filechooser {
.dialog-action-box { border-top: 1px solid $border; }
.dialog-action-box { border-top: 1px solid $divider; }
#pathbarbox {
border-bottom: 1px solid $border;
border-bottom: 1px solid $divider;
background-color: $background;
> stack > box > button { // The new folder button
@@ -2947,14 +2948,14 @@ filechooserbutton:drop(active) {
&:dir(ltr),
&.left,
&.left:dir(rtl) {
border-right: 1px solid $border;
border-right: 1px solid $divider;
border-left-style: none;
}
@at-root %sidebar_right,
&:dir(rtl),
&.right {
border-left: 1px solid $border;
border-left: 1px solid $divider;
border-right-style: none;
}
}
@@ -2987,11 +2988,11 @@ stacksidebar {
}
separator.sidebar {
background-color: $border;
background-color: $divider;
&.selection-mode,
.selection-mode & {
// background-color: $border;
// background-color: $divider;
}
}
@@ -3081,7 +3082,7 @@ paned {
border-style: none; // just to be sure
background-color: transparent;
// workaround, using background istead of a border since the border will get rendered twice (?)
background-image: image($border);
background-image: image($divider);
background-size: 1px 1px;
background-clip: content-box; // avoids borders image being rendered twice (?)
@@ -3089,7 +3090,7 @@ paned {
min-width: 6px;
min-height: 6px;
background-color: $background;
background-image: image($border), image($border);
background-image: image($divider), image($divider);
background-size: 1px 1px, 1px 1px;
}
}
@@ -3178,7 +3179,7 @@ tooltip {
box-shadow: none; // otherwise it gets inherited by windowframe.csd
&:not(.csd):not(.unity-csd) {
// border: 1px solid $border;
// border: 1px solid $frame;
// border-radius: $corner-radius + 1px;
// background-clip: $background-clip-extra;
}
@@ -3457,9 +3458,9 @@ cursor-handle {
padding-left: 8px;
padding-right: 8px;
border: solid 1px $border;
border: solid 1px $frame;
border-radius: $corner-radius + 1px;
box-shadow: inset 0 -2px $border;
box-shadow: inset 0 -2px $frame;
background-color: $surface;
color: $text;
font-size: smaller;
@@ -3502,14 +3503,14 @@ popover.emoji-picker {
padding: 0;
entry {
border-bottom: 1px solid $border;
border-bottom: 1px solid $divider;
border-image: none;
border-radius: 0;
box-shadow: none;
background-color: transparent;
}
scrolledwindow { border-bottom: 1px solid $border; }
scrolledwindow { border-bottom: 1px solid $divider; }
}
// mimic tab style
src/_sass/gtk/apps/_budgie.scss
@@ -56,7 +56,7 @@
entry.search { background-color: transparent; }
entry.search {
border-bottom: 1px solid $border;
border-bottom: 1px solid $divider;
border-image: none;
border-radius: 0;
box-shadow: none;
@@ -116,7 +116,7 @@
.places-list:not(.always-expand) {
margin-top: 4px;
padding-top: 4px;
border-top: 1px solid $border;
border-top: 1px solid $divider;
}
// FIXME: untested
@@ -321,16 +321,16 @@ $pos_list: ((top, bottom), (bottom, top), (left, right), (right, left));
@each $pos, $b_pos in $pos_list {
// Panel borders
// .#{$pos} .budgie-panel { border-#{$b_pos}: 1px solid $border; }
// .#{$pos} .budgie-panel { border-#{$b_pos}: 1px solid $frame; }
// Raven borders
.#{$pos} frame.raven-frame > border {
margin-#{$b_pos}: 32px;
// border-#{$b_pos}: 1px solid $border;
// border-#{$b_pos}: 1px solid $frame;
}
// Shadows
// .#{$pos} .shadow-block { background-image: linear-gradient(to $b_pos, $border, transparent); }
// .#{$pos} .shadow-block { background-image: linear-gradient(to $b_pos, $frame, transparent); }
}
// Raven
@@ -363,7 +363,7 @@ $pos_list: ((top, bottom), (bottom, top), (left, right), (right, left));
&.top {
padding: 0;
border-bottom: 1px solid $border;
border-bottom: 1px solid $divider;
stackswitcher button {
margin: -4px 0 -5px; // remove unwanted vertical margins
@@ -372,7 +372,7 @@ $pos_list: ((top, bottom), (bottom, top), (left, right), (right, left));
}
}
&.bottom { border-top: 1px solid $border; }
&.bottom { border-top: 1px solid $divider; }
}
stack {
@@ -386,7 +386,7 @@ $pos_list: ((top, bottom), (bottom, top), (left, right), (right, left));
.raven-background {
border-style: solid none;
border-width: 1px;
border-color: $border;
border-color: $divider;
background-color: $base;
// &.middle { border-bottom-style: none; } // applet background between two headers
@@ -488,7 +488,7 @@ calendar.raven-calendar {
.linked.horizontal > button {
padding: 8px 16px;
border-top: 1px solid $border;
border-top: 1px solid $divider;
border-radius: 0;
@extend %simple_flat_button;
@@ -524,5 +524,5 @@ calendar.raven-calendar {
list .dim-label { opacity: 1; }
scrolledwindow { border-top: 1px solid $border; }
scrolledwindow { border-top: 1px solid $divider; }
}
src/_sass/gtk/apps/_gnome-3.22.scss
@@ -93,7 +93,7 @@
padding: 0;
border-style: solid solid none;
border-width: 1px;
border-color: $border;
border-color: $divider;
border-radius: ($corner-radius + 1px) ($corner-radius + 1px) 0 0;
background-color: rgba($base, 0.9);
background-clip: $background-clip-extra;
@@ -140,12 +140,12 @@
// View
// Hide superfluous treeview drop target indication
.nautilus-list-view .view:not(.dnd) {
// border-bottom: 1px solid $border;
// border-bottom: 1px solid $divider;
}
.search-information {
padding: 2px;
border-bottom: 1px solid $border;
border-bottom: 1px solid $divider;
background-color: $base;
color: $text;
}
@@ -178,7 +178,7 @@ dialog.background > box.dialog-vbox.vertical > grid.horizontal {
> box.horizontal:last-child {
margin: -6px 0 0 -6px;
border-top: 1px solid $border;
border-top: 1px solid $divider;
> label { margin: 0 8px; }
@@ -258,11 +258,11 @@ dialog.background > box.dialog-vbox.vertical > grid.horizontal {
}
.gedit-document-panel-group-row:not(:first-child) {
border-top: 1px solid $border;
border-top: 1px solid $divider;
}
.gedit-side-panel-paned statusbar {
border-top: 1px solid $border;
border-top: 1px solid $divider;
}
.gedit-search-slider {
@@ -367,7 +367,7 @@ frame.gedit-map-frame > border {
.tweak-group-startup {
// background-color: @view_separators;
background-image: image($base);
border: 1px solid $border;
border: 1px solid $frame;
}
//
@@ -381,9 +381,9 @@ row#dynamic-workspaces,
row#PrimaryWorkspaceTweak, // for 3.26.0
row#workspaces-only-on-primary {
padding: 0;
border: 1px solid $border;
border: 1px solid $frame;
row:not(:last-child) { border-bottom: 1px solid $border; }
row:not(:last-child) { border-bottom: 1px solid $divider; }
&.tweak > list { margin-top: -3px; }
}
@@ -410,7 +410,7 @@ row#workspaces-only-on-primary {
// Layout tab and tab bar tweaks
// The following makes the layout stack header look similar to a tab bar.
layouttabbar {
border-bottom: 1px solid $border;
border-bottom: 1px solid $divider;
background-color: $background;
button { @extend %flat_button; }
@@ -425,7 +425,7 @@ layouttab {
margin: 0 8px; // not working
border-style: none solid;
border-width: 1px;
border-color: $border;
border-color: $frame;
box-shadow: inset 0 -2px $primary;
background-color: $base;
@@ -444,7 +444,7 @@ layouttab {
}
layout {
border: 1px solid $border;
border: 1px solid $frame;
-PnlDockBin-handle-size: 1;
}
@@ -483,18 +483,18 @@ omnibar {
}
popover.omnibar list row:not(:last-child) {
border-bottom: 1px solid $border;
border-bottom: 1px solid $divider;
}
entry.preferences-search {
@extend %entry.flat;
box-shadow: inset 0 -1px $border;
box-shadow: inset 0 -1px $divider;
background-color: $base;
// doesn't work properly
// &:dir(ltr) { border-right: 1px solid $border; }
// &:dir(rtl) { border-left: 1px solid $border; }
// &:dir(ltr) { border-right: 1px solid $divider; }
// &:dir(rtl) { border-left: 1px solid $divider; }
}
preferences stacksidebar.sidebar {
@@ -507,8 +507,8 @@ preferences stacksidebar.sidebar {
}
preferences > box > box {
&:dir(ltr) { border-right: 1px solid $border; }
&:dir(rtl) { border-left: 1px solid $border; }
&:dir(ltr) { border-right: 1px solid $divider; }
&:dir(rtl) { border-left: 1px solid $divider; }
}
popover.messagepopover {
@@ -518,7 +518,7 @@ popover.messagepopover {
@extend %simple_flat_button;
padding: 8px 16px;
border-top: 1px solid $border;
border-top: 1px solid $divider;
border-radius: 0;
&:first-child { border-bottom-left-radius: $corner-radius; }
@@ -532,29 +532,29 @@ popover.messagepopover {
popover.transfers list {
background-color: transparent;
row:not(:first-child) { border-top: 1px solid $border; }
row:not(:first-child) { border-top: 1px solid $divider; }
row > box { padding: 10px; }
}
dockbin {
border: 1px solid $border;
border: 1px solid $frame;
-PnlDockBin-handle-size: 1;
}
dockpaned {
border: 1px solid $border;
border: 1px solid $frame;
}
eggsearchbar box.search-bar {
padding: 0 8px;
border-bottom: 1px solid $border;
border-bottom: 1px solid $divider;
background-color: $background;
}
docktabstrip {
padding: 0 8px;
border-bottom: 1px solid $border;
border-bottom: 1px solid $divider;
background-color: $background;
}
@@ -629,7 +629,7 @@ buildperspective row {
layoutpane entry.search {
@extend %entry.flat;
box-shadow: inset 0 -1px $border;
box-shadow: inset 0 -1px $divider;
background-color: $base;
}
@@ -691,7 +691,7 @@ button.dzlmenubuttonitem {
}
idelayoutstackheader {
border-bottom: 1px solid $border;
border-bottom: 1px solid $divider;
button:checked { color: $text; }
}
@@ -701,9 +701,9 @@ ideeditorutilities > dzldockpaned > box > stackswitcher {
padding: 8px 0;
background-color: $background;
&:dir(ltr) { border-right: 1px solid $border; }
&:dir(ltr) { border-right: 1px solid $divider; }
&:dir(rtl) { border-left: 1px solid $border; }
&:dir(rtl) { border-left: 1px solid $divider; }
button {
border-radius: 0;
@@ -749,9 +749,9 @@ popover.messagepopover {
// padding: 0;
list {
border: 1px solid $border;
border: 1px solid $divider;
row:not(:last-child) { border-bottom: 1px solid $border; }
row:not(:last-child) { border-bottom: 1px solid $divider; }
}
}
@@ -835,13 +835,13 @@ overlay grid.horizontal > revealer > scrolledwindow.frame {
.side-panel:dir(ltr) {
// border-width: 0 1px 0 0;
border-style: solid;
border-color: $border;
border-color: $divider;
}
.side-panel:dir(rtl) {
// border-width: 0 0 0 1px;
border-style: solid;
border-color: $border;
border-color: $divider;
}
.side-panel .view {
@@ -874,7 +874,7 @@ frame.documents-dropdown {
}
box.vertical > revealer > toolbar.search-bar {
border-bottom: 1px solid $border;
border-bottom: 1px solid $divider;
background-clip: border-box; // avoid black border
button > widget {
@@ -954,7 +954,7 @@ frame.commit-frame > border { border-style: solid none none; }
/**************
* Characters *
**************/
box.dialog-vbox scrolledwindow.related { border: 1px solid $border; }
box.dialog-vbox scrolledwindow.related { border: 1px solid $frame; }
list.categories { background-image: image($base-alt); }
src/_sass/gtk/apps/_mate.scss
@@ -140,7 +140,7 @@ PanelApplet.wnck-applet .wnck-pager {
}
#MatePanelPopupWindow {
border: 1px solid $border;
border: 1px solid $frame;
border-radius: $corner-radius + 1px;
box-shadow: inset 0 1px highlight($surface);
@@ -149,7 +149,7 @@ PanelApplet.wnck-applet .wnck-pager {
button { padding: 4px 16px; }
// Weird, this sets the border color of the clockmap
> frame > box > box > box > widget { color: $border; }
> frame > box > box > box > widget { color: $divider; }
}
na-tray-applet {
@@ -174,7 +174,7 @@ na-tray-applet widget box widget {
// volume applet, brightness applet
.mate-panel-applet-slider {
border: 1px solid $border;
border: 1px solid $frame;
border-radius: $corner-radius + 1px;
box-shadow: inset 0 1px highlight($surface);
background-color: $background;
@@ -196,7 +196,7 @@ na-tray-applet widget box widget {
#mate-menu {
// FIXME, does not work
border: 1px solid $border;
border: 1px solid $frame;
button {
@extend %simple_flat_button;
@@ -261,7 +261,7 @@ na-tray-applet widget box widget {
.caja-side-pane notebook,
.caja-notebook {
border-top: 1px solid $border;
border-top: 1px solid $divider;
.frame { border-style: none; }
}
@@ -283,7 +283,7 @@ na-tray-applet widget box widget {
.caja-navigation-window statusbar {
margin: 0 -10px;
padding: 0 4px;
border-top: 1px solid $border;
border-top: 1px solid $divider;
}
// infobar
@@ -292,7 +292,7 @@ na-tray-applet widget box widget {
}
#caja-extra-view-widget {
border-bottom: 1px solid $border;
border-bottom: 1px solid $divider;
background-color: $background; // needs overriding
> box > box > label { font-weight: bold; }
@@ -306,7 +306,7 @@ na-tray-applet widget box widget {
.pluma-window statusbar {
margin: 0 -10px;
padding: 0 4px;
border-top: 1px solid $border;
border-top: 1px solid $divider;
frame {
> border { border-style: none; }
@@ -325,7 +325,7 @@ na-tray-applet widget box widget {
// Printpreview
.pluma-print-preview {
toolbar { border-bottom: 1px solid $border; }
toolbar { border-bottom: 1px solid $divider; }
// scrolledwindow { background-color: $base; }
}
@@ -342,9 +342,9 @@ na-tray-applet widget box widget {
notebook.frame {
margin-top: -1px;
border-top: 1px solid $border;
border-top: 1px solid $divider;
box.vertical toolbar.horizontal { border-bottom: 1px solid $border; }
box.vertical toolbar.horizontal { border-bottom: 1px solid $divider; }
}
}
@@ -355,7 +355,7 @@ na-tray-applet widget box widget {
.atril-window paned.horizontal box.vertical {
.frame { border-style: none; }
notebook .frame { border-top: 1px solid $border; }
notebook .frame { border-top: 1px solid $divider; }
}
src/_sass/gtk/apps/_misc.scss
@@ -180,7 +180,7 @@ window.background:not(.csd) {
}
}
> window.background > menu > separator { color: $border; }
> window.background > menu > separator { color: $divider; }
}
@@ -227,12 +227,12 @@ window.background:not(.csd) {
padding: 0;
}
#HorizontalScrollbar { border-top: 1px solid $border; }
#HorizontalScrollbar { border-top: 1px solid $divider; }
#VerticalScrollbar {
&:dir(ltr) { border-left: 1px solid $border; }
&:dir(ltr) { border-left: 1px solid $divider; }
&:dir(rtl) { border-right: 1px solid $border; }
&:dir(rtl) { border-right: 1px solid $divider; }
}
}
src/_sass/gtk/apps/_nemo.scss
@@ -9,7 +9,7 @@
.nemo-window {
.primary-toolbar {
border-bottom: 1px solid $border;
border-bottom: 1px solid $divider;
// FIXME: workaround for wrong size allocation of Nemo
entry {
src/_sass/gtk/apps/_xfce.scss
@@ -109,7 +109,7 @@ XfdesktopIconView.view {
* Thunar *
**********/
.thunar {
#location-toolbar { border-bottom: 1px solid $border; }
#location-toolbar { border-bottom: 1px solid $divider; }
.standard-view.frame { border-style: none; }
@@ -118,6 +118,6 @@ XfdesktopIconView.view {
statusbar {
margin: 0 -10px;
padding: 0 4px;
border-top: 1px solid $border;
border-top: 1px solid $divider;
}
}