From af3bc063e9c9755e711fa381cdfe23188b2c4652 Mon Sep 17 00:00:00 2001 From: Christian Medel Date: Tue, 23 Jul 2019 15:05:38 -0400 Subject: [PATCH] Rework separators --- gtk-3.20/gtk-dark.css | 36 +++++++++++++++++++----------------- gtk-3.20/gtk.css | 36 +++++++++++++++++++----------------- 2 files changed, 38 insertions(+), 34 deletions(-) diff --git a/gtk-3.20/gtk-dark.css b/gtk-3.20/gtk-dark.css index a5aad6d..3efbf84 100644 --- a/gtk-3.20/gtk-dark.css +++ b/gtk-3.20/gtk-dark.css @@ -1362,44 +1362,46 @@ separator { margin: 4px 1px; } .sidebar view separator, view separator, separator .separator, separator { border: none; - background-color: shade(#3B3B3B, 0.9); } + background-color: mix(alpha(#3B3B3B, 0.85), #FFFFFF, 0.1); } .sidebar view separator:backdrop, view separator:backdrop, separator .separator:backdrop, separator:backdrop { border: none; - background-color: shade(#545454, 0.9); } + background-color: mix(alpha(#3B3B3B, 0.85), #FFFFFF, 0.075); } .primary-toolbar separator, toolbar separator { - background-color: mix(shade(#3B3B3B, 0.9), shade(#3B3B3B, 0.9), 0.5); } + background-color: mix(shade(#3B3B3B, 0.9), #FFFFFF, 0.1); } .primary-toolbar separator:backdrop, toolbar separator:backdrop { - background-color: shade(#545454, 0.9); } + background-color: mix(shade(#3B3B3B, 0.9), #FFFFFF, 0.075); } + .primary-toolbar button separator, toolbar button separator, .primary-toolbar:not(.libreoffice-toolbar) separator { + background-color: mix(shade(#3B3B3B, 0.9), #FFFFFF, 0.1); } + .primary-toolbar button separator:backdrop, toolbar button separator:backdrop, .primary-toolbar:not(.libreoffice-toolbar) separator:backdrop { + background-color: mix(shade(#3B3B3B, 0.9), #FFFFFF, 0.075); } headerbar separator { -GtkWidget-window-dragging: true; margin-top: 4px; margin-bottom: 4px; - background-color: mix(shade(#3B3B3B, 0.9), #3B3B3B, 0.5); } + background-color: mix(#3B3B3B, #FFFFFF, 0.1); } headerbar separator:backdrop { - background-color: shade(#545454, 0.9); } + background-color: mix(#3B3B3B, #FFFFFF, 0.075); } + headerbar button separator { + border-color: mix(#3B3B3B, #FFFFFF, 0.1); } + headerbar button separator:backdrop { + border-color: mix(#3B3B3B, #FFFFFF, 0.075); } .titlebar separator, .titlebar:not(headerbar) > separator, .titlebar separator.titlebutton, .titlebar:not(headerbar) > separator.titlebutton { -GtkWidget-window-dragging: true; - background-color: mix(shade(#3B3B3B, 0.9), #3B3B3B, 0.5); } + background-color: mix(#3B3B3B, #FFFFFF, 0.1); } .titlebar separator:backdrop, .titlebar:not(headerbar) > separator:backdrop, .titlebar separator.titlebutton:backdrop, .titlebar:not(headerbar) > separator.titlebutton:backdrop { background-color: shade(#545454, 0.9); } headerbar separator.titlebutton, .titlebar:not(headerbar) separator.titlebutton { min-width: 1px; min-height: 1px; - background-color: mix(shade(#3B3B3B, 0.9), #3B3B3B, 0.5); } + background-color: mix(#3B3B3B, #FFFFFF, 0.1); } headerbar separator.titlebutton:backdrop, .titlebar:not(headerbar) separator.titlebutton:backdrop { background-color: shade(#545454, 0.9); } - .primary-toolbar button separator, toolbar button separator, .primary-toolbar:not(.libreoffice-toolbar) separator { - border-color: shade(#3B3B3B, 0.9); } - .primary-toolbar button separator:backdrop, toolbar button separator:backdrop, .primary-toolbar:not(.libreoffice-toolbar) separator:backdrop { - border-color: shade(#545454, 0.9); } - headerbar button separator { - border-color: mix(shade(#3B3B3B, 0.9), #3B3B3B, 0.5); } - headerbar button separator:backdrop { - border-color: shade(#545454, 0.9); } .titlebutton button separator, .titlebutton separator.titlebutton { - border-color: mix(shade(#3B3B3B, 0.9), #3B3B3B, 0.5); } + border-color: mix(#3B3B3B, #FFFFFF, 0.1); } .titlebutton button separator:backdrop, .titlebutton separator.titlebutton:backdrop { border-color: shade(#545454, 0.9); } + menu separator { + background-color: mix(alpha(mix(#1D1E22, #3B3B3B, 0.5), 0.9), #FFFFFF, 0.1); } menuitem separator { border-width: 1px; border-style: none; diff --git a/gtk-3.20/gtk.css b/gtk-3.20/gtk.css index f0c7b4b..2bcdfb1 100644 --- a/gtk-3.20/gtk.css +++ b/gtk-3.20/gtk.css @@ -1362,44 +1362,46 @@ separator { margin: 4px 1px; } .sidebar view separator, view separator, separator .separator, separator { border: none; - background-color: shade(#F5F5F5, 0.9); } + background-color: mix(alpha(#F5F5F5, 0.85), #000000, 0.1); } .sidebar view separator:backdrop, view separator:backdrop, separator .separator:backdrop, separator:backdrop { border: none; - background-color: shade(#E4E4E4, 0.9); } + background-color: mix(alpha(#F5F5F5, 0.85), #000000, 0.075); } .primary-toolbar separator, toolbar separator { - background-color: mix(shade(#F5F5F5, 0.9), shade(#F5F5F5, 0.9), 0.5); } + background-color: mix(shade(#F5F5F5, 0.9), #000000, 0.1); } .primary-toolbar separator:backdrop, toolbar separator:backdrop { - background-color: shade(#E4E4E4, 0.9); } + background-color: mix(shade(#F5F5F5, 0.9), #000000, 0.075); } + .primary-toolbar button separator, toolbar button separator, .primary-toolbar:not(.libreoffice-toolbar) separator { + background-color: mix(shade(#F5F5F5, 0.9), #000000, 0.1); } + .primary-toolbar button separator:backdrop, toolbar button separator:backdrop, .primary-toolbar:not(.libreoffice-toolbar) separator:backdrop { + background-color: mix(shade(#F5F5F5, 0.9), #000000, 0.075); } headerbar separator { -GtkWidget-window-dragging: true; margin-top: 4px; margin-bottom: 4px; - background-color: mix(shade(#F5F5F5, 0.9), #F5F5F5, 0.5); } + background-color: mix(#F5F5F5, #000000, 0.1); } headerbar separator:backdrop { - background-color: shade(#E4E4E4, 0.9); } + background-color: mix(#F5F5F5, #000000, 0.075); } + headerbar button separator { + border-color: mix(#F5F5F5, #000000, 0.1); } + headerbar button separator:backdrop { + border-color: mix(#F5F5F5, #000000, 0.075); } .titlebar separator, .titlebar:not(headerbar) > separator, .titlebar separator.titlebutton, .titlebar:not(headerbar) > separator.titlebutton { -GtkWidget-window-dragging: true; - background-color: mix(shade(#F5F5F5, 0.9), #F5F5F5, 0.5); } + background-color: mix(#F5F5F5, #000000, 0.1); } .titlebar separator:backdrop, .titlebar:not(headerbar) > separator:backdrop, .titlebar separator.titlebutton:backdrop, .titlebar:not(headerbar) > separator.titlebutton:backdrop { background-color: shade(#E4E4E4, 0.9); } headerbar separator.titlebutton, .titlebar:not(headerbar) separator.titlebutton { min-width: 1px; min-height: 1px; - background-color: mix(shade(#F5F5F5, 0.9), #F5F5F5, 0.5); } + background-color: mix(#F5F5F5, #000000, 0.1); } headerbar separator.titlebutton:backdrop, .titlebar:not(headerbar) separator.titlebutton:backdrop { background-color: shade(#E4E4E4, 0.9); } - .primary-toolbar button separator, toolbar button separator, .primary-toolbar:not(.libreoffice-toolbar) separator { - border-color: shade(#F5F5F5, 0.9); } - .primary-toolbar button separator:backdrop, toolbar button separator:backdrop, .primary-toolbar:not(.libreoffice-toolbar) separator:backdrop { - border-color: shade(#E4E4E4, 0.9); } - headerbar button separator { - border-color: mix(shade(#F5F5F5, 0.9), #F5F5F5, 0.5); } - headerbar button separator:backdrop { - border-color: shade(#E4E4E4, 0.9); } .titlebutton button separator, .titlebutton separator.titlebutton { - border-color: mix(shade(#F5F5F5, 0.9), #F5F5F5, 0.5); } + border-color: mix(#F5F5F5, #000000, 0.1); } .titlebutton button separator:backdrop, .titlebutton separator.titlebutton:backdrop { border-color: shade(#E4E4E4, 0.9); } + menu separator { + background-color: mix(alpha(mix(#FFFFFF, #F5F5F5, 0.5), 0.9), #000000, 0.1); } menuitem separator { border-width: 1px; border-style: none;