From a00244e85743b4d8d89b49c474c4ae4220a9b382 Mon Sep 17 00:00:00 2001 From: Muktazam Hasbi Date: Sun, 5 Nov 2017 20:14:12 +0700 Subject: [PATCH] unify gtk2 & gtk3 headerbar --- whitey/gtk-3.0/gtk.css | 108 ++++++++++++++++---------------- whitey/gtk-3.20/gtk.css | 109 ++++++++++++++++---------------- whitey/gtk-3.22/gtk.css | 111 ++++++++++++++++----------------- whitey/xfce-notify-4.0/gtk.css | 48 ++++++++++++++ 4 files changed, 208 insertions(+), 168 deletions(-) create mode 100644 whitey/xfce-notify-4.0/gtk.css diff --git a/whitey/gtk-3.0/gtk.css b/whitey/gtk-3.0/gtk.css index 7862b9d..5d00618 100755 --- a/whitey/gtk-3.0/gtk.css +++ b/whitey/gtk-3.0/gtk.css @@ -532,7 +532,7 @@ GtkTextView { border-radius: 100px; } .button.osd.image-button { padding: 1.3em; - background-color: #2b2b2b; } + background-color: #FFFFFF; } .button.osd.image-button:not(:active):not(:insensitive):not(hover) { color: #E8E8E8; } .button.osd.image-button:hover { @@ -1190,8 +1190,7 @@ GtkComboBox { padding: 0.4em; border-width: 0; background-color: #FFFFFF; - color: rgba(38, 50, 56, 0.75); - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.18), inset 0 4px 2px -4px rgba(0, 0, 0, 0.2), inset 0 8px 3px -5px rgba(0, 0, 0, 0.24); } + color: rgba(38, 50, 56, 0.75); } .toolbar.vertical, .inline-toolbar .toolbar, GtkPaned .toolbar, GtkEventBox .toolbar, GtkGrid .toolbar.primary-toolbar { box-shadow: none; } .osd .toolbar, .toolbar.osd, .app-notification, @@ -1203,7 +1202,7 @@ GtkComboBox { border-radius: 2px; box-shadow: none; color: #ECEFF1; - background-color: #2b2b2b; } + background-color: #FFFFFF; } .osd .toolbar:backdrop, .toolbar.osd:backdrop, .app-notification:backdrop, GeditViewFrame .gedit-search-slider:backdrop { border-image: -gtk-scaled(url("assets/osd-shadow-backdrop.png"), url("assets/osd-shadow-backdrop@2.png")) 10/10px stretch; } .osd .toolbar .button:not(:active):not(:insensitive):not(hover), .toolbar.osd .button:not(:active):not(:insensitive):not(hover), .app-notification .button:not(:active):not(:insensitive):not(hover), @@ -1291,11 +1290,11 @@ GtkComboBox { padding: 0.4em; border-width: 1px 0 1px; border-style: solid; - border-top-color: #2b2b2b; + border-top-color: #FFFFFF; border-bottom-color: #242F35; - background-color: #2b2b2b; + background-color: #FFFFFF; background-clip: border-box; - color: rgba(236, 239, 241, 0.75); } + color: #BBBBBB; } .titlebar .label:checked:insensitive, .header-bar .label:checked:insensitive { color: rgba(236, 239, 241, 0.3); } @@ -1312,7 +1311,7 @@ GtkComboBox { .header-bar .subtitle { padding-left: 1em; padding-right: 1em; - color: rgba(236, 239, 241, 0.75); + color: #BBBBBB; font-size: 90%; } .titlebar .header-bar-separator, .titlebar > GtkBox > .separator.vertical, .titlebar > GtkBox > GtkBox > .separator.vertical, .header-bar .header-bar-separator, @@ -1324,7 +1323,7 @@ GtkComboBox { .titlebar .button:not(.suggested-action):not(.destructive-action), .header-bar .button:not(.suggested-action):not(.destructive-action) { border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.001, to(alpha(currentColor, 0.2)), to(transparent)) 0 0 0/0 0 0px; - color: rgba(236, 239, 241, 0.75); } + color: #BBBBBB; } .titlebar .button:not(.suggested-action):not(.destructive-action):hover, .header-bar .button:not(.suggested-action):not(.destructive-action):hover { color: #ECEFF1; } @@ -1366,7 +1365,7 @@ GtkComboBox { .raven .header-bar .raven-header > .button.text-button .label.text-button, .header-bar .button.destructive-action, .header-bar .button.destructive-action .label.text-button { - color: rgba(236, 239, 241, 0.75); } + color: #BBBBBB; } .titlebar .button:hover, .titlebar .button .label.text-button:hover, .titlebar .linked > .button:hover, .titlebar .linked > .button .label.text-button:hover, @@ -1493,7 +1492,7 @@ GtkComboBox { .titlebar .linked > .entry, .header-bar .entry, .header-bar .linked > .entry { - color: rgba(236, 239, 241, 0.75); } + color: #BBBBBB; } .titlebar .entry:focus, .titlebar .linked > .entry:focus, .header-bar .entry:focus, @@ -1508,7 +1507,7 @@ GtkComboBox { .titlebar .linked > GtkComboBox.combobox-entry .entry, .header-bar GtkComboBox.combobox-entry .entry, .header-bar .linked > GtkComboBox.combobox-entry .entry { - color: rgba(236, 239, 241, 0.75); } + color: #BBBBBB; } .titlebar GtkComboBox.combobox-entry .entry:focus, .titlebar .linked > GtkComboBox.combobox-entry .entry:focus, .header-bar GtkComboBox.combobox-entry .entry:focus, @@ -1523,7 +1522,7 @@ GtkComboBox { .titlebar .linked > GtkComboBox.combobox-entry .button, .header-bar GtkComboBox.combobox-entry .button, .header-bar .linked > GtkComboBox.combobox-entry .button { - color: rgba(236, 239, 241, 0.75); } + color: #BBBBBB; } .titlebar GtkComboBox.combobox-entry .button:hover, .titlebar .linked > GtkComboBox.combobox-entry .button:hover, .header-bar GtkComboBox.combobox-entry .button:hover, @@ -2115,7 +2114,7 @@ GtkComboBox { outline-radius: 100px; } .titlebar.selection-mode .entry, .header-bar.selection-mode .entry { - color: rgba(236, 239, 241, 0.75); } + color: #BBBBBB; } .titlebar.selection-mode .entry:focus, .header-bar.selection-mode .entry:focus { color: #ECEFF1; } @@ -2151,7 +2150,7 @@ GtkComboBox { .titlebar.default-decoration .button.titlebutton, .header-bar.default-decoration .button.titlebutton { padding: 4px; - color: rgba(236, 239, 241, 0.75); } + color: #BBBBBB; } .titlebar.default-decoration .button.titlebutton:hover, .titlebar.default-decoration .button.titlebutton:active, .header-bar.default-decoration .button.titlebutton:hover, .header-bar.default-decoration .button.titlebutton:active { @@ -2163,15 +2162,15 @@ GtkComboBox { .csd .header-bar, GtkBox .header-bar:only-child { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.16), 0 1px 2px rgba(0, 0, 0, 0.26), 0 2px 3px rgba(0, 0, 0, 0.32); } GtkBox .header-bar:not(:only-child):first-child, GtkBox .header-bar:not(:only-child):last-child { - border-left-color: #2b2b2b; - border-right-color: #2b2b2b; } + border-left-color: #FFFFFF; + border-right-color: #FFFFFF; } .tiled GtkBox .header-bar:not(:only-child):first-child, .maximized GtkBox .header-bar:not(:only-child):first-child, .tiled GtkBox .header-bar:not(:only-child):last-child, .maximized GtkBox .header-bar:not(:only-child):last-child { - border-left-color: #2b2b2b; - border-right-color: #2b2b2b; } + border-left-color: #FFFFFF; + border-right-color: #FFFFFF; } GtkBox .header-bar:not(:only-child):last-child:dir(ltr) { - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.16), 0 1px 2px rgba(0, 0, 0, 0.26), 0 2px 3px rgba(0, 0, 0, 0.32), -5px 0 0 -1px #2b2b2b, -2px 0 0 -1px rgba(0, 0, 0, 0.09); } + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.16), 0 1px 2px rgba(0, 0, 0, 0.26), 0 2px 3px rgba(0, 0, 0, 0.32), -5px 0 0 -1px #FFFFFF, -2px 0 0 -1px rgba(0, 0, 0, 0.09); } GtkBox .header-bar:not(:only-child):last-child:dir(rtl) { - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.16), 0 1px 2px rgba(0, 0, 0, 0.26), 0 2px 3px rgba(0, 0, 0, 0.32), 5px 0 0 -1px #2b2b2b, 2px 0 0 -1px rgba(0, 0, 0, 0.09); } + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.16), 0 1px 2px rgba(0, 0, 0, 0.26), 0 2px 3px rgba(0, 0, 0, 0.32), 5px 0 0 -1px #FFFFFF, 2px 0 0 -1px rgba(0, 0, 0, 0.09); } GtkPaned .header-bar:not(:only-child):last-child:dir(ltr) { border-left: 1px solid #242F35; } GtkPaned .header-bar:not(:only-child):last-child:dir(rtl) { @@ -2204,10 +2203,10 @@ GtkBox .header-bar.selection-mode:not(:only-child):last-child:dir(rtl) { .tiled .titlebar, .tiled .header-bar, .tiled .csd .header-bar, .tiled GtkBox .header-bar:only-child, .tiled GtkBox .header-bar:not(:only-child):last-child:dir(ltr), .tiled GtkBox .header-bar:not(:only-child):last-child:dir(rtl), .tiled GtkPaned .header-bar:not(:only-child):last-child:dir(ltr), .tiled GtkPaned .header-bar:not(:only-child):last-child:dir(rtl), .tiled GtkBox .header-bar.selection-mode:not(:only-child):last-child:dir(ltr), .tiled GtkBox .header-bar.selection-mode:not(:only-child):last-child:dir(rtl), .window-frame.ssd .tiled .titlebar { border-radius: 0; - border-color: #2b2b2b; + border-color: #FFFFFF; border-width: 2px 0 0 0; - border-top-color: #2b2b2b; - background-color: #2b2b2b; + border-top-color: #FFFFFF; + background-color: #FFFFFF; box-shadow: none; } .tiled .titlebar:backdrop, .tiled .header-bar:backdrop, .tiled GtkBox .header-bar:backdrop:only-child, .tiled GtkBox .header-bar:backdrop:not(:only-child):last-child:dir(ltr), .tiled GtkBox .header-bar:backdrop:not(:only-child):last-child:dir(rtl), .tiled GtkPaned .header-bar:backdrop:not(:only-child):last-child:dir(ltr), .tiled GtkPaned .header-bar:backdrop:not(:only-child):last-child:dir(rtl), .window-frame.ssd .tiled .titlebar:backdrop { @@ -2216,9 +2215,9 @@ GtkBox .header-bar.selection-mode:not(:only-child):last-child:dir(rtl) { .maximized .titlebar, .maximized .header-bar, .maximized .csd .header-bar, .maximized GtkBox .header-bar:only-child, .maximized GtkBox .header-bar:not(:only-child):last-child:dir(ltr), .maximized GtkBox .header-bar:not(:only-child):last-child:dir(rtl), .maximized GtkPaned .header-bar:not(:only-child):last-child:dir(ltr), .maximized GtkPaned .header-bar:not(:only-child):last-child:dir(rtl), .maximized GtkBox .header-bar.selection-mode:not(:only-child):last-child:dir(ltr), .maximized GtkBox .header-bar.selection-mode:not(:only-child):last-child:dir(rtl), .window-frame.ssd .maximized .titlebar { border-radius: 0; - border-color: #2b2b2b; + border-color: #FFFFFF; border-width: 1px 0 0 0; - background-color: #2b2b2b; + background-color: #FFFFFF; box-shadow: none; } /************ @@ -2337,12 +2336,11 @@ column-header.button.dnd, column-header .button.dnd { .menubar { -GtkWidget-window-dragging: true; padding: 0; - box-shadow: inset 0 2px 2px -3px rgba(0, 0, 0, 0.26), inset 0 5px 3px -5px rgba(0, 0, 0, 0.39), inset 0 -1px rgba(0, 0, 0, 0.09); - background-color: #2b2b2b; - color: rgba(236, 239, 241, 0.75); } + background-color: #FFFFFF; + color: #BBBBBB; } .menubar > .menuitem { padding: 0.4em 0.6em; - color: rgba(236, 239, 241, 0.75); } + color: #BBBBBB; } .menubar > .menuitem:hover { color: #ECEFF1; box-shadow: inset 0 -2px #E8E8E8; } @@ -2350,7 +2348,7 @@ column-header.button.dnd, column-header .button.dnd { color: rgba(236, 239, 241, 0.3); box-shadow: none; } .tiled .menubar, .maximized .menubar { - background-color: #2b2b2b; + background-color: #FFFFFF; box-shadow: none; } .menu { @@ -5412,8 +5410,8 @@ GtkVolumeButton.button { padding: 0.1em 0 0.2em; border: 1px solid transparent; border-radius: 0; - color: rgba(236, 239, 241, 0.75); - background-color: #2b2b2b; + color: #BBBBBB; + background-color: #FFFFFF; transition: none; } .floating-bar .button { padding: 0.3em; @@ -5875,8 +5873,8 @@ GtkBox > GtkScrlledWindow .undershoot.right { PanelWidget, PanelApplet, PanelToplevel { - color: rgba(236, 239, 241, 0.75); - background-color: #2b2b2b; + color: #BBBBBB; + background-color: #FFFFFF; box-shadow: none; } PanelSeparator { @@ -5888,7 +5886,7 @@ PanelSeparator { PanelMenuButton, PanelApplet > GtkMenuBar.menubar, ClockBox { - color: rgba(236, 239, 241, 0.75); + color: #BBBBBB; background-color: transparent; box-shadow: none; font-weight: 700; } @@ -5906,7 +5904,7 @@ PanelApplet > GtkMenuBar.menubar { box-shadow: none; } .gnome-panel-menu-bar .menuitem, PanelApplet > GtkMenuBar.menubar .menuitem { - color: rgba(236, 239, 241, 0.75); + color: #BBBBBB; background-color: transparent; } .gnome-panel-menu-bar .menuitem:hover, PanelApplet > GtkMenuBar.menubar .menuitem:hover { @@ -5944,7 +5942,7 @@ PanelApplet GtkButton#tasklist-button, PanelApplet GtkButton#clock-applet-button background-color: transparent; background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); padding: 0px 4px; - color: rgba(236, 239, 241, 0.75); + color: #BBBBBB; background-color: transparent; border: none; border-radius: 0; } @@ -5964,7 +5962,7 @@ TaskList TaskItem { background-color: transparent; background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); padding: 0px 4px; - color: rgba(236, 239, 241, 0.75); + color: #BBBBBB; background-color: transparent; border: none; border-radius: 0; } @@ -5982,7 +5980,7 @@ TaskList TaskItem { WpTaskTitle { background-color: transparent; } WpTaskTitle .label { - color: rgba(236, 239, 241, 0.75); } + color: #BBBBBB; } WnckPager:selected { box-shadow: inset 0 -2px #E8E8E8; } @@ -6038,7 +6036,7 @@ GfPopupWindow { opacity: 0.9; } FlashbackOsdWindow.background, GfPopupWindow.background { - background-color: #2b2b2b; + background-color: #FFFFFF; color: #ECEFF1; } GfInputSourcePopup #input-source { @@ -6323,7 +6321,7 @@ GbTerminalView > GtkPaned > GtkScrolledWindow, GbTerminalView > GtkPaned > GtkSc font-size: 1em; } GbTerminalView { - background-color: #2b2b2b; + background-color: #FFFFFF; color: #ECEFF1; } GbSearchDisplayGroup GtkListBox .list-row, GbSearchDisplayGroup GtkListBox .tweak-category { @@ -6462,7 +6460,7 @@ ContactsWindow ContactsListPane GtkScrolledWindow .undershoot.right { ******************/ TerminalScreen, TerminalWindow.background { - background-color: #2b2b2b; + background-color: #FFFFFF; color: #FFFFFF; } TerminalWindow .scrollbar .slider { @@ -6525,17 +6523,17 @@ EvAnnotationWindow { background-color: transparent; } .budgie-panel { - background-color: #2b2b2b; + background-color: #FFFFFF; color: #ECEFF1; font-weight: 700; } .top .budgie-panel { - border-top: 2px solid #2b2b2b; } + border-top: 2px solid #FFFFFF; } .bottom .budgie-panel { - border-bottom: 2px solid #2b2b2b; } + border-bottom: 2px solid #FFFFFF; } .left .budgie-panel { - border-left: 2px solid #2b2b2b; } + border-left: 2px solid #FFFFFF; } .right .budgie-panel { - border-right: 2px solid #2b2b2b; } + border-right: 2px solid #FFFFFF; } .budgie-panel .alert { color: #E8E8E8; } @@ -6866,7 +6864,7 @@ GfCandidatePopup .budgie-panel ShowDesktopApplet.linked > .button, .budgie-panel box-shadow: inset 0 1px 2px -1px rgba(0, 0, 0, 0.02), inset 0 2px 3px -2px rgba(0, 0, 0, 0.07); } .raven .powerstrip { border-top: 1px solid rgba(0, 0, 0, 0.09); - background-color: #2b2b2b; + background-color: #FFFFFF; box-shadow: inset 0 1px 2px -1px rgba(0, 0, 0, 0.02), inset 0 2px 3px -2px rgba(0, 0, 0, 0.07); } .raven .powerstrip .button { padding: 1em; @@ -7164,7 +7162,7 @@ UnityDecoration { border-color: rgba(0, 0, 0, 0.09); border-radius: 2px 2px 0 0; padding: 1px 6px 0 6px; - background-image: linear-gradient(to bottom, #2b2b2b); + background-image: linear-gradient(to bottom, #FFFFFF); color: #ECEFF1; box-shadow: inset 0 1px rgba(255, 255, 255, 0.07); } UnityDecoration.top:backdrop { @@ -7175,9 +7173,9 @@ UnityDecoration { UnityPanelWidget, UnityPanelWidget:backdrop, .unity-panel, .unity-panel:backdrop { - border-bottom: 1px solid #2b2b2b; + border-bottom: 1px solid #FFFFFF; color: #ECEFF1; - background-image: linear-gradient(to bottom, #2b2b2b); + background-image: linear-gradient(to bottom, #FFFFFF); box-shadow: none; } .unity-panel.menubar, @@ -7303,7 +7301,7 @@ CcShellCategoryView CcShellItemView.view { * XFce4 * *********/ .xfce4-panel { - background-color: #2b2b2b; + background-color: #FFFFFF; color: #ECEFF1; font-weight: 700; } .xfce4-panel .button { @@ -7329,7 +7327,7 @@ CcShellCategoryView CcShellItemView.view { -gtk-image-effect: none; } TopMenuAppMenuBar { - background-color: #2b2b2b; + background-color: #FFFFFF; color: #ECEFF1; box-shadow: none; } TopMenuAppMenuBar > .menuitem { @@ -7385,6 +7383,6 @@ GtkWindow > GtkBox.vertical > GtkBox.horizontal > GtkAlignment { @define-color error_color #F44336; @define-color success_color #00E676; @define-color link_color #E8E8E8; -@define-color wm_bg_a #2b2b2b; +@define-color wm_bg_a #FFFFFF; @define-color wm_bg_b rgba(255, 255, 255, 0.07); @define-color content_view_bg #FFFFFF; diff --git a/whitey/gtk-3.20/gtk.css b/whitey/gtk-3.20/gtk.css index c900a9c..2d0dcc1 100755 --- a/whitey/gtk-3.20/gtk.css +++ b/whitey/gtk-3.20/gtk.css @@ -681,7 +681,7 @@ button, button.osd.image-button, .button.osd.image-button { padding: 1.30075rem; - background-color: #2b2b2b; + background-color: #FFFFFF; background-size: 3.7594rem 3.7594rem, auto; } button.osd.image-button:not(:active):not(:disabled):not(hover), .button.osd.image-button:not(:active):not(:disabled):not(hover) { @@ -1511,7 +1511,7 @@ spinbutton:not(.vertical) { .osd spinbutton.vertical button, .osd spinbutton.vertical entry, .osd spinbutton.vertical spinbutton:not(.vertical) { - color: rgba(236, 239, 241, 0.75); } + color: #BBBBBB; } .osd spinbutton:focus, .osd spinbutton button:focus, .osd spinbutton entry:focus, @@ -1642,8 +1642,7 @@ toolbar { -GtkWidget-window-dragging: true; padding: 0.3985rem; background-color: #FFFFFF; - color: rgba(38, 50, 56, 0.75); - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.18), inset 0 4px 2px -4px rgba(0, 0, 0, 0.2), inset 0 8px 3px -5px rgba(0, 0, 0, 0.24); } + color: rgba(38, 50, 56, 0.75); } toolbar.vertical, .inline-toolbar toolbar, paned toolbar, paned toolbar.primary-toolbar, grid toolbar.primary-toolbar { box-shadow: none; } .osd toolbar { @@ -1657,7 +1656,7 @@ toolbar { border-image: -gtk-scaled(url("assets/osd-shadow.png"), url("assets/osd-shadow@2.png")) 10/10px stretch; box-shadow: none; color: #ECEFF1; - background-color: #2b2b2b; } + background-color: #FFFFFF; } .osd toolbar:backdrop, toolbar.osd:backdrop, .app-notification:backdrop, GeditViewFrame .gedit-search-slider:backdrop { border-image: -gtk-scaled(url("assets/osd-shadow-backdrop.png"), url("assets/osd-shadow-backdrop@2.png")) 10/10px stretch; } .osd toolbar button, toolbar.osd button, .app-notification button, @@ -1977,9 +1976,9 @@ searchbar, ***************/ .titlebar, headerbar { - background-color: #2b2b2b; + background-color: #FFFFFF; background-clip: border-box; - color: rgba(236, 239, 241, 0.75); } + color: #BBBBBB; } .titlebar label:checked:disabled, .titlebar image:checked:disabled, headerbar label:checked:disabled, @@ -2006,7 +2005,7 @@ headerbar { headerbar .subtitle { padding-left: 1rem; padding-right: 1rem; - color: rgba(236, 239, 241, 0.75); + color: #BBBBBB; font-size: 90%; } .titlebar separator.vertical, .titlebar > box > separator.vertical, .titlebar > box > box > separator.vertical, headerbar separator.vertical, @@ -2018,7 +2017,7 @@ headerbar { .titlebar button:not(.suggested-action):not(.destructive-action), headerbar button:not(.suggested-action):not(.destructive-action) { border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.001, to(#E8E8E8), to(transparent)) 0 0 0/0 0 0px; - color: rgba(236, 239, 241, 0.75); + color: #BBBBBB; background-size: 9.96241rem 9.96241rem, auto; } .titlebar button:not(.suggested-action):not(.destructive-action):hover, headerbar button:not(.suggested-action):not(.destructive-action):hover { @@ -2079,7 +2078,7 @@ headerbar { headerbar button.suggested-action label.text-button, headerbar button.destructive-action, headerbar button.destructive-action label.text-button { - color: rgba(236, 239, 241, 0.75); } + color: #BBBBBB; } .titlebar button:hover, .titlebar button label.text-button:hover, .titlebar .linked > button:hover, .titlebar .linked > button label.text-button:hover, @@ -2161,8 +2160,8 @@ headerbar { headerbar spinbutton:not(.vertical), headerbar .linked > entry, headerbar .linked > spinbutton:not(.vertical) { - color: rgba(236, 239, 241, 0.75); - caret-color: rgba(236, 239, 241, 0.75); } + color: #BBBBBB; + caret-color: #BBBBBB; } .titlebar entry:focus, .titlebar spinbutton:focus:not(.vertical), .titlebar .linked > entry:focus, .titlebar .linked > spinbutton:focus:not(.vertical), @@ -2187,8 +2186,8 @@ headerbar { headerbar combobox > spinbutton.combo:not(.vertical), headerbar .linked > combobox > entry.combo, headerbar .linked > combobox > spinbutton.combo:not(.vertical) { - color: rgba(236, 239, 241, 0.75); - caret-color: rgba(236, 239, 241, 0.75); } + color: #BBBBBB; + caret-color: #BBBBBB; } .titlebar combobox > entry.combo:focus, .titlebar combobox > spinbutton.combo:focus:not(.vertical), .titlebar .linked > combobox > entry.combo:focus, .titlebar .linked > combobox > spinbutton.combo:focus:not(.vertical), @@ -2218,7 +2217,7 @@ headerbar { .titlebar .linked > combobox > button.combo, headerbar combobox > button.combo, headerbar .linked > combobox > button.combo { - color: rgba(236, 239, 241, 0.75); } + color: #BBBBBB; } .titlebar combobox > button.combo:hover, .titlebar .linked > combobox > button.combo:hover, headerbar combobox > button.combo:hover, @@ -2398,7 +2397,7 @@ headerbar { .titlebar switch, headerbar switch { margin: 0.20301rem 0; - color: rgba(236, 239, 241, 0.75); + color: #BBBBBB; background-color: rgba(236, 239, 241, 0.075); } .titlebar switch:checked, headerbar switch:checked { @@ -2610,7 +2609,7 @@ headerbar { .titlebar.selection-mode entry, .titlebar.selection-mode spinbutton:not(.vertical), headerbar.selection-mode entry, headerbar.selection-mode spinbutton:not(.vertical) { - color: rgba(236, 239, 241, 0.75); } + color: #BBBBBB; } .titlebar.selection-mode entry:focus, .titlebar.selection-mode spinbutton:focus:not(.vertical), headerbar.selection-mode entry:focus, headerbar.selection-mode spinbutton:focus:not(.vertical) { @@ -2682,7 +2681,7 @@ headerbar { min-height: 26.7px; margin: 0; padding: 0; - color: rgba(236, 239, 241, 0.75); + color: #BBBBBB; background-size: 2.44361rem 2.44361rem, auto; } .titlebar.default-decoration button.titlebutton:hover, .titlebar.default-decoration button.titlebutton:active, headerbar.default-decoration button.titlebutton:hover, @@ -2695,21 +2694,20 @@ headerbar { headerbar { border-width: 1px 0 1px; border-style: solid; - border-top-color: #2b2b2b; - border-bottom-color: #242F35; } + border-top-color: #FFFFFF; + border-bottom-color: #FFFFFF; } headerbar.titlebar, .csd headerbar, box headerbar:only-child { - padding: 0.3985rem; - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.16), 0 1px 2px rgba(0, 0, 0, 0.26), 0 2px 3px rgba(0, 0, 0, 0.32); } + padding: 0.3985rem;} box headerbar:not(:only-child):first-child, box headerbar:not(:only-child):last-child { - border-left-color: #2b2b2b; - border-right-color: #2b2b2b; } + border-left-color: #FFFFFF; + border-right-color: #FFFFFF; } .tiled box headerbar:not(:only-child):first-child, .maximized box headerbar:not(:only-child):first-child, .tiled box headerbar:not(:only-child):last-child, .maximized box headerbar:not(:only-child):last-child { - border-left-color: #2b2b2b; - border-right-color: #2b2b2b; } + border-left-color: #FFFFFF; + border-right-color: #FFFFFF; } box headerbar:not(:only-child):last-child:dir(ltr) { - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.16), 0 1px 2px rgba(0, 0, 0, 0.26), 0 2px 3px rgba(0, 0, 0, 0.32), -5px 0 0 -1px #2b2b2b, -2px 0 0 -1px rgba(0, 0, 0, 0.09); } + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.16), 0 1px 2px rgba(0, 0, 0, 0.26), 0 2px 3px rgba(0, 0, 0, 0.32), -5px 0 0 -1px #FFFFFF, -2px 0 0 -1px rgba(0, 0, 0, 0.09); } box headerbar:not(:only-child):last-child:dir(rtl) { - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.16), 0 1px 2px rgba(0, 0, 0, 0.26), 0 2px 3px rgba(0, 0, 0, 0.32), 5px 0 0 -1px #2b2b2b, 2px 0 0 -1px rgba(0, 0, 0, 0.09); } + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.16), 0 1px 2px rgba(0, 0, 0, 0.26), 0 2px 3px rgba(0, 0, 0, 0.32), 5px 0 0 -1px #FFFFFF, 2px 0 0 -1px rgba(0, 0, 0, 0.09); } box headerbar.selection-mode:not(:only-child):last-child:dir(ltr) { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.16), 0 1px 2px rgba(0, 0, 0, 0.26), 0 2px 3px rgba(0, 0, 0, 0.32), -5px 0 0 -1px #E8E8E8, -2px 0 0 -1px #242F35; } @@ -2758,10 +2756,10 @@ window:not(.maximized):not(.tiled) paned.titlebar { .tiled .titlebar, .tiled headerbar, .tiled headerbar.titlebar, .tiled .csd headerbar, .tiled box headerbar:only-child, .tiled box headerbar:not(:only-child):last-child:dir(ltr), .tiled box headerbar:not(:only-child):last-child:dir(rtl), .tiled paned headerbar:not(:only-child):last-child:dir(ltr), .tiled paned headerbar:not(:only-child):last-child:dir(rtl), .tiled box headerbar.selection-mode:not(:only-child):last-child:dir(ltr), .tiled box headerbar.selection-mode:not(:only-child):last-child:dir(rtl), .tiled .ssd decoration .titlebar { border-radius: 0; - border-color: #2b2b2b; + border-color: #FFFFFF; border-width: 2px 0 0 0; border-top-color: #4DD0E1; - background-color: #2b2b2b; + background-color: #FFFFFF; box-shadow: none; } .tiled .titlebar:backdrop, .tiled headerbar:backdrop, .tiled box headerbar:backdrop:only-child, .tiled box headerbar:backdrop:not(:only-child):last-child:dir(ltr), .tiled box headerbar:backdrop:not(:only-child):last-child:dir(rtl), .tiled paned headerbar:backdrop:not(:only-child):last-child:dir(ltr), .tiled paned headerbar:backdrop:not(:only-child):last-child:dir(rtl), .tiled .ssd decoration .titlebar:backdrop { @@ -2770,9 +2768,9 @@ headerbar, .tiled headerbar.titlebar, .tiled .csd headerbar, .tiled box headerba .maximized .titlebar, .maximized headerbar, .maximized headerbar.titlebar, .maximized .csd headerbar, .maximized box headerbar:only-child, .maximized box headerbar:not(:only-child):last-child:dir(ltr), .maximized box headerbar:not(:only-child):last-child:dir(rtl), .maximized paned headerbar:not(:only-child):last-child:dir(ltr), .maximized paned headerbar:not(:only-child):last-child:dir(rtl), .maximized box headerbar.selection-mode:not(:only-child):last-child:dir(ltr), .maximized box headerbar.selection-mode:not(:only-child):last-child:dir(rtl), .maximized .ssd decoration .titlebar { border-radius: 0; - border-color: #2b2b2b; + border-color: #FFFFFF; border-width: 1px 0 0 0; - background-color: #2b2b2b; + background-color: #FFFFFF; box-shadow: none; } /************ @@ -2909,20 +2907,19 @@ column-header.button.dnd, treeview.view header.dnd, .tweak-category header.dnd { menubar { -GtkWidget-window-dragging: true; padding: 0; - box-shadow: inset 0 2px 2px -3px rgba(0, 0, 0, 0.26), inset 0 5px 3px -5px rgba(0, 0, 0, 0.39), inset 0 -1px rgba(0, 0, 0, 0.09); - background-color: #2b2b2b; - color: rgba(236, 239, 241, 0.75); } + background-color: #FFFFFF; + color: #BBBBBB; } .tiled .menubar, .maximized .menubar, .tiled menubar, .maximized menubar { - background-color: #2b2b2b; + background-color: #FFFFFF; box-shadow: none; transition: none; } .menubar > menuitem, menubar > menuitem { min-height: 1.50376rem; padding: 0.3985rem 0.6015rem 0.50376rem; - color: rgba(236, 239, 241, 0.75); + color: #BBBBBB; background-color: transparent; } .menubar > menuitem:hover, menubar > menuitem:hover { @@ -6712,7 +6709,7 @@ colorchooser .popover.osd { border-image: -gtk-scaled(url("assets/osd-shadow.png"), url("assets/osd-shadow@2.png")) 10/10px stretch; box-shadow: none; color: #ECEFF1; - background-color: #2b2b2b; } + background-color: #FFFFFF; } colorchooser .popover.osd:backdrop { border-image: -gtk-scaled(url("assets/osd-shadow-backdrop.png"), url("assets/osd-shadow-backdrop@2.png")) 10/10px stretch; } colorchooser .popover.osd label { @@ -6808,8 +6805,8 @@ menu > arrow.scale, placessidebar row button.scale.image-button, .csd headerbar padding: 0.09774rem 0 0.20301rem; border: 1px solid transparent; border-radius: 0; - color: rgba(236, 239, 241, 0.75); - background-color: #2b2b2b; + color: #BBBBBB; + background-color: #FFFFFF; transition: none; } .nautilus-window .floating-bar button { min-height: 1rem; @@ -7504,19 +7501,19 @@ placessidebar undershoot.right, .sidebar undershoot.right { * Gnome panel * ***************/ panel-toplevel.background { - background-color: #2b2b2b; } + background-color: #FFFFFF; } panel-plug, panel-toplevel > grid.horizontal > widget > widget { - color: rgba(236, 239, 241, 0.75); - background-color: #2b2b2b; + color: #BBBBBB; + background-color: #FFFFFF; box-shadow: none; } .gnome-panel-menu-bar, panel-applet > menubar, #clock-applet-button { font-weight: 700; - color: rgba(236, 239, 241, 0.75); + color: #BBBBBB; background-color: transparent; box-shadow: none; } .gnome-panel-menu-bar label:backdrop, .gnome-panel-menu-bar:backdrop, @@ -7531,7 +7528,7 @@ panel-applet menubar { box-shadow: none; } .gnome-panel-menu-bar menuitem, panel-applet menubar menuitem { - color: rgba(236, 239, 241, 0.75); + color: #BBBBBB; background-color: transparent; } .gnome-panel-menu-bar menuitem:hover, panel-applet menubar menuitem:hover { @@ -7568,7 +7565,7 @@ panel-applet menubar { padding: 0px 0.30075rem; border: none; border-radius: 0; - color: rgba(236, 239, 241, 0.75); + color: #BBBBBB; background-color: transparent; font-weight: 700; } #tasklist-button:hover, @@ -7596,7 +7593,7 @@ panel-applet menubar { widget > menubar { background-color: transparent; - background-image: linear-gradient(to bottom, #2b2b2b); + background-image: linear-gradient(to bottom, #FFFFFF); box-shadow: none; } wnck-pager:selected { @@ -7615,7 +7612,7 @@ gp-arrow-button { min-height: 0; border: 1px solid transparent; background-image: none; - color: rgba(236, 239, 241, 0.75); + color: #BBBBBB; margin: 0.15038rem; } gp-arrow-button:hover, gp-arrow-button:active { color: #ECEFF1; } @@ -8412,7 +8409,7 @@ headerbar.context-menu > arrow.popup.title-menu-button.toggle, placessidebar row opacity: 1.0; } .budgie-panel { - background-color: #2b2b2b; + background-color: #FFFFFF; color: #ECEFF1; font-weight: 700; } .top .budgie-panel { @@ -10663,7 +10660,7 @@ layouttab .right .budgie-panel .pinned button.launcher.running:backdrop { box-shadow: inset 0 1px 2px -1px rgba(0, 0, 0, 0.02), inset 0 2px 3px -2px rgba(0, 0, 0, 0.07); } .raven .powerstrip { border-top: 1px solid rgba(0, 0, 0, 0.09); - background-color: #2b2b2b; + background-color: #FFFFFF; box-shadow: inset 0 1px 2px -1px rgba(0, 0, 0, 0.02), inset 0 2px 3px -2px rgba(0, 0, 0, 0.07); } .raven .powerstrip button { padding: 1rem; @@ -11000,7 +10997,7 @@ UnityDecoration { border-color: rgba(0, 0, 0, 0.09); border-radius: 2px 2px 0 0; padding: 1px 6px 0 6px; - background-image: linear-gradient(to bottom, #2b2b2b); + background-image: linear-gradient(to bottom, #FFFFFF); color: #ECEFF1; box-shadow: inset 0 1px rgba(255, 255, 255, 0.07); } UnityDecoration.top:backdrop { @@ -11011,9 +11008,9 @@ UnityDecoration { UnityPanelWidget, UnityPanelWidget:backdrop, .unity-panel, .unity-panel:backdrop { - border-bottom: 1px solid #2b2b2b; + border-bottom: 1px solid #FFFFFF; color: #ECEFF1; - background-image: linear-gradient(to bottom, #2b2b2b); + background-image: linear-gradient(to bottom, #FFFFFF); box-shadow: none; } .unity-panel.menubar, @@ -11140,7 +11137,7 @@ window > box.vertical > stack > scrolledwindow toolbar, window > box.vertical > * XFce4 * *********/ .xfce4-panel { - background-color: #2b2b2b; + background-color: #FFFFFF; color: #ECEFF1; font-weight: 700; } .xfce4-panel button { @@ -11166,7 +11163,7 @@ window > box.vertical > stack > scrolledwindow toolbar, window > box.vertical > -gtk-icon-effect: none; } TopMenuAppMenuBar { - background-color: #2b2b2b; + background-color: #FFFFFF; color: #ECEFF1; box-shadow: none; } TopMenuAppMenuBar > menuitem { @@ -11238,6 +11235,6 @@ window > box.vertical > box.horizontal > widget { @define-color error_color #F44336; @define-color success_color #00E676; @define-color link_color #E8E8E8; -@define-color wm_bg_a #2b2b2b; +@define-color wm_bg_a #FFFFFF; @define-color wm_bg_b rgba(255, 255, 255, 0.07); @define-color content_view_bg #FFFFFF; diff --git a/whitey/gtk-3.22/gtk.css b/whitey/gtk-3.22/gtk.css index 72db8bd..fe3abe4 100755 --- a/whitey/gtk-3.22/gtk.css +++ b/whitey/gtk-3.22/gtk.css @@ -572,7 +572,7 @@ button { -gtk-outline-radius: 100px; } button.osd.image-button { padding: 1.30075rem; - background-color: #2b2b2b; + background-color: #FFFFFF; background-size: 3.7594rem 3.7594rem, auto; } button.osd.image-button:not(:active):not(:disabled):not(hover) { color: #E8E8E8; } @@ -1550,7 +1550,7 @@ spinbutton:not(.vertical) { .osd spinbutton.vertical button, .osd spinbutton.vertical entry, .osd spinbutton.vertical spinbutton:not(.vertical) { - color: rgba(236, 239, 241, 0.75); } + color: #BBBBBB; } .osd spinbutton:focus, .osd spinbutton button:focus, .osd spinbutton entry:focus, @@ -1681,8 +1681,7 @@ toolbar { -GtkWidget-window-dragging: true; padding: 0.3985rem; background-color: #FFFFFF; - color: rgba(38, 50, 56, 0.75); - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.18), inset 0 4px 2px -4px rgba(0, 0, 0, 0.2), inset 0 8px 3px -5px rgba(0, 0, 0, 0.24); } + color: rgba(38, 50, 56, 0.75);} toolbar.vertical, .inline-toolbar toolbar, paned toolbar, paned toolbar.primary-toolbar, grid toolbar.primary-toolbar { box-shadow: none; } .osd toolbar { @@ -1696,7 +1695,7 @@ toolbar { border-image: -gtk-scaled(url("assets/osd-shadow.png"), url("assets/osd-shadow@2.png")) 10/10px stretch; box-shadow: none; color: #ECEFF1; - background-color: #2b2b2b; } + background-color: #FFFFFF; } .osd toolbar:backdrop, toolbar.osd:backdrop, .app-notification:backdrop, GeditViewFrame .gedit-search-slider:backdrop { border-image: -gtk-scaled(url("assets/osd-shadow-backdrop.png"), url("assets/osd-shadow-backdrop@2.png")) 10/10px stretch; } .osd toolbar button:not(:active):not(:disabled):not(hover), toolbar.osd button:not(:active):not(:disabled):not(hover), .app-notification button:not(:active):not(:disabled):not(hover), @@ -2032,9 +2031,9 @@ searchbar, ***************/ .titlebar, headerbar { - background-color: #2b2b2b; + background-color: #FFFFFF; background-clip: border-box; - color: rgba(236, 239, 241, 0.75); } + color: #BBBBBB; } .titlebar label:checked:disabled, .titlebar image:checked:disabled, headerbar label:checked:disabled, @@ -2061,7 +2060,7 @@ headerbar { headerbar .subtitle { padding-left: 1rem; padding-right: 1rem; - color: rgba(236, 239, 241, 0.75); + color: #BBBBBB; font-size: 90%; } .titlebar separator.vertical, .titlebar > box > separator.vertical, .titlebar > box > box > separator.vertical, headerbar separator.vertical, @@ -2073,7 +2072,7 @@ headerbar { .titlebar button:not(.suggested-action):not(.destructive-action), headerbar button:not(.suggested-action):not(.destructive-action) { border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.001, to(#E8E8E8), to(transparent)) 0 0 0/0 0 0px; - color: rgba(236, 239, 241, 0.75); + color: #BBBBBB; background-size: 9.96241rem 9.96241rem, auto; } .titlebar button:not(.suggested-action):not(.destructive-action):hover, headerbar button:not(.suggested-action):not(.destructive-action):hover { @@ -2134,7 +2133,7 @@ headerbar { headerbar button.suggested-action label.text-button, headerbar button.destructive-action, headerbar button.destructive-action label.text-button { - color: rgba(236, 239, 241, 0.75); } + color: #BBBBBB; } .titlebar button:hover, .titlebar button label.text-button:hover, .titlebar .linked > button:hover, .titlebar .linked > button label.text-button:hover, @@ -2216,8 +2215,8 @@ headerbar { headerbar spinbutton:not(.vertical), headerbar .linked > entry, headerbar .linked > spinbutton:not(.vertical) { - color: rgba(236, 239, 241, 0.75); - caret-color: rgba(236, 239, 241, 0.75); } + color: #BBBBBB; + caret-color: #BBBBBB; } .titlebar entry:focus, .titlebar spinbutton:focus:not(.vertical), .titlebar .linked > entry:focus, .titlebar .linked > spinbutton:focus:not(.vertical), @@ -2242,8 +2241,8 @@ headerbar { headerbar combobox > spinbutton.combo:not(.vertical), headerbar .linked > combobox > entry.combo, headerbar .linked > combobox > spinbutton.combo:not(.vertical) { - color: rgba(236, 239, 241, 0.75); - caret-color: rgba(236, 239, 241, 0.75); } + color: #BBBBBB; + caret-color: #BBBBBB; } .titlebar combobox > entry.combo:focus, .titlebar combobox > spinbutton.combo:focus:not(.vertical), .titlebar .linked > combobox > entry.combo:focus, .titlebar .linked > combobox > spinbutton.combo:focus:not(.vertical), @@ -2273,7 +2272,7 @@ headerbar { .titlebar .linked > combobox > button.combo, headerbar combobox > button.combo, headerbar .linked > combobox > button.combo { - color: rgba(236, 239, 241, 0.75); } + color: #BBBBBB; } .titlebar combobox > button.combo:hover, .titlebar .linked > combobox > button.combo:hover, headerbar combobox > button.combo:hover, @@ -2495,7 +2494,7 @@ headerbar { .titlebar switch, headerbar switch { margin: 0.20301rem 0; - color: rgba(236, 239, 241, 0.75); + color: #BBBBBB; background-color: rgba(236, 239, 241, 0.075); } .titlebar switch:checked, headerbar switch:checked { @@ -2727,7 +2726,7 @@ headerbar { .titlebar.selection-mode entry, .titlebar.selection-mode spinbutton:not(.vertical), headerbar.selection-mode entry, headerbar.selection-mode spinbutton:not(.vertical) { - color: rgba(236, 239, 241, 0.75); } + color: #BBBBBB; } .titlebar.selection-mode entry:focus, .titlebar.selection-mode spinbutton:focus:not(.vertical), headerbar.selection-mode entry:focus, headerbar.selection-mode spinbutton:focus:not(.vertical) { @@ -2799,7 +2798,7 @@ headerbar { min-height: 26.7px; margin: 0; padding: 0; - color: rgba(236, 239, 241, 0.75); + color: #BBBBBB; background-size: 2.44361rem 2.44361rem, auto; } .titlebar.default-decoration button.titlebutton:hover, .titlebar.default-decoration button.titlebutton:active, headerbar.default-decoration button.titlebutton:hover, @@ -2812,21 +2811,20 @@ headerbar { headerbar { border-width: 1px 0 1px; border-style: solid; - border-top-color: #2b2b2b; - border-bottom-color: #242F35; } + border-top-color: #FFFFFF; + border-bottom-color: #FFFFFF; } headerbar.titlebar, .csd headerbar, box headerbar:only-child { - padding: 0.3985rem; - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.16), 0 1px 2px rgba(0, 0, 0, 0.26), 0 2px 3px rgba(0, 0, 0, 0.32); } + padding: 0.3985rem;} box headerbar:not(:only-child):first-child, box headerbar:not(:only-child):last-child { - border-left-color: #2b2b2b; - border-right-color: #2b2b2b; } + border-left-color: #FFFFFF; + border-right-color: #FFFFFF; } .tiled box headerbar:not(:only-child):first-child, .maximized box headerbar:not(:only-child):first-child, .tiled box headerbar:not(:only-child):last-child, .maximized box headerbar:not(:only-child):last-child { - border-left-color: #2b2b2b; - border-right-color: #2b2b2b; } + border-left-color: #FFFFFF; + border-right-color: #FFFFFF; } box headerbar:not(:only-child):last-child:dir(ltr) { - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.16), 0 1px 2px rgba(0, 0, 0, 0.26), 0 2px 3px rgba(0, 0, 0, 0.32), -5px 0 0 -1px #2b2b2b, -2px 0 0 -1px rgba(0, 0, 0, 0.09); } + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.16), 0 1px 2px rgba(0, 0, 0, 0.26), 0 2px 3px rgba(0, 0, 0, 0.32), -5px 0 0 -1px #FFFFFF, -2px 0 0 -1px rgba(0, 0, 0, 0.09); } box headerbar:not(:only-child):last-child:dir(rtl) { - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.16), 0 1px 2px rgba(0, 0, 0, 0.26), 0 2px 3px rgba(0, 0, 0, 0.32), 5px 0 0 -1px #2b2b2b, 2px 0 0 -1px rgba(0, 0, 0, 0.09); } + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.16), 0 1px 2px rgba(0, 0, 0, 0.26), 0 2px 3px rgba(0, 0, 0, 0.32), 5px 0 0 -1px #FFFFFF, 2px 0 0 -1px rgba(0, 0, 0, 0.09); } box headerbar.selection-mode:not(:only-child):last-child:dir(ltr) { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.16), 0 1px 2px rgba(0, 0, 0, 0.26), 0 2px 3px rgba(0, 0, 0, 0.32), -5px 0 0 -1px #E8E8E8, -2px 0 0 -1px #242F35; } @@ -2875,10 +2873,10 @@ window:not(.maximized):not(.tiled) paned.titlebar { .tiled .titlebar, .tiled headerbar, .tiled headerbar.titlebar, .tiled .csd headerbar, .tiled box headerbar:only-child, .tiled box headerbar:not(:only-child):last-child:dir(ltr), .tiled box headerbar:not(:only-child):last-child:dir(rtl), .tiled paned headerbar:not(:only-child):last-child:dir(ltr), .tiled paned headerbar:not(:only-child):last-child:dir(rtl), .tiled box headerbar.selection-mode:not(:only-child):last-child:dir(ltr), .tiled box headerbar.selection-mode:not(:only-child):last-child:dir(rtl), .tiled .ssd decoration .titlebar { border-radius: 0; - border-color: #2b2b2b; + border-color: #FFFFFF; border-width: 2px 0 0 0; border-top-color: #4DD0E1; - background-color: #2b2b2b; + background-color: #FFFFFF; box-shadow: none; } .tiled .titlebar:backdrop, .tiled headerbar:backdrop, .tiled box headerbar:backdrop:only-child, .tiled box headerbar:backdrop:not(:only-child):last-child:dir(ltr), .tiled box headerbar:backdrop:not(:only-child):last-child:dir(rtl), .tiled paned headerbar:backdrop:not(:only-child):last-child:dir(ltr), .tiled paned headerbar:backdrop:not(:only-child):last-child:dir(rtl), .tiled .ssd decoration .titlebar:backdrop { @@ -2887,9 +2885,9 @@ headerbar, .tiled headerbar.titlebar, .tiled .csd headerbar, .tiled box headerba .maximized .titlebar, .maximized headerbar, .maximized headerbar.titlebar, .maximized .csd headerbar, .maximized box headerbar:only-child, .maximized box headerbar:not(:only-child):last-child:dir(ltr), .maximized box headerbar:not(:only-child):last-child:dir(rtl), .maximized paned headerbar:not(:only-child):last-child:dir(ltr), .maximized paned headerbar:not(:only-child):last-child:dir(rtl), .maximized box headerbar.selection-mode:not(:only-child):last-child:dir(ltr), .maximized box headerbar.selection-mode:not(:only-child):last-child:dir(rtl), .maximized .ssd decoration .titlebar { border-radius: 0; - border-color: #2b2b2b; + border-color: #FFFFFF; border-width: 1px 0 0 0; - background-color: #2b2b2b; + background-color: #FFFFFF; box-shadow: none; } /************ @@ -3054,20 +3052,19 @@ column-header.button.dnd, treeview.view header.dnd, .tweak-category header.dnd { menubar { -GtkWidget-window-dragging: true; padding: 0; - box-shadow: inset 0 2px 2px -3px rgba(0, 0, 0, 0.26), inset 0 5px 3px -5px rgba(0, 0, 0, 0.39), inset 0 -1px rgba(0, 0, 0, 0.09); - background-color: #2b2b2b; - color: rgba(236, 239, 241, 0.75); } + background-color: #FFFFFF; + color: #BBBBBB; } .tiled .menubar, .maximized .menubar, .tiled menubar, .maximized menubar { - background-color: #2b2b2b; + background-color: #FFFFFF; box-shadow: none; transition: none; } .menubar > menuitem, menubar > menuitem { min-height: 1.50376rem; padding: 0.3985rem 0.6015rem 0.50376rem; - color: rgba(236, 239, 241, 0.75); + color: #BBBBBB; background-color: transparent; } .menubar > menuitem:hover, menubar > menuitem:hover { @@ -7024,7 +7021,7 @@ colorchooser .popover.osd { border-image: -gtk-scaled(url("assets/osd-shadow.png"), url("assets/osd-shadow@2.png")) 10/10px stretch; box-shadow: none; color: #ECEFF1; - background-color: #2b2b2b; } + background-color: #FFFFFF; } colorchooser .popover.osd:backdrop { border-image: -gtk-scaled(url("assets/osd-shadow-backdrop.png"), url("assets/osd-shadow-backdrop@2.png")) 10/10px stretch; } colorchooser .popover.osd label { @@ -7119,8 +7116,8 @@ menu > arrow.scale, placessidebar row button.scale.image-button, .ssd decoration padding: 0.09774rem 0 0.20301rem; border: 1px solid transparent; border-radius: 0; - color: rgba(236, 239, 241, 0.75); - background-color: #2b2b2b; + color: #BBBBBB; + background-color: #FFFFFF; transition: none; } .nautilus-window .floating-bar button { min-height: 1rem; @@ -7798,19 +7795,19 @@ placessidebar undershoot.right, .sidebar undershoot.right { * Gnome panel * ***************/ panel-toplevel.background { - background-color: #2b2b2b; } + background-color: #FFFFFF; } panel-plug, panel-toplevel > grid.horizontal > widget > widget { - color: rgba(236, 239, 241, 0.75); - background-color: #2b2b2b; + color: #BBBBBB; + background-color: #FFFFFF; box-shadow: none; } .gnome-panel-menu-bar, panel-applet > menubar, #clock-applet-button { font-weight: 700; - color: rgba(236, 239, 241, 0.75); + color: #BBBBBB; background-color: transparent; box-shadow: none; } .gnome-panel-menu-bar label:backdrop, .gnome-panel-menu-bar:backdrop, @@ -7825,7 +7822,7 @@ panel-applet menubar { box-shadow: none; } .gnome-panel-menu-bar menuitem, panel-applet menubar menuitem { - color: rgba(236, 239, 241, 0.75); + color: #BBBBBB; background-color: transparent; } .gnome-panel-menu-bar menuitem:hover, panel-applet menubar menuitem:hover { @@ -7862,7 +7859,7 @@ panel-applet menubar { padding: 0px 0.30075rem; border: none; border-radius: 0; - color: rgba(236, 239, 241, 0.75); + color: #BBBBBB; background-color: transparent; font-weight: 700; } #tasklist-button:hover, @@ -7890,7 +7887,7 @@ panel-applet menubar { widget > menubar { background-color: transparent; - background-image: linear-gradient(to bottom, #2b2b2b, #2b2b2b); + background-image: linear-gradient(to bottom, #FFFFFF, #FFFFFF); box-shadow: none; } wnck-pager:selected { @@ -7909,7 +7906,7 @@ gp-arrow-button { min-height: 0; border: 1px solid transparent; background-image: none; - color: rgba(236, 239, 241, 0.75); + color: #BBBBBB; margin: 0.15038rem; } gp-arrow-button:hover, gp-arrow-button:active { color: #ECEFF1; } @@ -7966,7 +7963,7 @@ sn-button { gf-popup-window { border-radius: 2px; border: 1px solid rgba(0, 0, 0, 0.09); - background-color: #2b2b2b; + background-color: #FFFFFF; color: #ECEFF1; opacity: 0.9; } gf-popup-window.solid { @@ -8707,7 +8704,7 @@ headerbar.context-menu > arrow.popup.title-menu-button.toggle, placessidebar row opacity: 1.0; } .budgie-panel { - background-color: #2b2b2b; + background-color: #FFFFFF; color: #ECEFF1; font-weight: 700; } .top .budgie-panel { @@ -11684,7 +11681,7 @@ layouttab .right .budgie-panel .pinned button.launcher.running:backdrop { box-shadow: inset 0 1px 2px -1px rgba(0, 0, 0, 0.02), inset 0 2px 3px -2px rgba(0, 0, 0, 0.07); } .raven .powerstrip { border-top: 1px solid rgba(0, 0, 0, 0.09); - background-color: #2b2b2b; + background-color: #FFFFFF; box-shadow: inset 0 1px 2px -1px rgba(0, 0, 0, 0.02), inset 0 2px 3px -2px rgba(0, 0, 0, 0.07); } .raven .powerstrip button { padding: 1rem; @@ -12018,7 +12015,7 @@ UnityDecoration { border-color: rgba(0, 0, 0, 0.09); border-radius: 2px 2px 0 0; padding: 1px 6px 0 6px; - background-image: linear-gradient(to bottom, #2b2b2b, #2b2b2b); + background-image: linear-gradient(to bottom, #FFFFFF, #FFFFFF); color: #ECEFF1; box-shadow: inset 0 1px rgba(255, 255, 255, 0.07); } UnityDecoration.top:backdrop { @@ -12029,9 +12026,9 @@ UnityDecoration { UnityPanelWidget, UnityPanelWidget:backdrop, .unity-panel, .unity-panel:backdrop { - border-bottom: 1px solid #2b2b2b; + border-bottom: 1px solid #FFFFFF; color: #ECEFF1; - background-image: linear-gradient(to bottom, #2b2b2b, #2b2b2b); + background-image: linear-gradient(to bottom, #FFFFFF, #FFFFFF); box-shadow: none; } .unity-panel.menubar, @@ -12158,7 +12155,7 @@ window > box.vertical > stack > scrolledwindow toolbar, window > box.vertical > * XFce4 * *********/ .xfce4-panel { - background-color: #2b2b2b; + background-color: #FFFFFF; color: #ECEFF1; font-weight: 700; } .xfce4-panel button { @@ -12184,7 +12181,7 @@ window > box.vertical > stack > scrolledwindow toolbar, window > box.vertical > -gtk-icon-effect: none; } TopMenuAppMenuBar { - background-color: #2b2b2b; + background-color: #FFFFFF; color: #ECEFF1; box-shadow: none; } TopMenuAppMenuBar > menuitem { @@ -12255,6 +12252,6 @@ window > box.vertical > box.horizontal > widget { @define-color error_color #F44336; @define-color success_color #00E676; @define-color link_color #E8E8E8; -@define-color wm_bg_a #2b2b2b; +@define-color wm_bg_a #FFFFFF; @define-color wm_bg_b rgba(255, 255, 255, 0.07); @define-color content_view_bg #FFFFFF; diff --git a/whitey/xfce-notify-4.0/gtk.css b/whitey/xfce-notify-4.0/gtk.css new file mode 100644 index 0000000..62704a6 --- /dev/null +++ b/whitey/xfce-notify-4.0/gtk.css @@ -0,0 +1,48 @@ +/* This file is part of adapta-gtk-theme Copyright (C) 2016-2017 Tista This program is free software; you can redistribute it and/or modify it under the terms of the GNU General Public License as published by the Free Software Foundation; either version 2 of the License, or (at your option) any later version. */ +@keyframes ripple_effect { 0% { background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.1) 0%, transparent 0%), image(alpha(currentColor, 0)); } + 66% { background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.1) 100%, transparent 0%), image(alpha(currentColor, 0.1)); } + 100% { background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0) 100%, transparent 0%), image(alpha(currentColor, 0)); } } + +@keyframes flat_ripple_effect { 0% { background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.1) 0%, transparent 0%), image(alpha(currentColor, 0.1)); } + 66% { background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.1) 100%, transparent 0%), image(alpha(currentColor, 0.1)); } + 100% { background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0) 100%, transparent 0%), image(alpha(currentColor, 0.1)); } } + +@keyframes list_ripple_effect { 0% { background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.05) 0%, transparent 0%), image(alpha(currentColor, 0.05)); } + 50% { background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.05) 50%, transparent 0%), image(alpha(currentColor, 0.05)); } } + +#XfceNotifyWindow buttonbox button { background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0) 100%, transparent 0%), image(alpha(currentColor, 0)); box-shadow: none; transition-timing-function: cubic-bezier(0, 0, 0.2, 1); transition-duration: 0.2s; } + +#XfceNotifyWindow buttonbox button:hover { background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0) 100%, transparent 0%), image(alpha(currentColor, 0.1)); box-shadow: none; } + +#XfceNotifyWindow buttonbox button:active { box-shadow: none; transition: all 0.2s cubic-bezier(0, 0, 0.2, 1), background-image 0; animation: flat_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1) forwards; } + +#XfceNotifyWindow buttonbox button:checked { box-shadow: none; } + +#XfceNotifyWindow buttonbox button:disabled { box-shadow: none; } + +#XfceNotifyWindow buttonbox button:disabled > label { color: inherit; } + +/******************* Xfce-Notify-4.0 * */ +#XfceNotifyWindow, #XfceNotifyWindow:hover { border-radius: 2px; border: 1px solid #ffffff; color: #F6F6F6; background-color: rgba(255, 255, 255, 0.9); box-shadow: none; } + +#XfceNotifyWindow box.vertical > label#summary { color: #F6F6F6; font-weight: 700; } + +#XfceNotifyWindow box.vertical > label#body { color: rgba(187, 187, 187, 0.75); } + +#XfceNotifyWindow buttonbox button { background-color: transparent; } + +#XfceNotifyWindow buttonbox button:not(:active):not(:disabled):not(hover) { background-color: transparent; color: rgba(142, 209, 218, 0.9); } + +#XfceNotifyWindow buttonbox button:hover { background-color: transparent; color: #F2A4A2; } + +#XfceNotifyWindow buttonbox button:active { border-image: none; background-color: transparent; color: #ACDA95; box-shadow: none; } + +#XfceNotifyWindow buttonbox button:checked { border-image: none; background-color: transparent; color: #ACDA95; box-shadow: none; } + +#XfceNotifyWindow buttonbox button:disabled { background-color: transparent; color: rgba(142, 209, 218, 0.4); } + +#XfceNotifyWindow progressbar { min-width: 4px; min-height: 4px; } + +#XfceNotifyWindow progressbar trough { border-style: none; background-color: rgba(187, 187, 187, 0.2); box-shadow: none; } + +#XfceNotifyWindow progressbar progress { border-style: none; border-radius: 0; background-image: none; background-color: #48B9C7; }