From 4677acbc4ec0cbabf3559196bfcbf8ea01adbd77 Mon Sep 17 00:00:00 2001 From: vinceliuice Date: Wed, 13 Jun 2018 09:42:29 +0800 Subject: [PATCH] Fixed wingpanel bugs --- src/gtk-3.0/gtk-compact-dark-solid-thin.css | 62 +++++++++++++------- src/gtk-3.0/gtk-compact-dark-solid.css | 62 +++++++++++++------- src/gtk-3.0/gtk-compact-dark-thin.css | 62 +++++++++++++------- src/gtk-3.0/gtk-compact-dark.css | 62 +++++++++++++------- src/gtk-3.0/gtk-compact-light-solid-thin.css | 62 +++++++++++++------- src/gtk-3.0/gtk-compact-light-solid.css | 62 +++++++++++++------- src/gtk-3.0/gtk-compact-light-thin.css | 62 +++++++++++++------- src/gtk-3.0/gtk-compact-light.css | 62 +++++++++++++------- src/gtk-3.0/gtk-dark-solid-thin.css | 62 +++++++++++++------- src/gtk-3.0/gtk-dark-solid.css | 62 +++++++++++++------- src/gtk-3.0/gtk-dark-thin.css | 62 +++++++++++++------- src/gtk-3.0/gtk-dark.css | 62 +++++++++++++------- src/gtk-3.0/gtk-light-solid-thin.css | 62 +++++++++++++------- src/gtk-3.0/gtk-light-solid.css | 62 +++++++++++++------- src/gtk-3.0/gtk-light-thin.css | 62 +++++++++++++------- src/gtk-3.0/gtk-light.css | 62 +++++++++++++------- src/gtk-3.0/sass/_applications.scss | 22 ++++--- src/gtk-3.0/sass/_common.scss | 7 ++- 18 files changed, 674 insertions(+), 347 deletions(-) diff --git a/src/gtk-3.0/gtk-compact-dark-solid-thin.css b/src/gtk-3.0/gtk-compact-dark-solid-thin.css index 1bec07d..fb94a03 100644 --- a/src/gtk-3.0/gtk-compact-dark-solid-thin.css +++ b/src/gtk-3.0/gtk-compact-dark-solid-thin.css @@ -1093,7 +1093,8 @@ headerbar .linked:not(.vertical).path-bar > button:only-child:disabled { } menuitem.button.flat, -modelbutton.flat, button:link, button:visited, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, notebook > header > tabs > tab button.flat:hover, notebook > header > tabs > tab button.budgie-menu-launcher:hover, notebook > header > tabs > tab .budgie-panel #tasklist-button:hover, .budgie-panel notebook > header > tabs > tab #tasklist-button:hover, notebook > header > tabs > tab .budgie-panel button.flat.launcher:hover, .budgie-panel notebook > header > tabs > tab button.flat.launcher:hover, notebook > header > tabs > tab button.flat:active, notebook > header > tabs > tab button.budgie-menu-launcher:active, notebook > header > tabs > tab .budgie-panel #tasklist-button:active, .budgie-panel notebook > header > tabs > tab #tasklist-button:active, notebook > header > tabs > tab .budgie-panel button.flat.launcher:active, .budgie-panel notebook > header > tabs > tab button.flat.launcher:active, notebook > header > tabs > tab button.flat:active:hover, notebook > header > tabs > tab button.budgie-menu-launcher:active:hover, .app-notification button, calendar.button, calendar.raven-calendar.button { +modelbutton.flat, button:link, button:visited, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, notebook > header > tabs > tab button.flat:hover, notebook > header > tabs > tab button.budgie-menu-launcher:hover, notebook > header > tabs > tab .budgie-panel #tasklist-button:hover, .budgie-panel notebook > header > tabs > tab #tasklist-button:hover, notebook > header > tabs > tab .budgie-panel button.flat.launcher:hover, .budgie-panel notebook > header > tabs > tab button.flat.launcher:hover, notebook > header > tabs > tab button.flat:active, notebook > header > tabs > tab button.budgie-menu-launcher:active, notebook > header > tabs > tab .budgie-panel #tasklist-button:active, .budgie-panel notebook > header > tabs > tab #tasklist-button:active, notebook > header > tabs > tab .budgie-panel button.flat.launcher:active, .budgie-panel notebook > header > tabs > tab button.flat.launcher:active, notebook > header > tabs > tab button.flat:active:hover, notebook > header > tabs > tab button.budgie-menu-launcher:active:hover, .app-notification button, +calendar.button, calendar.raven-calendar.button { border-color: transparent; background-color: transparent; background-image: none; @@ -4193,6 +4194,7 @@ expander arrow:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + calendar { color: #dedede; border: 1px solid rgba(255, 255, 255, 0.12); @@ -4201,33 +4203,45 @@ calendar { margin: 0; } + calendar:selected { border-radius: 50px; } + +calendar:disabled { + color: rgba(222, 222, 222, 0.45); +} + + calendar.header { color: #dedede; border: none; } + calendar.button { color: rgba(222, 222, 222, 0.45); } + calendar.button:hover { color: #dedede; } + calendar.button:disabled { color: rgba(222, 222, 222, 0.45); } + calendar:indeterminate { - color: alpha(currentColor,0.55); + color: rgba(222, 222, 222, 0.55); } + calendar.highlight { - color: #dedede; + color: rgba(222, 222, 222, 0.65); } messagedialog .titlebar { @@ -5028,7 +5042,8 @@ headerbar button.titlebutton.restore:active, .view:selected, iconview:selected, .view:selected:focus, .view text:selected, iconview text:selected, textview text:selected, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection, textview text selection:focus, -textview text selection, flowbox flowboxchild:selected, entry selection:focus, entry selection, treeview.view:selected, treeview.view:selected:focus, row:selected, calendar:selected, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:selected:focus, +textview text selection, flowbox flowboxchild:selected, entry selection:focus, entry selection, treeview.view:selected, treeview.view:selected:focus, row:selected, +calendar:selected, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:selected:focus, #MozillaGtkWidget.background > widget > scrolledwindow > textview text selection, .budgie-menu button:checked { background-color: #498dff; } @@ -5036,7 +5051,8 @@ textview text selection, flowbox flowboxchild:selected, entry selection:focus, e row:selected label, label:selected, .view:selected, iconview:selected, .view:selected:focus, .view text:selected, iconview text:selected, textview text:selected, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection, textview text selection:focus, -textview text selection, flowbox flowboxchild:selected, entry selection:focus, entry selection, treeview.view:selected, treeview.view:selected:focus, row:selected, calendar:selected, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:selected:focus, +textview text selection, flowbox flowboxchild:selected, entry selection:focus, entry selection, treeview.view:selected, treeview.view:selected:focus, row:selected, +calendar:selected, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:selected:focus, #MozillaGtkWidget.background > widget > scrolledwindow > textview text selection, .budgie-menu button:checked { color: #ffffff; } @@ -5044,7 +5060,8 @@ textview text selection, flowbox flowboxchild:selected, entry selection:focus, e row:selected label:disabled, label:disabled:selected, .view:disabled:selected, iconview:disabled:selected, iconview:disabled:selected:focus, .view text:disabled:selected, iconview text:disabled:selected, textview text:disabled:selected, iconview text:disabled:selected:focus, textview text:disabled:selected:focus, iconview text selection:disabled:focus, .view text selection:disabled, iconview text selection:disabled, -textview text selection:disabled, flowbox flowboxchild:disabled:selected, label:disabled selection, entry selection:disabled, treeview.view:disabled:selected:focus, row:disabled:selected, calendar:disabled:selected, .nemo-window .nemo-window-pane widget.entry:disabled:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:disabled:selected, +textview text selection:disabled, flowbox flowboxchild:disabled:selected, label:disabled selection, entry selection:disabled, treeview.view:disabled:selected:focus, row:disabled:selected, +calendar:disabled:selected, .nemo-window .nemo-window-pane widget.entry:disabled:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:disabled:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text selection:disabled, .budgie-menu button:disabled:checked { color: #a4c6ff; } @@ -5767,8 +5784,8 @@ dialog.csd > headerbar.titlebar > switch { } /************************ - * Gnome Control Center * - ************************/ + * Gnome Control Center * + ************************/ box.horizontal.titlebar > headerbar > stack > box.vertical > .title { margin: 0; } @@ -6634,7 +6651,7 @@ menubar .panel, } .panel popover button { - border: none; + border-color: transparent; background-color: transparent; box-shadow: none; } @@ -6677,26 +6694,29 @@ menubar .panel, color: rgba(222, 222, 222, 0.45); } +.panel popover button, .panel popover button:hover, .panel popover button:active, .panel popover button:checked, .panel popover button:disabled { + border-color: transparent; +} + .panel popover .linked > button { color: #dedede; - border-color: rgba(255, 255, 255, 0.12); background-color: #484848; + border-color: rgba(255, 255, 255, 0.12); } .panel popover .linked > button:hover { - background-color: rgba(255, 255, 255, 0.15); + color: #c5c5c5; + border-color: rgba(255, 255, 255, 0.12); + background-color: #5c5c5c; + box-shadow: none; } -.panel popover .linked > button:active { - background-color: rgba(255, 255, 255, 0.25); -} - -.panel popover .linked > button:checked { - background-color: rgba(255, 255, 255, 0.35); -} - -.panel popover .linked > button, .panel popover .linked > button:hover, .panel popover .linked > button:active, .panel popover .linked > button:checked, .panel popover .linked > button:disabled { - border: 1px solid rgba(255, 255, 255, 0.12); +.panel popover .linked > button:active, .panel popover .linked > button:checked { + color: #ffffff; + background-color: #0e6bff; + border-color: #0e6bff; + background-image: linear-gradient(180deg, #4c97fe 0%, #0564e3 100%); + box-shadow: none; } .panel popover separator.horizontal { diff --git a/src/gtk-3.0/gtk-compact-dark-solid.css b/src/gtk-3.0/gtk-compact-dark-solid.css index dcb7958..8731cdd 100644 --- a/src/gtk-3.0/gtk-compact-dark-solid.css +++ b/src/gtk-3.0/gtk-compact-dark-solid.css @@ -1093,7 +1093,8 @@ headerbar .linked:not(.vertical).path-bar > button:only-child:disabled { } menuitem.button.flat, -modelbutton.flat, button:link, button:visited, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, notebook > header > tabs > tab button.flat:hover, notebook > header > tabs > tab button.budgie-menu-launcher:hover, notebook > header > tabs > tab .budgie-panel #tasklist-button:hover, .budgie-panel notebook > header > tabs > tab #tasklist-button:hover, notebook > header > tabs > tab .budgie-panel button.flat.launcher:hover, .budgie-panel notebook > header > tabs > tab button.flat.launcher:hover, notebook > header > tabs > tab button.flat:active, notebook > header > tabs > tab button.budgie-menu-launcher:active, notebook > header > tabs > tab .budgie-panel #tasklist-button:active, .budgie-panel notebook > header > tabs > tab #tasklist-button:active, notebook > header > tabs > tab .budgie-panel button.flat.launcher:active, .budgie-panel notebook > header > tabs > tab button.flat.launcher:active, notebook > header > tabs > tab button.flat:active:hover, notebook > header > tabs > tab button.budgie-menu-launcher:active:hover, .app-notification button, calendar.button, calendar.raven-calendar.button { +modelbutton.flat, button:link, button:visited, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, notebook > header > tabs > tab button.flat:hover, notebook > header > tabs > tab button.budgie-menu-launcher:hover, notebook > header > tabs > tab .budgie-panel #tasklist-button:hover, .budgie-panel notebook > header > tabs > tab #tasklist-button:hover, notebook > header > tabs > tab .budgie-panel button.flat.launcher:hover, .budgie-panel notebook > header > tabs > tab button.flat.launcher:hover, notebook > header > tabs > tab button.flat:active, notebook > header > tabs > tab button.budgie-menu-launcher:active, notebook > header > tabs > tab .budgie-panel #tasklist-button:active, .budgie-panel notebook > header > tabs > tab #tasklist-button:active, notebook > header > tabs > tab .budgie-panel button.flat.launcher:active, .budgie-panel notebook > header > tabs > tab button.flat.launcher:active, notebook > header > tabs > tab button.flat:active:hover, notebook > header > tabs > tab button.budgie-menu-launcher:active:hover, .app-notification button, +calendar.button, calendar.raven-calendar.button { border-color: transparent; background-color: transparent; background-image: none; @@ -4193,6 +4194,7 @@ expander arrow:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + calendar { color: #dedede; border: 1px solid rgba(255, 255, 255, 0.12); @@ -4201,33 +4203,45 @@ calendar { margin: 0; } + calendar:selected { border-radius: 50px; } + +calendar:disabled { + color: rgba(222, 222, 222, 0.45); +} + + calendar.header { color: #dedede; border: none; } + calendar.button { color: rgba(222, 222, 222, 0.45); } + calendar.button:hover { color: #dedede; } + calendar.button:disabled { color: rgba(222, 222, 222, 0.45); } + calendar:indeterminate { - color: alpha(currentColor,0.55); + color: rgba(222, 222, 222, 0.55); } + calendar.highlight { - color: #dedede; + color: rgba(222, 222, 222, 0.65); } messagedialog .titlebar { @@ -5028,7 +5042,8 @@ headerbar button.titlebutton.restore:active, .view:selected, iconview:selected, .view:selected:focus, .view text:selected, iconview text:selected, textview text:selected, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection, textview text selection:focus, -textview text selection, flowbox flowboxchild:selected, entry selection:focus, entry selection, treeview.view:selected, treeview.view:selected:focus, row:selected, calendar:selected, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:selected:focus, +textview text selection, flowbox flowboxchild:selected, entry selection:focus, entry selection, treeview.view:selected, treeview.view:selected:focus, row:selected, +calendar:selected, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:selected:focus, #MozillaGtkWidget.background > widget > scrolledwindow > textview text selection, .budgie-menu button:checked { background-color: #498dff; } @@ -5036,7 +5051,8 @@ textview text selection, flowbox flowboxchild:selected, entry selection:focus, e row:selected label, label:selected, .view:selected, iconview:selected, .view:selected:focus, .view text:selected, iconview text:selected, textview text:selected, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection, textview text selection:focus, -textview text selection, flowbox flowboxchild:selected, entry selection:focus, entry selection, treeview.view:selected, treeview.view:selected:focus, row:selected, calendar:selected, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:selected:focus, +textview text selection, flowbox flowboxchild:selected, entry selection:focus, entry selection, treeview.view:selected, treeview.view:selected:focus, row:selected, +calendar:selected, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:selected:focus, #MozillaGtkWidget.background > widget > scrolledwindow > textview text selection, .budgie-menu button:checked { color: #ffffff; } @@ -5044,7 +5060,8 @@ textview text selection, flowbox flowboxchild:selected, entry selection:focus, e row:selected label:disabled, label:disabled:selected, .view:disabled:selected, iconview:disabled:selected, iconview:disabled:selected:focus, .view text:disabled:selected, iconview text:disabled:selected, textview text:disabled:selected, iconview text:disabled:selected:focus, textview text:disabled:selected:focus, iconview text selection:disabled:focus, .view text selection:disabled, iconview text selection:disabled, -textview text selection:disabled, flowbox flowboxchild:disabled:selected, label:disabled selection, entry selection:disabled, treeview.view:disabled:selected:focus, row:disabled:selected, calendar:disabled:selected, .nemo-window .nemo-window-pane widget.entry:disabled:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:disabled:selected, +textview text selection:disabled, flowbox flowboxchild:disabled:selected, label:disabled selection, entry selection:disabled, treeview.view:disabled:selected:focus, row:disabled:selected, +calendar:disabled:selected, .nemo-window .nemo-window-pane widget.entry:disabled:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:disabled:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text selection:disabled, .budgie-menu button:disabled:checked { color: #a4c6ff; } @@ -5767,8 +5784,8 @@ dialog.csd > headerbar.titlebar > switch { } /************************ - * Gnome Control Center * - ************************/ + * Gnome Control Center * + ************************/ box.horizontal.titlebar > headerbar > stack > box.vertical > .title { margin: 0; } @@ -6634,7 +6651,7 @@ menubar .panel, } .panel popover button { - border: none; + border-color: transparent; background-color: transparent; box-shadow: none; } @@ -6677,26 +6694,29 @@ menubar .panel, color: rgba(222, 222, 222, 0.45); } +.panel popover button, .panel popover button:hover, .panel popover button:active, .panel popover button:checked, .panel popover button:disabled { + border-color: transparent; +} + .panel popover .linked > button { color: #dedede; - border-color: rgba(255, 255, 255, 0.12); background-color: #484848; + border-color: rgba(255, 255, 255, 0.12); } .panel popover .linked > button:hover { - background-color: rgba(255, 255, 255, 0.15); + color: #c5c5c5; + border-color: rgba(255, 255, 255, 0.12); + background-color: #5c5c5c; + box-shadow: none; } -.panel popover .linked > button:active { - background-color: rgba(255, 255, 255, 0.25); -} - -.panel popover .linked > button:checked { - background-color: rgba(255, 255, 255, 0.35); -} - -.panel popover .linked > button, .panel popover .linked > button:hover, .panel popover .linked > button:active, .panel popover .linked > button:checked, .panel popover .linked > button:disabled { - border: 1px solid rgba(255, 255, 255, 0.12); +.panel popover .linked > button:active, .panel popover .linked > button:checked { + color: #ffffff; + background-color: #0e6bff; + border-color: #0e6bff; + background-image: linear-gradient(180deg, #4c97fe 0%, #0564e3 100%); + box-shadow: none; } .panel popover separator.horizontal { diff --git a/src/gtk-3.0/gtk-compact-dark-thin.css b/src/gtk-3.0/gtk-compact-dark-thin.css index de24181..4c8e7f0 100644 --- a/src/gtk-3.0/gtk-compact-dark-thin.css +++ b/src/gtk-3.0/gtk-compact-dark-thin.css @@ -1093,7 +1093,8 @@ headerbar .linked:not(.vertical).path-bar > button:only-child:disabled { } menuitem.button.flat, -modelbutton.flat, button:link, button:visited, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, notebook > header > tabs > tab button.flat:hover, notebook > header > tabs > tab button.budgie-menu-launcher:hover, notebook > header > tabs > tab .budgie-panel #tasklist-button:hover, .budgie-panel notebook > header > tabs > tab #tasklist-button:hover, notebook > header > tabs > tab .budgie-panel button.flat.launcher:hover, .budgie-panel notebook > header > tabs > tab button.flat.launcher:hover, notebook > header > tabs > tab button.flat:active, notebook > header > tabs > tab button.budgie-menu-launcher:active, notebook > header > tabs > tab .budgie-panel #tasklist-button:active, .budgie-panel notebook > header > tabs > tab #tasklist-button:active, notebook > header > tabs > tab .budgie-panel button.flat.launcher:active, .budgie-panel notebook > header > tabs > tab button.flat.launcher:active, notebook > header > tabs > tab button.flat:active:hover, notebook > header > tabs > tab button.budgie-menu-launcher:active:hover, .app-notification button, calendar.button, calendar.raven-calendar.button { +modelbutton.flat, button:link, button:visited, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, notebook > header > tabs > tab button.flat:hover, notebook > header > tabs > tab button.budgie-menu-launcher:hover, notebook > header > tabs > tab .budgie-panel #tasklist-button:hover, .budgie-panel notebook > header > tabs > tab #tasklist-button:hover, notebook > header > tabs > tab .budgie-panel button.flat.launcher:hover, .budgie-panel notebook > header > tabs > tab button.flat.launcher:hover, notebook > header > tabs > tab button.flat:active, notebook > header > tabs > tab button.budgie-menu-launcher:active, notebook > header > tabs > tab .budgie-panel #tasklist-button:active, .budgie-panel notebook > header > tabs > tab #tasklist-button:active, notebook > header > tabs > tab .budgie-panel button.flat.launcher:active, .budgie-panel notebook > header > tabs > tab button.flat.launcher:active, notebook > header > tabs > tab button.flat:active:hover, notebook > header > tabs > tab button.budgie-menu-launcher:active:hover, .app-notification button, +calendar.button, calendar.raven-calendar.button { border-color: transparent; background-color: transparent; background-image: none; @@ -4193,6 +4194,7 @@ expander arrow:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + calendar { color: #dedede; border: 1px solid rgba(255, 255, 255, 0.12); @@ -4201,33 +4203,45 @@ calendar { margin: 0; } + calendar:selected { border-radius: 50px; } + +calendar:disabled { + color: rgba(222, 222, 222, 0.45); +} + + calendar.header { color: #dedede; border: none; } + calendar.button { color: rgba(222, 222, 222, 0.45); } + calendar.button:hover { color: #dedede; } + calendar.button:disabled { color: rgba(222, 222, 222, 0.45); } + calendar:indeterminate { - color: alpha(currentColor,0.55); + color: rgba(222, 222, 222, 0.55); } + calendar.highlight { - color: #dedede; + color: rgba(222, 222, 222, 0.65); } messagedialog .titlebar { @@ -5028,7 +5042,8 @@ headerbar button.titlebutton.restore:active, .view:selected, iconview:selected, .view:selected:focus, .view text:selected, iconview text:selected, textview text:selected, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection, textview text selection:focus, -textview text selection, flowbox flowboxchild:selected, entry selection:focus, entry selection, treeview.view:selected, treeview.view:selected:focus, row:selected, calendar:selected, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:selected:focus, +textview text selection, flowbox flowboxchild:selected, entry selection:focus, entry selection, treeview.view:selected, treeview.view:selected:focus, row:selected, +calendar:selected, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:selected:focus, #MozillaGtkWidget.background > widget > scrolledwindow > textview text selection, .budgie-menu button:checked { background-color: #498dff; } @@ -5036,7 +5051,8 @@ textview text selection, flowbox flowboxchild:selected, entry selection:focus, e row:selected label, label:selected, .view:selected, iconview:selected, .view:selected:focus, .view text:selected, iconview text:selected, textview text:selected, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection, textview text selection:focus, -textview text selection, flowbox flowboxchild:selected, entry selection:focus, entry selection, treeview.view:selected, treeview.view:selected:focus, row:selected, calendar:selected, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:selected:focus, +textview text selection, flowbox flowboxchild:selected, entry selection:focus, entry selection, treeview.view:selected, treeview.view:selected:focus, row:selected, +calendar:selected, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:selected:focus, #MozillaGtkWidget.background > widget > scrolledwindow > textview text selection, .budgie-menu button:checked { color: #ffffff; } @@ -5044,7 +5060,8 @@ textview text selection, flowbox flowboxchild:selected, entry selection:focus, e row:selected label:disabled, label:disabled:selected, .view:disabled:selected, iconview:disabled:selected, iconview:disabled:selected:focus, .view text:disabled:selected, iconview text:disabled:selected, textview text:disabled:selected, iconview text:disabled:selected:focus, textview text:disabled:selected:focus, iconview text selection:disabled:focus, .view text selection:disabled, iconview text selection:disabled, -textview text selection:disabled, flowbox flowboxchild:disabled:selected, label:disabled selection, entry selection:disabled, treeview.view:disabled:selected:focus, row:disabled:selected, calendar:disabled:selected, .nemo-window .nemo-window-pane widget.entry:disabled:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:disabled:selected, +textview text selection:disabled, flowbox flowboxchild:disabled:selected, label:disabled selection, entry selection:disabled, treeview.view:disabled:selected:focus, row:disabled:selected, +calendar:disabled:selected, .nemo-window .nemo-window-pane widget.entry:disabled:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:disabled:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text selection:disabled, .budgie-menu button:disabled:checked { color: #a4c6ff; } @@ -5767,8 +5784,8 @@ dialog.csd > headerbar.titlebar > switch { } /************************ - * Gnome Control Center * - ************************/ + * Gnome Control Center * + ************************/ box.horizontal.titlebar > headerbar > stack > box.vertical > .title { margin: 0; } @@ -6634,7 +6651,7 @@ menubar .panel, } .panel popover button { - border: none; + border-color: transparent; background-color: transparent; box-shadow: none; } @@ -6677,26 +6694,29 @@ menubar .panel, color: rgba(222, 222, 222, 0.45); } +.panel popover button, .panel popover button:hover, .panel popover button:active, .panel popover button:checked, .panel popover button:disabled { + border-color: transparent; +} + .panel popover .linked > button { color: #dedede; - border-color: rgba(255, 255, 255, 0.12); background-color: #484848; + border-color: rgba(255, 255, 255, 0.12); } .panel popover .linked > button:hover { - background-color: rgba(255, 255, 255, 0.15); + color: #c5c5c5; + border-color: rgba(255, 255, 255, 0.12); + background-color: #5c5c5c; + box-shadow: none; } -.panel popover .linked > button:active { - background-color: rgba(255, 255, 255, 0.25); -} - -.panel popover .linked > button:checked { - background-color: rgba(255, 255, 255, 0.35); -} - -.panel popover .linked > button, .panel popover .linked > button:hover, .panel popover .linked > button:active, .panel popover .linked > button:checked, .panel popover .linked > button:disabled { - border: 1px solid rgba(255, 255, 255, 0.12); +.panel popover .linked > button:active, .panel popover .linked > button:checked { + color: #ffffff; + background-color: #0e6bff; + border-color: #0e6bff; + background-image: linear-gradient(180deg, #4c97fe 0%, #0564e3 100%); + box-shadow: none; } .panel popover separator.horizontal { diff --git a/src/gtk-3.0/gtk-compact-dark.css b/src/gtk-3.0/gtk-compact-dark.css index 2e18dc4..9a9095d 100644 --- a/src/gtk-3.0/gtk-compact-dark.css +++ b/src/gtk-3.0/gtk-compact-dark.css @@ -1093,7 +1093,8 @@ headerbar .linked:not(.vertical).path-bar > button:only-child:disabled { } menuitem.button.flat, -modelbutton.flat, button:link, button:visited, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, notebook > header > tabs > tab button.flat:hover, notebook > header > tabs > tab button.budgie-menu-launcher:hover, notebook > header > tabs > tab .budgie-panel #tasklist-button:hover, .budgie-panel notebook > header > tabs > tab #tasklist-button:hover, notebook > header > tabs > tab .budgie-panel button.flat.launcher:hover, .budgie-panel notebook > header > tabs > tab button.flat.launcher:hover, notebook > header > tabs > tab button.flat:active, notebook > header > tabs > tab button.budgie-menu-launcher:active, notebook > header > tabs > tab .budgie-panel #tasklist-button:active, .budgie-panel notebook > header > tabs > tab #tasklist-button:active, notebook > header > tabs > tab .budgie-panel button.flat.launcher:active, .budgie-panel notebook > header > tabs > tab button.flat.launcher:active, notebook > header > tabs > tab button.flat:active:hover, notebook > header > tabs > tab button.budgie-menu-launcher:active:hover, .app-notification button, calendar.button, calendar.raven-calendar.button { +modelbutton.flat, button:link, button:visited, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, notebook > header > tabs > tab button.flat:hover, notebook > header > tabs > tab button.budgie-menu-launcher:hover, notebook > header > tabs > tab .budgie-panel #tasklist-button:hover, .budgie-panel notebook > header > tabs > tab #tasklist-button:hover, notebook > header > tabs > tab .budgie-panel button.flat.launcher:hover, .budgie-panel notebook > header > tabs > tab button.flat.launcher:hover, notebook > header > tabs > tab button.flat:active, notebook > header > tabs > tab button.budgie-menu-launcher:active, notebook > header > tabs > tab .budgie-panel #tasklist-button:active, .budgie-panel notebook > header > tabs > tab #tasklist-button:active, notebook > header > tabs > tab .budgie-panel button.flat.launcher:active, .budgie-panel notebook > header > tabs > tab button.flat.launcher:active, notebook > header > tabs > tab button.flat:active:hover, notebook > header > tabs > tab button.budgie-menu-launcher:active:hover, .app-notification button, +calendar.button, calendar.raven-calendar.button { border-color: transparent; background-color: transparent; background-image: none; @@ -4193,6 +4194,7 @@ expander arrow:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + calendar { color: #dedede; border: 1px solid rgba(255, 255, 255, 0.12); @@ -4201,33 +4203,45 @@ calendar { margin: 0; } + calendar:selected { border-radius: 50px; } + +calendar:disabled { + color: rgba(222, 222, 222, 0.45); +} + + calendar.header { color: #dedede; border: none; } + calendar.button { color: rgba(222, 222, 222, 0.45); } + calendar.button:hover { color: #dedede; } + calendar.button:disabled { color: rgba(222, 222, 222, 0.45); } + calendar:indeterminate { - color: alpha(currentColor,0.55); + color: rgba(222, 222, 222, 0.55); } + calendar.highlight { - color: #dedede; + color: rgba(222, 222, 222, 0.65); } messagedialog .titlebar { @@ -5028,7 +5042,8 @@ headerbar button.titlebutton.restore:active, .view:selected, iconview:selected, .view:selected:focus, .view text:selected, iconview text:selected, textview text:selected, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection, textview text selection:focus, -textview text selection, flowbox flowboxchild:selected, entry selection:focus, entry selection, treeview.view:selected, treeview.view:selected:focus, row:selected, calendar:selected, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:selected:focus, +textview text selection, flowbox flowboxchild:selected, entry selection:focus, entry selection, treeview.view:selected, treeview.view:selected:focus, row:selected, +calendar:selected, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:selected:focus, #MozillaGtkWidget.background > widget > scrolledwindow > textview text selection, .budgie-menu button:checked { background-color: #498dff; } @@ -5036,7 +5051,8 @@ textview text selection, flowbox flowboxchild:selected, entry selection:focus, e row:selected label, label:selected, .view:selected, iconview:selected, .view:selected:focus, .view text:selected, iconview text:selected, textview text:selected, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection, textview text selection:focus, -textview text selection, flowbox flowboxchild:selected, entry selection:focus, entry selection, treeview.view:selected, treeview.view:selected:focus, row:selected, calendar:selected, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:selected:focus, +textview text selection, flowbox flowboxchild:selected, entry selection:focus, entry selection, treeview.view:selected, treeview.view:selected:focus, row:selected, +calendar:selected, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:selected:focus, #MozillaGtkWidget.background > widget > scrolledwindow > textview text selection, .budgie-menu button:checked { color: #ffffff; } @@ -5044,7 +5060,8 @@ textview text selection, flowbox flowboxchild:selected, entry selection:focus, e row:selected label:disabled, label:disabled:selected, .view:disabled:selected, iconview:disabled:selected, iconview:disabled:selected:focus, .view text:disabled:selected, iconview text:disabled:selected, textview text:disabled:selected, iconview text:disabled:selected:focus, textview text:disabled:selected:focus, iconview text selection:disabled:focus, .view text selection:disabled, iconview text selection:disabled, -textview text selection:disabled, flowbox flowboxchild:disabled:selected, label:disabled selection, entry selection:disabled, treeview.view:disabled:selected:focus, row:disabled:selected, calendar:disabled:selected, .nemo-window .nemo-window-pane widget.entry:disabled:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:disabled:selected, +textview text selection:disabled, flowbox flowboxchild:disabled:selected, label:disabled selection, entry selection:disabled, treeview.view:disabled:selected:focus, row:disabled:selected, +calendar:disabled:selected, .nemo-window .nemo-window-pane widget.entry:disabled:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:disabled:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text selection:disabled, .budgie-menu button:disabled:checked { color: #a4c6ff; } @@ -5767,8 +5784,8 @@ dialog.csd > headerbar.titlebar > switch { } /************************ - * Gnome Control Center * - ************************/ + * Gnome Control Center * + ************************/ box.horizontal.titlebar > headerbar > stack > box.vertical > .title { margin: 0; } @@ -6634,7 +6651,7 @@ menubar .panel, } .panel popover button { - border: none; + border-color: transparent; background-color: transparent; box-shadow: none; } @@ -6677,26 +6694,29 @@ menubar .panel, color: rgba(222, 222, 222, 0.45); } +.panel popover button, .panel popover button:hover, .panel popover button:active, .panel popover button:checked, .panel popover button:disabled { + border-color: transparent; +} + .panel popover .linked > button { color: #dedede; - border-color: rgba(255, 255, 255, 0.12); background-color: #484848; + border-color: rgba(255, 255, 255, 0.12); } .panel popover .linked > button:hover { - background-color: rgba(255, 255, 255, 0.15); + color: #c5c5c5; + border-color: rgba(255, 255, 255, 0.12); + background-color: #5c5c5c; + box-shadow: none; } -.panel popover .linked > button:active { - background-color: rgba(255, 255, 255, 0.25); -} - -.panel popover .linked > button:checked { - background-color: rgba(255, 255, 255, 0.35); -} - -.panel popover .linked > button, .panel popover .linked > button:hover, .panel popover .linked > button:active, .panel popover .linked > button:checked, .panel popover .linked > button:disabled { - border: 1px solid rgba(255, 255, 255, 0.12); +.panel popover .linked > button:active, .panel popover .linked > button:checked { + color: #ffffff; + background-color: #0e6bff; + border-color: #0e6bff; + background-image: linear-gradient(180deg, #4c97fe 0%, #0564e3 100%); + box-shadow: none; } .panel popover separator.horizontal { diff --git a/src/gtk-3.0/gtk-compact-light-solid-thin.css b/src/gtk-3.0/gtk-compact-light-solid-thin.css index cc685a1..925a2a4 100644 --- a/src/gtk-3.0/gtk-compact-light-solid-thin.css +++ b/src/gtk-3.0/gtk-compact-light-solid-thin.css @@ -1095,7 +1095,8 @@ headerbar .linked:not(.vertical).path-bar > button:only-child:disabled { } menuitem.button.flat, -modelbutton.flat, button:link, button:visited, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, notebook > header > tabs > tab button.flat:hover, notebook > header > tabs > tab button.budgie-menu-launcher:hover, notebook > header > tabs > tab .budgie-panel #tasklist-button:hover, .budgie-panel notebook > header > tabs > tab #tasklist-button:hover, notebook > header > tabs > tab .budgie-panel button.flat.launcher:hover, .budgie-panel notebook > header > tabs > tab button.flat.launcher:hover, notebook > header > tabs > tab button.flat:active, notebook > header > tabs > tab button.budgie-menu-launcher:active, notebook > header > tabs > tab .budgie-panel #tasklist-button:active, .budgie-panel notebook > header > tabs > tab #tasklist-button:active, notebook > header > tabs > tab .budgie-panel button.flat.launcher:active, .budgie-panel notebook > header > tabs > tab button.flat.launcher:active, notebook > header > tabs > tab button.flat:active:hover, notebook > header > tabs > tab button.budgie-menu-launcher:active:hover, .app-notification button, calendar.button, calendar.raven-calendar.button { +modelbutton.flat, button:link, button:visited, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, notebook > header > tabs > tab button.flat:hover, notebook > header > tabs > tab button.budgie-menu-launcher:hover, notebook > header > tabs > tab .budgie-panel #tasklist-button:hover, .budgie-panel notebook > header > tabs > tab #tasklist-button:hover, notebook > header > tabs > tab .budgie-panel button.flat.launcher:hover, .budgie-panel notebook > header > tabs > tab button.flat.launcher:hover, notebook > header > tabs > tab button.flat:active, notebook > header > tabs > tab button.budgie-menu-launcher:active, notebook > header > tabs > tab .budgie-panel #tasklist-button:active, .budgie-panel notebook > header > tabs > tab #tasklist-button:active, notebook > header > tabs > tab .budgie-panel button.flat.launcher:active, .budgie-panel notebook > header > tabs > tab button.flat.launcher:active, notebook > header > tabs > tab button.flat:active:hover, notebook > header > tabs > tab button.budgie-menu-launcher:active:hover, .app-notification button, +calendar.button, calendar.raven-calendar.button { border-color: transparent; background-color: transparent; background-image: none; @@ -4201,6 +4202,7 @@ expander arrow:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + calendar { color: #242424; border: 1px solid rgba(0, 0, 0, 0.11); @@ -4209,33 +4211,45 @@ calendar { margin: 0; } + calendar:selected { border-radius: 50px; } + +calendar:disabled { + color: rgba(36, 36, 36, 0.55); +} + + calendar.header { color: #242424; border: none; } + calendar.button { color: rgba(36, 36, 36, 0.45); } + calendar.button:hover { color: #242424; } + calendar.button:disabled { color: rgba(36, 36, 36, 0.55); } + calendar:indeterminate { - color: alpha(currentColor,0.55); + color: rgba(36, 36, 36, 0.55); } + calendar.highlight { - color: #242424; + color: rgba(36, 36, 36, 0.65); } messagedialog .titlebar { @@ -5038,7 +5052,8 @@ headerbar button.titlebutton.restore:active, .view:selected, iconview:selected, .view:selected:focus, .view text:selected, iconview text:selected, textview text:selected, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection, textview text selection:focus, -textview text selection, flowbox flowboxchild:selected, entry selection:focus, entry selection, treeview.view:selected, treeview.view:selected:focus, row:selected, calendar:selected, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:selected:focus, +textview text selection, flowbox flowboxchild:selected, entry selection:focus, entry selection, treeview.view:selected, treeview.view:selected:focus, row:selected, +calendar:selected, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:selected:focus, #MozillaGtkWidget.background > widget > scrolledwindow > textview text selection, .budgie-menu button:checked { background-color: #0046DB; } @@ -5046,7 +5061,8 @@ textview text selection, flowbox flowboxchild:selected, entry selection:focus, e row:selected label, label:selected, .view:selected, iconview:selected, .view:selected:focus, .view text:selected, iconview text:selected, textview text:selected, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection, textview text selection:focus, -textview text selection, flowbox flowboxchild:selected, entry selection:focus, entry selection, treeview.view:selected, treeview.view:selected:focus, row:selected, calendar:selected, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:selected:focus, +textview text selection, flowbox flowboxchild:selected, entry selection:focus, entry selection, treeview.view:selected, treeview.view:selected:focus, row:selected, +calendar:selected, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:selected:focus, #MozillaGtkWidget.background > widget > scrolledwindow > textview text selection, .budgie-menu button:checked { color: #ffffff; } @@ -5054,7 +5070,8 @@ textview text selection, flowbox flowboxchild:selected, entry selection:focus, e row:selected label:disabled, label:disabled:selected, .view:disabled:selected, iconview:disabled:selected, iconview:disabled:selected:focus, .view text:disabled:selected, iconview text:disabled:selected, textview text:disabled:selected, iconview text:disabled:selected:focus, textview text:disabled:selected:focus, iconview text selection:disabled:focus, .view text selection:disabled, iconview text selection:disabled, -textview text selection:disabled, flowbox flowboxchild:disabled:selected, label:disabled selection, entry selection:disabled, treeview.view:disabled:selected:focus, row:disabled:selected, calendar:disabled:selected, .nemo-window .nemo-window-pane widget.entry:disabled:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:disabled:selected, +textview text selection:disabled, flowbox flowboxchild:disabled:selected, label:disabled selection, entry selection:disabled, treeview.view:disabled:selected:focus, row:disabled:selected, +calendar:disabled:selected, .nemo-window .nemo-window-pane widget.entry:disabled:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:disabled:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text selection:disabled, .budgie-menu button:disabled:checked { color: #80a3ed; } @@ -5778,8 +5795,8 @@ dialog.csd > headerbar.titlebar > switch { } /************************ - * Gnome Control Center * - ************************/ + * Gnome Control Center * + ************************/ box.horizontal.titlebar > headerbar > stack > box.vertical > .title { margin: 0; } @@ -6639,7 +6656,7 @@ menubar .panel, } .panel popover button { - border: none; + border-color: transparent; background-color: transparent; box-shadow: none; } @@ -6682,27 +6699,30 @@ menubar .panel, color: rgba(36, 36, 36, 0.55); } +.panel popover button, .panel popover button:hover, .panel popover button:active, .panel popover button:checked, .panel popover button:disabled { + border-color: transparent; +} + .panel popover .linked > button { color: #242424; - border-color: rgba(0, 0, 0, 0.11); background-color: white; + border-color: rgba(0, 0, 0, 0.11); box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.04), 0px 1px 2px 0px rgba(16, 16, 16, 0.01), inset 0 0 0 1px rgba(0, 0, 0, 0.01); } .panel popover .linked > button:hover { - background-color: rgba(0, 0, 0, 0.15); + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.11); + background-color: #f7f7f7; + box-shadow: none; } -.panel popover .linked > button:active { - background-color: rgba(0, 0, 0, 0.5); -} - -.panel popover .linked > button:checked { - background-color: rgba(0, 0, 0, 0.65); -} - -.panel popover .linked > button, .panel popover .linked > button:hover, .panel popover .linked > button:active, .panel popover .linked > button:checked, .panel popover .linked > button:disabled { - border: 1px solid rgba(0, 0, 0, 0.11); +.panel popover .linked > button:active, .panel popover .linked > button:checked { + color: #ffffff; + background-color: #0e6bff; + border-color: #0e6bff; + background-image: linear-gradient(180deg, #4c97fe 0%, #0564e3 100%); + box-shadow: none; } .panel popover separator.horizontal { diff --git a/src/gtk-3.0/gtk-compact-light-solid.css b/src/gtk-3.0/gtk-compact-light-solid.css index b1bdb89..89fb53c 100644 --- a/src/gtk-3.0/gtk-compact-light-solid.css +++ b/src/gtk-3.0/gtk-compact-light-solid.css @@ -1095,7 +1095,8 @@ headerbar .linked:not(.vertical).path-bar > button:only-child:disabled { } menuitem.button.flat, -modelbutton.flat, button:link, button:visited, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, notebook > header > tabs > tab button.flat:hover, notebook > header > tabs > tab button.budgie-menu-launcher:hover, notebook > header > tabs > tab .budgie-panel #tasklist-button:hover, .budgie-panel notebook > header > tabs > tab #tasklist-button:hover, notebook > header > tabs > tab .budgie-panel button.flat.launcher:hover, .budgie-panel notebook > header > tabs > tab button.flat.launcher:hover, notebook > header > tabs > tab button.flat:active, notebook > header > tabs > tab button.budgie-menu-launcher:active, notebook > header > tabs > tab .budgie-panel #tasklist-button:active, .budgie-panel notebook > header > tabs > tab #tasklist-button:active, notebook > header > tabs > tab .budgie-panel button.flat.launcher:active, .budgie-panel notebook > header > tabs > tab button.flat.launcher:active, notebook > header > tabs > tab button.flat:active:hover, notebook > header > tabs > tab button.budgie-menu-launcher:active:hover, .app-notification button, calendar.button, calendar.raven-calendar.button { +modelbutton.flat, button:link, button:visited, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, notebook > header > tabs > tab button.flat:hover, notebook > header > tabs > tab button.budgie-menu-launcher:hover, notebook > header > tabs > tab .budgie-panel #tasklist-button:hover, .budgie-panel notebook > header > tabs > tab #tasklist-button:hover, notebook > header > tabs > tab .budgie-panel button.flat.launcher:hover, .budgie-panel notebook > header > tabs > tab button.flat.launcher:hover, notebook > header > tabs > tab button.flat:active, notebook > header > tabs > tab button.budgie-menu-launcher:active, notebook > header > tabs > tab .budgie-panel #tasklist-button:active, .budgie-panel notebook > header > tabs > tab #tasklist-button:active, notebook > header > tabs > tab .budgie-panel button.flat.launcher:active, .budgie-panel notebook > header > tabs > tab button.flat.launcher:active, notebook > header > tabs > tab button.flat:active:hover, notebook > header > tabs > tab button.budgie-menu-launcher:active:hover, .app-notification button, +calendar.button, calendar.raven-calendar.button { border-color: transparent; background-color: transparent; background-image: none; @@ -4201,6 +4202,7 @@ expander arrow:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + calendar { color: #242424; border: 1px solid rgba(0, 0, 0, 0.11); @@ -4209,33 +4211,45 @@ calendar { margin: 0; } + calendar:selected { border-radius: 50px; } + +calendar:disabled { + color: rgba(36, 36, 36, 0.55); +} + + calendar.header { color: #242424; border: none; } + calendar.button { color: rgba(36, 36, 36, 0.45); } + calendar.button:hover { color: #242424; } + calendar.button:disabled { color: rgba(36, 36, 36, 0.55); } + calendar:indeterminate { - color: alpha(currentColor,0.55); + color: rgba(36, 36, 36, 0.55); } + calendar.highlight { - color: #242424; + color: rgba(36, 36, 36, 0.65); } messagedialog .titlebar { @@ -5038,7 +5052,8 @@ headerbar button.titlebutton.restore:active, .view:selected, iconview:selected, .view:selected:focus, .view text:selected, iconview text:selected, textview text:selected, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection, textview text selection:focus, -textview text selection, flowbox flowboxchild:selected, entry selection:focus, entry selection, treeview.view:selected, treeview.view:selected:focus, row:selected, calendar:selected, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:selected:focus, +textview text selection, flowbox flowboxchild:selected, entry selection:focus, entry selection, treeview.view:selected, treeview.view:selected:focus, row:selected, +calendar:selected, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:selected:focus, #MozillaGtkWidget.background > widget > scrolledwindow > textview text selection, .budgie-menu button:checked { background-color: #0046DB; } @@ -5046,7 +5061,8 @@ textview text selection, flowbox flowboxchild:selected, entry selection:focus, e row:selected label, label:selected, .view:selected, iconview:selected, .view:selected:focus, .view text:selected, iconview text:selected, textview text:selected, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection, textview text selection:focus, -textview text selection, flowbox flowboxchild:selected, entry selection:focus, entry selection, treeview.view:selected, treeview.view:selected:focus, row:selected, calendar:selected, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:selected:focus, +textview text selection, flowbox flowboxchild:selected, entry selection:focus, entry selection, treeview.view:selected, treeview.view:selected:focus, row:selected, +calendar:selected, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:selected:focus, #MozillaGtkWidget.background > widget > scrolledwindow > textview text selection, .budgie-menu button:checked { color: #ffffff; } @@ -5054,7 +5070,8 @@ textview text selection, flowbox flowboxchild:selected, entry selection:focus, e row:selected label:disabled, label:disabled:selected, .view:disabled:selected, iconview:disabled:selected, iconview:disabled:selected:focus, .view text:disabled:selected, iconview text:disabled:selected, textview text:disabled:selected, iconview text:disabled:selected:focus, textview text:disabled:selected:focus, iconview text selection:disabled:focus, .view text selection:disabled, iconview text selection:disabled, -textview text selection:disabled, flowbox flowboxchild:disabled:selected, label:disabled selection, entry selection:disabled, treeview.view:disabled:selected:focus, row:disabled:selected, calendar:disabled:selected, .nemo-window .nemo-window-pane widget.entry:disabled:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:disabled:selected, +textview text selection:disabled, flowbox flowboxchild:disabled:selected, label:disabled selection, entry selection:disabled, treeview.view:disabled:selected:focus, row:disabled:selected, +calendar:disabled:selected, .nemo-window .nemo-window-pane widget.entry:disabled:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:disabled:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text selection:disabled, .budgie-menu button:disabled:checked { color: #80a3ed; } @@ -5778,8 +5795,8 @@ dialog.csd > headerbar.titlebar > switch { } /************************ - * Gnome Control Center * - ************************/ + * Gnome Control Center * + ************************/ box.horizontal.titlebar > headerbar > stack > box.vertical > .title { margin: 0; } @@ -6639,7 +6656,7 @@ menubar .panel, } .panel popover button { - border: none; + border-color: transparent; background-color: transparent; box-shadow: none; } @@ -6682,27 +6699,30 @@ menubar .panel, color: rgba(36, 36, 36, 0.55); } +.panel popover button, .panel popover button:hover, .panel popover button:active, .panel popover button:checked, .panel popover button:disabled { + border-color: transparent; +} + .panel popover .linked > button { color: #242424; - border-color: rgba(0, 0, 0, 0.11); background-color: white; + border-color: rgba(0, 0, 0, 0.11); box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.04), 0px 1px 2px 0px rgba(16, 16, 16, 0.01), inset 0 0 0 1px rgba(0, 0, 0, 0.01); } .panel popover .linked > button:hover { - background-color: rgba(0, 0, 0, 0.15); + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.11); + background-color: #f7f7f7; + box-shadow: none; } -.panel popover .linked > button:active { - background-color: rgba(0, 0, 0, 0.5); -} - -.panel popover .linked > button:checked { - background-color: rgba(0, 0, 0, 0.65); -} - -.panel popover .linked > button, .panel popover .linked > button:hover, .panel popover .linked > button:active, .panel popover .linked > button:checked, .panel popover .linked > button:disabled { - border: 1px solid rgba(0, 0, 0, 0.11); +.panel popover .linked > button:active, .panel popover .linked > button:checked { + color: #ffffff; + background-color: #0e6bff; + border-color: #0e6bff; + background-image: linear-gradient(180deg, #4c97fe 0%, #0564e3 100%); + box-shadow: none; } .panel popover separator.horizontal { diff --git a/src/gtk-3.0/gtk-compact-light-thin.css b/src/gtk-3.0/gtk-compact-light-thin.css index 31209de..cd5e793 100644 --- a/src/gtk-3.0/gtk-compact-light-thin.css +++ b/src/gtk-3.0/gtk-compact-light-thin.css @@ -1095,7 +1095,8 @@ headerbar .linked:not(.vertical).path-bar > button:only-child:disabled { } menuitem.button.flat, -modelbutton.flat, button:link, button:visited, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, notebook > header > tabs > tab button.flat:hover, notebook > header > tabs > tab button.budgie-menu-launcher:hover, notebook > header > tabs > tab .budgie-panel #tasklist-button:hover, .budgie-panel notebook > header > tabs > tab #tasklist-button:hover, notebook > header > tabs > tab .budgie-panel button.flat.launcher:hover, .budgie-panel notebook > header > tabs > tab button.flat.launcher:hover, notebook > header > tabs > tab button.flat:active, notebook > header > tabs > tab button.budgie-menu-launcher:active, notebook > header > tabs > tab .budgie-panel #tasklist-button:active, .budgie-panel notebook > header > tabs > tab #tasklist-button:active, notebook > header > tabs > tab .budgie-panel button.flat.launcher:active, .budgie-panel notebook > header > tabs > tab button.flat.launcher:active, notebook > header > tabs > tab button.flat:active:hover, notebook > header > tabs > tab button.budgie-menu-launcher:active:hover, .app-notification button, calendar.button, calendar.raven-calendar.button { +modelbutton.flat, button:link, button:visited, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, notebook > header > tabs > tab button.flat:hover, notebook > header > tabs > tab button.budgie-menu-launcher:hover, notebook > header > tabs > tab .budgie-panel #tasklist-button:hover, .budgie-panel notebook > header > tabs > tab #tasklist-button:hover, notebook > header > tabs > tab .budgie-panel button.flat.launcher:hover, .budgie-panel notebook > header > tabs > tab button.flat.launcher:hover, notebook > header > tabs > tab button.flat:active, notebook > header > tabs > tab button.budgie-menu-launcher:active, notebook > header > tabs > tab .budgie-panel #tasklist-button:active, .budgie-panel notebook > header > tabs > tab #tasklist-button:active, notebook > header > tabs > tab .budgie-panel button.flat.launcher:active, .budgie-panel notebook > header > tabs > tab button.flat.launcher:active, notebook > header > tabs > tab button.flat:active:hover, notebook > header > tabs > tab button.budgie-menu-launcher:active:hover, .app-notification button, +calendar.button, calendar.raven-calendar.button { border-color: transparent; background-color: transparent; background-image: none; @@ -4201,6 +4202,7 @@ expander arrow:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + calendar { color: #242424; border: 1px solid rgba(0, 0, 0, 0.11); @@ -4209,33 +4211,45 @@ calendar { margin: 0; } + calendar:selected { border-radius: 50px; } + +calendar:disabled { + color: rgba(36, 36, 36, 0.55); +} + + calendar.header { color: #242424; border: none; } + calendar.button { color: rgba(36, 36, 36, 0.45); } + calendar.button:hover { color: #242424; } + calendar.button:disabled { color: rgba(36, 36, 36, 0.55); } + calendar:indeterminate { - color: alpha(currentColor,0.55); + color: rgba(36, 36, 36, 0.55); } + calendar.highlight { - color: #242424; + color: rgba(36, 36, 36, 0.65); } messagedialog .titlebar { @@ -5038,7 +5052,8 @@ headerbar button.titlebutton.restore:active, .view:selected, iconview:selected, .view:selected:focus, .view text:selected, iconview text:selected, textview text:selected, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection, textview text selection:focus, -textview text selection, flowbox flowboxchild:selected, entry selection:focus, entry selection, treeview.view:selected, treeview.view:selected:focus, row:selected, calendar:selected, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:selected:focus, +textview text selection, flowbox flowboxchild:selected, entry selection:focus, entry selection, treeview.view:selected, treeview.view:selected:focus, row:selected, +calendar:selected, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:selected:focus, #MozillaGtkWidget.background > widget > scrolledwindow > textview text selection, .budgie-menu button:checked { background-color: #0046DB; } @@ -5046,7 +5061,8 @@ textview text selection, flowbox flowboxchild:selected, entry selection:focus, e row:selected label, label:selected, .view:selected, iconview:selected, .view:selected:focus, .view text:selected, iconview text:selected, textview text:selected, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection, textview text selection:focus, -textview text selection, flowbox flowboxchild:selected, entry selection:focus, entry selection, treeview.view:selected, treeview.view:selected:focus, row:selected, calendar:selected, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:selected:focus, +textview text selection, flowbox flowboxchild:selected, entry selection:focus, entry selection, treeview.view:selected, treeview.view:selected:focus, row:selected, +calendar:selected, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:selected:focus, #MozillaGtkWidget.background > widget > scrolledwindow > textview text selection, .budgie-menu button:checked { color: #ffffff; } @@ -5054,7 +5070,8 @@ textview text selection, flowbox flowboxchild:selected, entry selection:focus, e row:selected label:disabled, label:disabled:selected, .view:disabled:selected, iconview:disabled:selected, iconview:disabled:selected:focus, .view text:disabled:selected, iconview text:disabled:selected, textview text:disabled:selected, iconview text:disabled:selected:focus, textview text:disabled:selected:focus, iconview text selection:disabled:focus, .view text selection:disabled, iconview text selection:disabled, -textview text selection:disabled, flowbox flowboxchild:disabled:selected, label:disabled selection, entry selection:disabled, treeview.view:disabled:selected:focus, row:disabled:selected, calendar:disabled:selected, .nemo-window .nemo-window-pane widget.entry:disabled:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:disabled:selected, +textview text selection:disabled, flowbox flowboxchild:disabled:selected, label:disabled selection, entry selection:disabled, treeview.view:disabled:selected:focus, row:disabled:selected, +calendar:disabled:selected, .nemo-window .nemo-window-pane widget.entry:disabled:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:disabled:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text selection:disabled, .budgie-menu button:disabled:checked { color: #80a3ed; } @@ -5778,8 +5795,8 @@ dialog.csd > headerbar.titlebar > switch { } /************************ - * Gnome Control Center * - ************************/ + * Gnome Control Center * + ************************/ box.horizontal.titlebar > headerbar > stack > box.vertical > .title { margin: 0; } @@ -6639,7 +6656,7 @@ menubar .panel, } .panel popover button { - border: none; + border-color: transparent; background-color: transparent; box-shadow: none; } @@ -6682,27 +6699,30 @@ menubar .panel, color: rgba(36, 36, 36, 0.55); } +.panel popover button, .panel popover button:hover, .panel popover button:active, .panel popover button:checked, .panel popover button:disabled { + border-color: transparent; +} + .panel popover .linked > button { color: #242424; - border-color: rgba(0, 0, 0, 0.11); background-color: white; + border-color: rgba(0, 0, 0, 0.11); box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.04), 0px 1px 2px 0px rgba(16, 16, 16, 0.01), inset 0 0 0 1px rgba(0, 0, 0, 0.01); } .panel popover .linked > button:hover { - background-color: rgba(0, 0, 0, 0.15); + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.11); + background-color: #f7f7f7; + box-shadow: none; } -.panel popover .linked > button:active { - background-color: rgba(0, 0, 0, 0.5); -} - -.panel popover .linked > button:checked { - background-color: rgba(0, 0, 0, 0.65); -} - -.panel popover .linked > button, .panel popover .linked > button:hover, .panel popover .linked > button:active, .panel popover .linked > button:checked, .panel popover .linked > button:disabled { - border: 1px solid rgba(0, 0, 0, 0.11); +.panel popover .linked > button:active, .panel popover .linked > button:checked { + color: #ffffff; + background-color: #0e6bff; + border-color: #0e6bff; + background-image: linear-gradient(180deg, #4c97fe 0%, #0564e3 100%); + box-shadow: none; } .panel popover separator.horizontal { diff --git a/src/gtk-3.0/gtk-compact-light.css b/src/gtk-3.0/gtk-compact-light.css index ea4884e..b96a072 100644 --- a/src/gtk-3.0/gtk-compact-light.css +++ b/src/gtk-3.0/gtk-compact-light.css @@ -1095,7 +1095,8 @@ headerbar .linked:not(.vertical).path-bar > button:only-child:disabled { } menuitem.button.flat, -modelbutton.flat, button:link, button:visited, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, notebook > header > tabs > tab button.flat:hover, notebook > header > tabs > tab button.budgie-menu-launcher:hover, notebook > header > tabs > tab .budgie-panel #tasklist-button:hover, .budgie-panel notebook > header > tabs > tab #tasklist-button:hover, notebook > header > tabs > tab .budgie-panel button.flat.launcher:hover, .budgie-panel notebook > header > tabs > tab button.flat.launcher:hover, notebook > header > tabs > tab button.flat:active, notebook > header > tabs > tab button.budgie-menu-launcher:active, notebook > header > tabs > tab .budgie-panel #tasklist-button:active, .budgie-panel notebook > header > tabs > tab #tasklist-button:active, notebook > header > tabs > tab .budgie-panel button.flat.launcher:active, .budgie-panel notebook > header > tabs > tab button.flat.launcher:active, notebook > header > tabs > tab button.flat:active:hover, notebook > header > tabs > tab button.budgie-menu-launcher:active:hover, .app-notification button, calendar.button, calendar.raven-calendar.button { +modelbutton.flat, button:link, button:visited, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, notebook > header > tabs > tab button.flat:hover, notebook > header > tabs > tab button.budgie-menu-launcher:hover, notebook > header > tabs > tab .budgie-panel #tasklist-button:hover, .budgie-panel notebook > header > tabs > tab #tasklist-button:hover, notebook > header > tabs > tab .budgie-panel button.flat.launcher:hover, .budgie-panel notebook > header > tabs > tab button.flat.launcher:hover, notebook > header > tabs > tab button.flat:active, notebook > header > tabs > tab button.budgie-menu-launcher:active, notebook > header > tabs > tab .budgie-panel #tasklist-button:active, .budgie-panel notebook > header > tabs > tab #tasklist-button:active, notebook > header > tabs > tab .budgie-panel button.flat.launcher:active, .budgie-panel notebook > header > tabs > tab button.flat.launcher:active, notebook > header > tabs > tab button.flat:active:hover, notebook > header > tabs > tab button.budgie-menu-launcher:active:hover, .app-notification button, +calendar.button, calendar.raven-calendar.button { border-color: transparent; background-color: transparent; background-image: none; @@ -4201,6 +4202,7 @@ expander arrow:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + calendar { color: #242424; border: 1px solid rgba(0, 0, 0, 0.11); @@ -4209,33 +4211,45 @@ calendar { margin: 0; } + calendar:selected { border-radius: 50px; } + +calendar:disabled { + color: rgba(36, 36, 36, 0.55); +} + + calendar.header { color: #242424; border: none; } + calendar.button { color: rgba(36, 36, 36, 0.45); } + calendar.button:hover { color: #242424; } + calendar.button:disabled { color: rgba(36, 36, 36, 0.55); } + calendar:indeterminate { - color: alpha(currentColor,0.55); + color: rgba(36, 36, 36, 0.55); } + calendar.highlight { - color: #242424; + color: rgba(36, 36, 36, 0.65); } messagedialog .titlebar { @@ -5038,7 +5052,8 @@ headerbar button.titlebutton.restore:active, .view:selected, iconview:selected, .view:selected:focus, .view text:selected, iconview text:selected, textview text:selected, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection, textview text selection:focus, -textview text selection, flowbox flowboxchild:selected, entry selection:focus, entry selection, treeview.view:selected, treeview.view:selected:focus, row:selected, calendar:selected, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:selected:focus, +textview text selection, flowbox flowboxchild:selected, entry selection:focus, entry selection, treeview.view:selected, treeview.view:selected:focus, row:selected, +calendar:selected, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:selected:focus, #MozillaGtkWidget.background > widget > scrolledwindow > textview text selection, .budgie-menu button:checked { background-color: #0046DB; } @@ -5046,7 +5061,8 @@ textview text selection, flowbox flowboxchild:selected, entry selection:focus, e row:selected label, label:selected, .view:selected, iconview:selected, .view:selected:focus, .view text:selected, iconview text:selected, textview text:selected, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection, textview text selection:focus, -textview text selection, flowbox flowboxchild:selected, entry selection:focus, entry selection, treeview.view:selected, treeview.view:selected:focus, row:selected, calendar:selected, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:selected:focus, +textview text selection, flowbox flowboxchild:selected, entry selection:focus, entry selection, treeview.view:selected, treeview.view:selected:focus, row:selected, +calendar:selected, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:selected:focus, #MozillaGtkWidget.background > widget > scrolledwindow > textview text selection, .budgie-menu button:checked { color: #ffffff; } @@ -5054,7 +5070,8 @@ textview text selection, flowbox flowboxchild:selected, entry selection:focus, e row:selected label:disabled, label:disabled:selected, .view:disabled:selected, iconview:disabled:selected, iconview:disabled:selected:focus, .view text:disabled:selected, iconview text:disabled:selected, textview text:disabled:selected, iconview text:disabled:selected:focus, textview text:disabled:selected:focus, iconview text selection:disabled:focus, .view text selection:disabled, iconview text selection:disabled, -textview text selection:disabled, flowbox flowboxchild:disabled:selected, label:disabled selection, entry selection:disabled, treeview.view:disabled:selected:focus, row:disabled:selected, calendar:disabled:selected, .nemo-window .nemo-window-pane widget.entry:disabled:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:disabled:selected, +textview text selection:disabled, flowbox flowboxchild:disabled:selected, label:disabled selection, entry selection:disabled, treeview.view:disabled:selected:focus, row:disabled:selected, +calendar:disabled:selected, .nemo-window .nemo-window-pane widget.entry:disabled:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:disabled:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text selection:disabled, .budgie-menu button:disabled:checked { color: #80a3ed; } @@ -5778,8 +5795,8 @@ dialog.csd > headerbar.titlebar > switch { } /************************ - * Gnome Control Center * - ************************/ + * Gnome Control Center * + ************************/ box.horizontal.titlebar > headerbar > stack > box.vertical > .title { margin: 0; } @@ -6639,7 +6656,7 @@ menubar .panel, } .panel popover button { - border: none; + border-color: transparent; background-color: transparent; box-shadow: none; } @@ -6682,27 +6699,30 @@ menubar .panel, color: rgba(36, 36, 36, 0.55); } +.panel popover button, .panel popover button:hover, .panel popover button:active, .panel popover button:checked, .panel popover button:disabled { + border-color: transparent; +} + .panel popover .linked > button { color: #242424; - border-color: rgba(0, 0, 0, 0.11); background-color: white; + border-color: rgba(0, 0, 0, 0.11); box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.04), 0px 1px 2px 0px rgba(16, 16, 16, 0.01), inset 0 0 0 1px rgba(0, 0, 0, 0.01); } .panel popover .linked > button:hover { - background-color: rgba(0, 0, 0, 0.15); + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.11); + background-color: #f7f7f7; + box-shadow: none; } -.panel popover .linked > button:active { - background-color: rgba(0, 0, 0, 0.5); -} - -.panel popover .linked > button:checked { - background-color: rgba(0, 0, 0, 0.65); -} - -.panel popover .linked > button, .panel popover .linked > button:hover, .panel popover .linked > button:active, .panel popover .linked > button:checked, .panel popover .linked > button:disabled { - border: 1px solid rgba(0, 0, 0, 0.11); +.panel popover .linked > button:active, .panel popover .linked > button:checked { + color: #ffffff; + background-color: #0e6bff; + border-color: #0e6bff; + background-image: linear-gradient(180deg, #4c97fe 0%, #0564e3 100%); + box-shadow: none; } .panel popover separator.horizontal { diff --git a/src/gtk-3.0/gtk-dark-solid-thin.css b/src/gtk-3.0/gtk-dark-solid-thin.css index 60cd518..3b9ac28 100644 --- a/src/gtk-3.0/gtk-dark-solid-thin.css +++ b/src/gtk-3.0/gtk-dark-solid-thin.css @@ -1093,7 +1093,8 @@ headerbar .linked:not(.vertical).path-bar > button:only-child:disabled { } menuitem.button.flat, -modelbutton.flat, button:link, button:visited, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, notebook > header > tabs > tab button.flat:hover, notebook > header > tabs > tab button.budgie-menu-launcher:hover, notebook > header > tabs > tab .budgie-panel #tasklist-button:hover, .budgie-panel notebook > header > tabs > tab #tasklist-button:hover, notebook > header > tabs > tab .budgie-panel button.flat.launcher:hover, .budgie-panel notebook > header > tabs > tab button.flat.launcher:hover, notebook > header > tabs > tab button.flat:active, notebook > header > tabs > tab button.budgie-menu-launcher:active, notebook > header > tabs > tab .budgie-panel #tasklist-button:active, .budgie-panel notebook > header > tabs > tab #tasklist-button:active, notebook > header > tabs > tab .budgie-panel button.flat.launcher:active, .budgie-panel notebook > header > tabs > tab button.flat.launcher:active, notebook > header > tabs > tab button.flat:active:hover, notebook > header > tabs > tab button.budgie-menu-launcher:active:hover, .app-notification button, calendar.button, calendar.raven-calendar.button { +modelbutton.flat, button:link, button:visited, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, notebook > header > tabs > tab button.flat:hover, notebook > header > tabs > tab button.budgie-menu-launcher:hover, notebook > header > tabs > tab .budgie-panel #tasklist-button:hover, .budgie-panel notebook > header > tabs > tab #tasklist-button:hover, notebook > header > tabs > tab .budgie-panel button.flat.launcher:hover, .budgie-panel notebook > header > tabs > tab button.flat.launcher:hover, notebook > header > tabs > tab button.flat:active, notebook > header > tabs > tab button.budgie-menu-launcher:active, notebook > header > tabs > tab .budgie-panel #tasklist-button:active, .budgie-panel notebook > header > tabs > tab #tasklist-button:active, notebook > header > tabs > tab .budgie-panel button.flat.launcher:active, .budgie-panel notebook > header > tabs > tab button.flat.launcher:active, notebook > header > tabs > tab button.flat:active:hover, notebook > header > tabs > tab button.budgie-menu-launcher:active:hover, .app-notification button, +calendar.button, calendar.raven-calendar.button { border-color: transparent; background-color: transparent; background-image: none; @@ -4191,6 +4192,7 @@ expander arrow:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + calendar { color: #dedede; border: 1px solid rgba(255, 255, 255, 0.12); @@ -4199,33 +4201,45 @@ calendar { margin: 0; } + calendar:selected { border-radius: 50px; } + +calendar:disabled { + color: rgba(222, 222, 222, 0.45); +} + + calendar.header { color: #dedede; border: none; } + calendar.button { color: rgba(222, 222, 222, 0.45); } + calendar.button:hover { color: #dedede; } + calendar.button:disabled { color: rgba(222, 222, 222, 0.45); } + calendar:indeterminate { - color: alpha(currentColor,0.55); + color: rgba(222, 222, 222, 0.55); } + calendar.highlight { - color: #dedede; + color: rgba(222, 222, 222, 0.65); } messagedialog .titlebar { @@ -5027,7 +5041,8 @@ headerbar button.titlebutton.restore:active, .view:selected, iconview:selected, .view:selected:focus, .view text:selected, iconview text:selected, textview text:selected, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection, textview text selection:focus, -textview text selection, flowbox flowboxchild:selected, entry selection:focus, entry selection, treeview.view:selected, treeview.view:selected:focus, row:selected, calendar:selected, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:selected:focus, +textview text selection, flowbox flowboxchild:selected, entry selection:focus, entry selection, treeview.view:selected, treeview.view:selected:focus, row:selected, +calendar:selected, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:selected:focus, #MozillaGtkWidget.background > widget > scrolledwindow > textview text selection, .budgie-menu button:checked { background-color: #498dff; } @@ -5035,7 +5050,8 @@ textview text selection, flowbox flowboxchild:selected, entry selection:focus, e row:selected label, label:selected, .view:selected, iconview:selected, .view:selected:focus, .view text:selected, iconview text:selected, textview text:selected, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection, textview text selection:focus, -textview text selection, flowbox flowboxchild:selected, entry selection:focus, entry selection, treeview.view:selected, treeview.view:selected:focus, row:selected, calendar:selected, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:selected:focus, +textview text selection, flowbox flowboxchild:selected, entry selection:focus, entry selection, treeview.view:selected, treeview.view:selected:focus, row:selected, +calendar:selected, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:selected:focus, #MozillaGtkWidget.background > widget > scrolledwindow > textview text selection, .budgie-menu button:checked { color: #ffffff; } @@ -5043,7 +5059,8 @@ textview text selection, flowbox flowboxchild:selected, entry selection:focus, e row:selected label:disabled, label:disabled:selected, .view:disabled:selected, iconview:disabled:selected, iconview:disabled:selected:focus, .view text:disabled:selected, iconview text:disabled:selected, textview text:disabled:selected, iconview text:disabled:selected:focus, textview text:disabled:selected:focus, iconview text selection:disabled:focus, .view text selection:disabled, iconview text selection:disabled, -textview text selection:disabled, flowbox flowboxchild:disabled:selected, label:disabled selection, entry selection:disabled, treeview.view:disabled:selected:focus, row:disabled:selected, calendar:disabled:selected, .nemo-window .nemo-window-pane widget.entry:disabled:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:disabled:selected, +textview text selection:disabled, flowbox flowboxchild:disabled:selected, label:disabled selection, entry selection:disabled, treeview.view:disabled:selected:focus, row:disabled:selected, +calendar:disabled:selected, .nemo-window .nemo-window-pane widget.entry:disabled:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:disabled:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text selection:disabled, .budgie-menu button:disabled:checked { color: #a4c6ff; } @@ -5767,8 +5784,8 @@ dialog.csd > headerbar.titlebar > switch { } /************************ - * Gnome Control Center * - ************************/ + * Gnome Control Center * + ************************/ box.horizontal.titlebar > headerbar > stack > box.vertical > .title { margin: 0; } @@ -6634,7 +6651,7 @@ menubar .panel, } .panel popover button { - border: none; + border-color: transparent; background-color: transparent; box-shadow: none; } @@ -6677,26 +6694,29 @@ menubar .panel, color: rgba(222, 222, 222, 0.45); } +.panel popover button, .panel popover button:hover, .panel popover button:active, .panel popover button:checked, .panel popover button:disabled { + border-color: transparent; +} + .panel popover .linked > button { color: #dedede; - border-color: rgba(255, 255, 255, 0.12); background-color: #484848; + border-color: rgba(255, 255, 255, 0.12); } .panel popover .linked > button:hover { - background-color: rgba(255, 255, 255, 0.15); + color: #c5c5c5; + border-color: rgba(255, 255, 255, 0.12); + background-color: #5c5c5c; + box-shadow: none; } -.panel popover .linked > button:active { - background-color: rgba(255, 255, 255, 0.25); -} - -.panel popover .linked > button:checked { - background-color: rgba(255, 255, 255, 0.35); -} - -.panel popover .linked > button, .panel popover .linked > button:hover, .panel popover .linked > button:active, .panel popover .linked > button:checked, .panel popover .linked > button:disabled { - border: 1px solid rgba(255, 255, 255, 0.12); +.panel popover .linked > button:active, .panel popover .linked > button:checked { + color: #ffffff; + background-color: #0e6bff; + border-color: #0e6bff; + background-image: linear-gradient(180deg, #4c97fe 0%, #0564e3 100%); + box-shadow: none; } .panel popover separator.horizontal { diff --git a/src/gtk-3.0/gtk-dark-solid.css b/src/gtk-3.0/gtk-dark-solid.css index ca29db9..8befdcb 100644 --- a/src/gtk-3.0/gtk-dark-solid.css +++ b/src/gtk-3.0/gtk-dark-solid.css @@ -1093,7 +1093,8 @@ headerbar .linked:not(.vertical).path-bar > button:only-child:disabled { } menuitem.button.flat, -modelbutton.flat, button:link, button:visited, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, notebook > header > tabs > tab button.flat:hover, notebook > header > tabs > tab button.budgie-menu-launcher:hover, notebook > header > tabs > tab .budgie-panel #tasklist-button:hover, .budgie-panel notebook > header > tabs > tab #tasklist-button:hover, notebook > header > tabs > tab .budgie-panel button.flat.launcher:hover, .budgie-panel notebook > header > tabs > tab button.flat.launcher:hover, notebook > header > tabs > tab button.flat:active, notebook > header > tabs > tab button.budgie-menu-launcher:active, notebook > header > tabs > tab .budgie-panel #tasklist-button:active, .budgie-panel notebook > header > tabs > tab #tasklist-button:active, notebook > header > tabs > tab .budgie-panel button.flat.launcher:active, .budgie-panel notebook > header > tabs > tab button.flat.launcher:active, notebook > header > tabs > tab button.flat:active:hover, notebook > header > tabs > tab button.budgie-menu-launcher:active:hover, .app-notification button, calendar.button, calendar.raven-calendar.button { +modelbutton.flat, button:link, button:visited, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, notebook > header > tabs > tab button.flat:hover, notebook > header > tabs > tab button.budgie-menu-launcher:hover, notebook > header > tabs > tab .budgie-panel #tasklist-button:hover, .budgie-panel notebook > header > tabs > tab #tasklist-button:hover, notebook > header > tabs > tab .budgie-panel button.flat.launcher:hover, .budgie-panel notebook > header > tabs > tab button.flat.launcher:hover, notebook > header > tabs > tab button.flat:active, notebook > header > tabs > tab button.budgie-menu-launcher:active, notebook > header > tabs > tab .budgie-panel #tasklist-button:active, .budgie-panel notebook > header > tabs > tab #tasklist-button:active, notebook > header > tabs > tab .budgie-panel button.flat.launcher:active, .budgie-panel notebook > header > tabs > tab button.flat.launcher:active, notebook > header > tabs > tab button.flat:active:hover, notebook > header > tabs > tab button.budgie-menu-launcher:active:hover, .app-notification button, +calendar.button, calendar.raven-calendar.button { border-color: transparent; background-color: transparent; background-image: none; @@ -4191,6 +4192,7 @@ expander arrow:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + calendar { color: #dedede; border: 1px solid rgba(255, 255, 255, 0.12); @@ -4199,33 +4201,45 @@ calendar { margin: 0; } + calendar:selected { border-radius: 50px; } + +calendar:disabled { + color: rgba(222, 222, 222, 0.45); +} + + calendar.header { color: #dedede; border: none; } + calendar.button { color: rgba(222, 222, 222, 0.45); } + calendar.button:hover { color: #dedede; } + calendar.button:disabled { color: rgba(222, 222, 222, 0.45); } + calendar:indeterminate { - color: alpha(currentColor,0.55); + color: rgba(222, 222, 222, 0.55); } + calendar.highlight { - color: #dedede; + color: rgba(222, 222, 222, 0.65); } messagedialog .titlebar { @@ -5027,7 +5041,8 @@ headerbar button.titlebutton.restore:active, .view:selected, iconview:selected, .view:selected:focus, .view text:selected, iconview text:selected, textview text:selected, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection, textview text selection:focus, -textview text selection, flowbox flowboxchild:selected, entry selection:focus, entry selection, treeview.view:selected, treeview.view:selected:focus, row:selected, calendar:selected, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:selected:focus, +textview text selection, flowbox flowboxchild:selected, entry selection:focus, entry selection, treeview.view:selected, treeview.view:selected:focus, row:selected, +calendar:selected, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:selected:focus, #MozillaGtkWidget.background > widget > scrolledwindow > textview text selection, .budgie-menu button:checked { background-color: #498dff; } @@ -5035,7 +5050,8 @@ textview text selection, flowbox flowboxchild:selected, entry selection:focus, e row:selected label, label:selected, .view:selected, iconview:selected, .view:selected:focus, .view text:selected, iconview text:selected, textview text:selected, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection, textview text selection:focus, -textview text selection, flowbox flowboxchild:selected, entry selection:focus, entry selection, treeview.view:selected, treeview.view:selected:focus, row:selected, calendar:selected, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:selected:focus, +textview text selection, flowbox flowboxchild:selected, entry selection:focus, entry selection, treeview.view:selected, treeview.view:selected:focus, row:selected, +calendar:selected, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:selected:focus, #MozillaGtkWidget.background > widget > scrolledwindow > textview text selection, .budgie-menu button:checked { color: #ffffff; } @@ -5043,7 +5059,8 @@ textview text selection, flowbox flowboxchild:selected, entry selection:focus, e row:selected label:disabled, label:disabled:selected, .view:disabled:selected, iconview:disabled:selected, iconview:disabled:selected:focus, .view text:disabled:selected, iconview text:disabled:selected, textview text:disabled:selected, iconview text:disabled:selected:focus, textview text:disabled:selected:focus, iconview text selection:disabled:focus, .view text selection:disabled, iconview text selection:disabled, -textview text selection:disabled, flowbox flowboxchild:disabled:selected, label:disabled selection, entry selection:disabled, treeview.view:disabled:selected:focus, row:disabled:selected, calendar:disabled:selected, .nemo-window .nemo-window-pane widget.entry:disabled:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:disabled:selected, +textview text selection:disabled, flowbox flowboxchild:disabled:selected, label:disabled selection, entry selection:disabled, treeview.view:disabled:selected:focus, row:disabled:selected, +calendar:disabled:selected, .nemo-window .nemo-window-pane widget.entry:disabled:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:disabled:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text selection:disabled, .budgie-menu button:disabled:checked { color: #a4c6ff; } @@ -5767,8 +5784,8 @@ dialog.csd > headerbar.titlebar > switch { } /************************ - * Gnome Control Center * - ************************/ + * Gnome Control Center * + ************************/ box.horizontal.titlebar > headerbar > stack > box.vertical > .title { margin: 0; } @@ -6634,7 +6651,7 @@ menubar .panel, } .panel popover button { - border: none; + border-color: transparent; background-color: transparent; box-shadow: none; } @@ -6677,26 +6694,29 @@ menubar .panel, color: rgba(222, 222, 222, 0.45); } +.panel popover button, .panel popover button:hover, .panel popover button:active, .panel popover button:checked, .panel popover button:disabled { + border-color: transparent; +} + .panel popover .linked > button { color: #dedede; - border-color: rgba(255, 255, 255, 0.12); background-color: #484848; + border-color: rgba(255, 255, 255, 0.12); } .panel popover .linked > button:hover { - background-color: rgba(255, 255, 255, 0.15); + color: #c5c5c5; + border-color: rgba(255, 255, 255, 0.12); + background-color: #5c5c5c; + box-shadow: none; } -.panel popover .linked > button:active { - background-color: rgba(255, 255, 255, 0.25); -} - -.panel popover .linked > button:checked { - background-color: rgba(255, 255, 255, 0.35); -} - -.panel popover .linked > button, .panel popover .linked > button:hover, .panel popover .linked > button:active, .panel popover .linked > button:checked, .panel popover .linked > button:disabled { - border: 1px solid rgba(255, 255, 255, 0.12); +.panel popover .linked > button:active, .panel popover .linked > button:checked { + color: #ffffff; + background-color: #0e6bff; + border-color: #0e6bff; + background-image: linear-gradient(180deg, #4c97fe 0%, #0564e3 100%); + box-shadow: none; } .panel popover separator.horizontal { diff --git a/src/gtk-3.0/gtk-dark-thin.css b/src/gtk-3.0/gtk-dark-thin.css index 75ef4e8..d9e5197 100644 --- a/src/gtk-3.0/gtk-dark-thin.css +++ b/src/gtk-3.0/gtk-dark-thin.css @@ -1093,7 +1093,8 @@ headerbar .linked:not(.vertical).path-bar > button:only-child:disabled { } menuitem.button.flat, -modelbutton.flat, button:link, button:visited, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, notebook > header > tabs > tab button.flat:hover, notebook > header > tabs > tab button.budgie-menu-launcher:hover, notebook > header > tabs > tab .budgie-panel #tasklist-button:hover, .budgie-panel notebook > header > tabs > tab #tasklist-button:hover, notebook > header > tabs > tab .budgie-panel button.flat.launcher:hover, .budgie-panel notebook > header > tabs > tab button.flat.launcher:hover, notebook > header > tabs > tab button.flat:active, notebook > header > tabs > tab button.budgie-menu-launcher:active, notebook > header > tabs > tab .budgie-panel #tasklist-button:active, .budgie-panel notebook > header > tabs > tab #tasklist-button:active, notebook > header > tabs > tab .budgie-panel button.flat.launcher:active, .budgie-panel notebook > header > tabs > tab button.flat.launcher:active, notebook > header > tabs > tab button.flat:active:hover, notebook > header > tabs > tab button.budgie-menu-launcher:active:hover, .app-notification button, calendar.button, calendar.raven-calendar.button { +modelbutton.flat, button:link, button:visited, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, notebook > header > tabs > tab button.flat:hover, notebook > header > tabs > tab button.budgie-menu-launcher:hover, notebook > header > tabs > tab .budgie-panel #tasklist-button:hover, .budgie-panel notebook > header > tabs > tab #tasklist-button:hover, notebook > header > tabs > tab .budgie-panel button.flat.launcher:hover, .budgie-panel notebook > header > tabs > tab button.flat.launcher:hover, notebook > header > tabs > tab button.flat:active, notebook > header > tabs > tab button.budgie-menu-launcher:active, notebook > header > tabs > tab .budgie-panel #tasklist-button:active, .budgie-panel notebook > header > tabs > tab #tasklist-button:active, notebook > header > tabs > tab .budgie-panel button.flat.launcher:active, .budgie-panel notebook > header > tabs > tab button.flat.launcher:active, notebook > header > tabs > tab button.flat:active:hover, notebook > header > tabs > tab button.budgie-menu-launcher:active:hover, .app-notification button, +calendar.button, calendar.raven-calendar.button { border-color: transparent; background-color: transparent; background-image: none; @@ -4191,6 +4192,7 @@ expander arrow:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + calendar { color: #dedede; border: 1px solid rgba(255, 255, 255, 0.12); @@ -4199,33 +4201,45 @@ calendar { margin: 0; } + calendar:selected { border-radius: 50px; } + +calendar:disabled { + color: rgba(222, 222, 222, 0.45); +} + + calendar.header { color: #dedede; border: none; } + calendar.button { color: rgba(222, 222, 222, 0.45); } + calendar.button:hover { color: #dedede; } + calendar.button:disabled { color: rgba(222, 222, 222, 0.45); } + calendar:indeterminate { - color: alpha(currentColor,0.55); + color: rgba(222, 222, 222, 0.55); } + calendar.highlight { - color: #dedede; + color: rgba(222, 222, 222, 0.65); } messagedialog .titlebar { @@ -5027,7 +5041,8 @@ headerbar button.titlebutton.restore:active, .view:selected, iconview:selected, .view:selected:focus, .view text:selected, iconview text:selected, textview text:selected, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection, textview text selection:focus, -textview text selection, flowbox flowboxchild:selected, entry selection:focus, entry selection, treeview.view:selected, treeview.view:selected:focus, row:selected, calendar:selected, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:selected:focus, +textview text selection, flowbox flowboxchild:selected, entry selection:focus, entry selection, treeview.view:selected, treeview.view:selected:focus, row:selected, +calendar:selected, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:selected:focus, #MozillaGtkWidget.background > widget > scrolledwindow > textview text selection, .budgie-menu button:checked { background-color: #498dff; } @@ -5035,7 +5050,8 @@ textview text selection, flowbox flowboxchild:selected, entry selection:focus, e row:selected label, label:selected, .view:selected, iconview:selected, .view:selected:focus, .view text:selected, iconview text:selected, textview text:selected, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection, textview text selection:focus, -textview text selection, flowbox flowboxchild:selected, entry selection:focus, entry selection, treeview.view:selected, treeview.view:selected:focus, row:selected, calendar:selected, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:selected:focus, +textview text selection, flowbox flowboxchild:selected, entry selection:focus, entry selection, treeview.view:selected, treeview.view:selected:focus, row:selected, +calendar:selected, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:selected:focus, #MozillaGtkWidget.background > widget > scrolledwindow > textview text selection, .budgie-menu button:checked { color: #ffffff; } @@ -5043,7 +5059,8 @@ textview text selection, flowbox flowboxchild:selected, entry selection:focus, e row:selected label:disabled, label:disabled:selected, .view:disabled:selected, iconview:disabled:selected, iconview:disabled:selected:focus, .view text:disabled:selected, iconview text:disabled:selected, textview text:disabled:selected, iconview text:disabled:selected:focus, textview text:disabled:selected:focus, iconview text selection:disabled:focus, .view text selection:disabled, iconview text selection:disabled, -textview text selection:disabled, flowbox flowboxchild:disabled:selected, label:disabled selection, entry selection:disabled, treeview.view:disabled:selected:focus, row:disabled:selected, calendar:disabled:selected, .nemo-window .nemo-window-pane widget.entry:disabled:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:disabled:selected, +textview text selection:disabled, flowbox flowboxchild:disabled:selected, label:disabled selection, entry selection:disabled, treeview.view:disabled:selected:focus, row:disabled:selected, +calendar:disabled:selected, .nemo-window .nemo-window-pane widget.entry:disabled:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:disabled:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text selection:disabled, .budgie-menu button:disabled:checked { color: #a4c6ff; } @@ -5767,8 +5784,8 @@ dialog.csd > headerbar.titlebar > switch { } /************************ - * Gnome Control Center * - ************************/ + * Gnome Control Center * + ************************/ box.horizontal.titlebar > headerbar > stack > box.vertical > .title { margin: 0; } @@ -6634,7 +6651,7 @@ menubar .panel, } .panel popover button { - border: none; + border-color: transparent; background-color: transparent; box-shadow: none; } @@ -6677,26 +6694,29 @@ menubar .panel, color: rgba(222, 222, 222, 0.45); } +.panel popover button, .panel popover button:hover, .panel popover button:active, .panel popover button:checked, .panel popover button:disabled { + border-color: transparent; +} + .panel popover .linked > button { color: #dedede; - border-color: rgba(255, 255, 255, 0.12); background-color: #484848; + border-color: rgba(255, 255, 255, 0.12); } .panel popover .linked > button:hover { - background-color: rgba(255, 255, 255, 0.15); + color: #c5c5c5; + border-color: rgba(255, 255, 255, 0.12); + background-color: #5c5c5c; + box-shadow: none; } -.panel popover .linked > button:active { - background-color: rgba(255, 255, 255, 0.25); -} - -.panel popover .linked > button:checked { - background-color: rgba(255, 255, 255, 0.35); -} - -.panel popover .linked > button, .panel popover .linked > button:hover, .panel popover .linked > button:active, .panel popover .linked > button:checked, .panel popover .linked > button:disabled { - border: 1px solid rgba(255, 255, 255, 0.12); +.panel popover .linked > button:active, .panel popover .linked > button:checked { + color: #ffffff; + background-color: #0e6bff; + border-color: #0e6bff; + background-image: linear-gradient(180deg, #4c97fe 0%, #0564e3 100%); + box-shadow: none; } .panel popover separator.horizontal { diff --git a/src/gtk-3.0/gtk-dark.css b/src/gtk-3.0/gtk-dark.css index cdda88e..d646423 100644 --- a/src/gtk-3.0/gtk-dark.css +++ b/src/gtk-3.0/gtk-dark.css @@ -1093,7 +1093,8 @@ headerbar .linked:not(.vertical).path-bar > button:only-child:disabled { } menuitem.button.flat, -modelbutton.flat, button:link, button:visited, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, notebook > header > tabs > tab button.flat:hover, notebook > header > tabs > tab button.budgie-menu-launcher:hover, notebook > header > tabs > tab .budgie-panel #tasklist-button:hover, .budgie-panel notebook > header > tabs > tab #tasklist-button:hover, notebook > header > tabs > tab .budgie-panel button.flat.launcher:hover, .budgie-panel notebook > header > tabs > tab button.flat.launcher:hover, notebook > header > tabs > tab button.flat:active, notebook > header > tabs > tab button.budgie-menu-launcher:active, notebook > header > tabs > tab .budgie-panel #tasklist-button:active, .budgie-panel notebook > header > tabs > tab #tasklist-button:active, notebook > header > tabs > tab .budgie-panel button.flat.launcher:active, .budgie-panel notebook > header > tabs > tab button.flat.launcher:active, notebook > header > tabs > tab button.flat:active:hover, notebook > header > tabs > tab button.budgie-menu-launcher:active:hover, .app-notification button, calendar.button, calendar.raven-calendar.button { +modelbutton.flat, button:link, button:visited, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, notebook > header > tabs > tab button.flat:hover, notebook > header > tabs > tab button.budgie-menu-launcher:hover, notebook > header > tabs > tab .budgie-panel #tasklist-button:hover, .budgie-panel notebook > header > tabs > tab #tasklist-button:hover, notebook > header > tabs > tab .budgie-panel button.flat.launcher:hover, .budgie-panel notebook > header > tabs > tab button.flat.launcher:hover, notebook > header > tabs > tab button.flat:active, notebook > header > tabs > tab button.budgie-menu-launcher:active, notebook > header > tabs > tab .budgie-panel #tasklist-button:active, .budgie-panel notebook > header > tabs > tab #tasklist-button:active, notebook > header > tabs > tab .budgie-panel button.flat.launcher:active, .budgie-panel notebook > header > tabs > tab button.flat.launcher:active, notebook > header > tabs > tab button.flat:active:hover, notebook > header > tabs > tab button.budgie-menu-launcher:active:hover, .app-notification button, +calendar.button, calendar.raven-calendar.button { border-color: transparent; background-color: transparent; background-image: none; @@ -4191,6 +4192,7 @@ expander arrow:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + calendar { color: #dedede; border: 1px solid rgba(255, 255, 255, 0.12); @@ -4199,33 +4201,45 @@ calendar { margin: 0; } + calendar:selected { border-radius: 50px; } + +calendar:disabled { + color: rgba(222, 222, 222, 0.45); +} + + calendar.header { color: #dedede; border: none; } + calendar.button { color: rgba(222, 222, 222, 0.45); } + calendar.button:hover { color: #dedede; } + calendar.button:disabled { color: rgba(222, 222, 222, 0.45); } + calendar:indeterminate { - color: alpha(currentColor,0.55); + color: rgba(222, 222, 222, 0.55); } + calendar.highlight { - color: #dedede; + color: rgba(222, 222, 222, 0.65); } messagedialog .titlebar { @@ -5027,7 +5041,8 @@ headerbar button.titlebutton.restore:active, .view:selected, iconview:selected, .view:selected:focus, .view text:selected, iconview text:selected, textview text:selected, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection, textview text selection:focus, -textview text selection, flowbox flowboxchild:selected, entry selection:focus, entry selection, treeview.view:selected, treeview.view:selected:focus, row:selected, calendar:selected, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:selected:focus, +textview text selection, flowbox flowboxchild:selected, entry selection:focus, entry selection, treeview.view:selected, treeview.view:selected:focus, row:selected, +calendar:selected, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:selected:focus, #MozillaGtkWidget.background > widget > scrolledwindow > textview text selection, .budgie-menu button:checked { background-color: #498dff; } @@ -5035,7 +5050,8 @@ textview text selection, flowbox flowboxchild:selected, entry selection:focus, e row:selected label, label:selected, .view:selected, iconview:selected, .view:selected:focus, .view text:selected, iconview text:selected, textview text:selected, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection, textview text selection:focus, -textview text selection, flowbox flowboxchild:selected, entry selection:focus, entry selection, treeview.view:selected, treeview.view:selected:focus, row:selected, calendar:selected, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:selected:focus, +textview text selection, flowbox flowboxchild:selected, entry selection:focus, entry selection, treeview.view:selected, treeview.view:selected:focus, row:selected, +calendar:selected, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:selected:focus, #MozillaGtkWidget.background > widget > scrolledwindow > textview text selection, .budgie-menu button:checked { color: #ffffff; } @@ -5043,7 +5059,8 @@ textview text selection, flowbox flowboxchild:selected, entry selection:focus, e row:selected label:disabled, label:disabled:selected, .view:disabled:selected, iconview:disabled:selected, iconview:disabled:selected:focus, .view text:disabled:selected, iconview text:disabled:selected, textview text:disabled:selected, iconview text:disabled:selected:focus, textview text:disabled:selected:focus, iconview text selection:disabled:focus, .view text selection:disabled, iconview text selection:disabled, -textview text selection:disabled, flowbox flowboxchild:disabled:selected, label:disabled selection, entry selection:disabled, treeview.view:disabled:selected:focus, row:disabled:selected, calendar:disabled:selected, .nemo-window .nemo-window-pane widget.entry:disabled:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:disabled:selected, +textview text selection:disabled, flowbox flowboxchild:disabled:selected, label:disabled selection, entry selection:disabled, treeview.view:disabled:selected:focus, row:disabled:selected, +calendar:disabled:selected, .nemo-window .nemo-window-pane widget.entry:disabled:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:disabled:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text selection:disabled, .budgie-menu button:disabled:checked { color: #a4c6ff; } @@ -5767,8 +5784,8 @@ dialog.csd > headerbar.titlebar > switch { } /************************ - * Gnome Control Center * - ************************/ + * Gnome Control Center * + ************************/ box.horizontal.titlebar > headerbar > stack > box.vertical > .title { margin: 0; } @@ -6634,7 +6651,7 @@ menubar .panel, } .panel popover button { - border: none; + border-color: transparent; background-color: transparent; box-shadow: none; } @@ -6677,26 +6694,29 @@ menubar .panel, color: rgba(222, 222, 222, 0.45); } +.panel popover button, .panel popover button:hover, .panel popover button:active, .panel popover button:checked, .panel popover button:disabled { + border-color: transparent; +} + .panel popover .linked > button { color: #dedede; - border-color: rgba(255, 255, 255, 0.12); background-color: #484848; + border-color: rgba(255, 255, 255, 0.12); } .panel popover .linked > button:hover { - background-color: rgba(255, 255, 255, 0.15); + color: #c5c5c5; + border-color: rgba(255, 255, 255, 0.12); + background-color: #5c5c5c; + box-shadow: none; } -.panel popover .linked > button:active { - background-color: rgba(255, 255, 255, 0.25); -} - -.panel popover .linked > button:checked { - background-color: rgba(255, 255, 255, 0.35); -} - -.panel popover .linked > button, .panel popover .linked > button:hover, .panel popover .linked > button:active, .panel popover .linked > button:checked, .panel popover .linked > button:disabled { - border: 1px solid rgba(255, 255, 255, 0.12); +.panel popover .linked > button:active, .panel popover .linked > button:checked { + color: #ffffff; + background-color: #0e6bff; + border-color: #0e6bff; + background-image: linear-gradient(180deg, #4c97fe 0%, #0564e3 100%); + box-shadow: none; } .panel popover separator.horizontal { diff --git a/src/gtk-3.0/gtk-light-solid-thin.css b/src/gtk-3.0/gtk-light-solid-thin.css index 1f9cd95..a4bfd65 100644 --- a/src/gtk-3.0/gtk-light-solid-thin.css +++ b/src/gtk-3.0/gtk-light-solid-thin.css @@ -1095,7 +1095,8 @@ headerbar .linked:not(.vertical).path-bar > button:only-child:disabled { } menuitem.button.flat, -modelbutton.flat, button:link, button:visited, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, notebook > header > tabs > tab button.flat:hover, notebook > header > tabs > tab button.budgie-menu-launcher:hover, notebook > header > tabs > tab .budgie-panel #tasklist-button:hover, .budgie-panel notebook > header > tabs > tab #tasklist-button:hover, notebook > header > tabs > tab .budgie-panel button.flat.launcher:hover, .budgie-panel notebook > header > tabs > tab button.flat.launcher:hover, notebook > header > tabs > tab button.flat:active, notebook > header > tabs > tab button.budgie-menu-launcher:active, notebook > header > tabs > tab .budgie-panel #tasklist-button:active, .budgie-panel notebook > header > tabs > tab #tasklist-button:active, notebook > header > tabs > tab .budgie-panel button.flat.launcher:active, .budgie-panel notebook > header > tabs > tab button.flat.launcher:active, notebook > header > tabs > tab button.flat:active:hover, notebook > header > tabs > tab button.budgie-menu-launcher:active:hover, .app-notification button, calendar.button, calendar.raven-calendar.button { +modelbutton.flat, button:link, button:visited, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, notebook > header > tabs > tab button.flat:hover, notebook > header > tabs > tab button.budgie-menu-launcher:hover, notebook > header > tabs > tab .budgie-panel #tasklist-button:hover, .budgie-panel notebook > header > tabs > tab #tasklist-button:hover, notebook > header > tabs > tab .budgie-panel button.flat.launcher:hover, .budgie-panel notebook > header > tabs > tab button.flat.launcher:hover, notebook > header > tabs > tab button.flat:active, notebook > header > tabs > tab button.budgie-menu-launcher:active, notebook > header > tabs > tab .budgie-panel #tasklist-button:active, .budgie-panel notebook > header > tabs > tab #tasklist-button:active, notebook > header > tabs > tab .budgie-panel button.flat.launcher:active, .budgie-panel notebook > header > tabs > tab button.flat.launcher:active, notebook > header > tabs > tab button.flat:active:hover, notebook > header > tabs > tab button.budgie-menu-launcher:active:hover, .app-notification button, +calendar.button, calendar.raven-calendar.button { border-color: transparent; background-color: transparent; background-image: none; @@ -4217,6 +4218,7 @@ expander arrow:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + calendar { color: #242424; border: 1px solid rgba(0, 0, 0, 0.11); @@ -4225,33 +4227,45 @@ calendar { margin: 0; } + calendar:selected { border-radius: 50px; } + +calendar:disabled { + color: rgba(36, 36, 36, 0.55); +} + + calendar.header { color: #242424; border: none; } + calendar.button { color: rgba(36, 36, 36, 0.45); } + calendar.button:hover { color: #242424; } + calendar.button:disabled { color: rgba(36, 36, 36, 0.55); } + calendar:indeterminate { - color: alpha(currentColor,0.55); + color: rgba(36, 36, 36, 0.55); } + calendar.highlight { - color: #242424; + color: rgba(36, 36, 36, 0.65); } messagedialog .titlebar { @@ -5055,7 +5069,8 @@ headerbar button.titlebutton.restore:active, .view:selected, iconview:selected, .view:selected:focus, .view text:selected, iconview text:selected, textview text:selected, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection, textview text selection:focus, -textview text selection, flowbox flowboxchild:selected, entry selection:focus, entry selection, treeview.view:selected, treeview.view:selected:focus, row:selected, calendar:selected, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:selected:focus, +textview text selection, flowbox flowboxchild:selected, entry selection:focus, entry selection, treeview.view:selected, treeview.view:selected:focus, row:selected, +calendar:selected, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:selected:focus, #MozillaGtkWidget.background > widget > scrolledwindow > textview text selection, .budgie-menu button:checked { background-color: #0046DB; } @@ -5063,7 +5078,8 @@ textview text selection, flowbox flowboxchild:selected, entry selection:focus, e row:selected label, label:selected, .view:selected, iconview:selected, .view:selected:focus, .view text:selected, iconview text:selected, textview text:selected, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection, textview text selection:focus, -textview text selection, flowbox flowboxchild:selected, entry selection:focus, entry selection, treeview.view:selected, treeview.view:selected:focus, row:selected, calendar:selected, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:selected:focus, +textview text selection, flowbox flowboxchild:selected, entry selection:focus, entry selection, treeview.view:selected, treeview.view:selected:focus, row:selected, +calendar:selected, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:selected:focus, #MozillaGtkWidget.background > widget > scrolledwindow > textview text selection, .budgie-menu button:checked { color: #ffffff; } @@ -5071,7 +5087,8 @@ textview text selection, flowbox flowboxchild:selected, entry selection:focus, e row:selected label:disabled, label:disabled:selected, .view:disabled:selected, iconview:disabled:selected, iconview:disabled:selected:focus, .view text:disabled:selected, iconview text:disabled:selected, textview text:disabled:selected, iconview text:disabled:selected:focus, textview text:disabled:selected:focus, iconview text selection:disabled:focus, .view text selection:disabled, iconview text selection:disabled, -textview text selection:disabled, flowbox flowboxchild:disabled:selected, label:disabled selection, entry selection:disabled, treeview.view:disabled:selected:focus, row:disabled:selected, calendar:disabled:selected, .nemo-window .nemo-window-pane widget.entry:disabled:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:disabled:selected, +textview text selection:disabled, flowbox flowboxchild:disabled:selected, label:disabled selection, entry selection:disabled, treeview.view:disabled:selected:focus, row:disabled:selected, +calendar:disabled:selected, .nemo-window .nemo-window-pane widget.entry:disabled:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:disabled:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text selection:disabled, .budgie-menu button:disabled:checked { color: #80a3ed; } @@ -5796,8 +5813,8 @@ dialog.csd > headerbar.titlebar > switch { } /************************ - * Gnome Control Center * - ************************/ + * Gnome Control Center * + ************************/ box.horizontal.titlebar > headerbar > stack > box.vertical > .title { margin: 0; } @@ -6653,7 +6670,7 @@ menubar .panel, } .panel popover button { - border: none; + border-color: transparent; background-color: transparent; box-shadow: none; } @@ -6696,27 +6713,30 @@ menubar .panel, color: rgba(36, 36, 36, 0.55); } +.panel popover button, .panel popover button:hover, .panel popover button:active, .panel popover button:checked, .panel popover button:disabled { + border-color: transparent; +} + .panel popover .linked > button { color: #242424; - border-color: rgba(0, 0, 0, 0.11); background-color: white; + border-color: rgba(0, 0, 0, 0.11); box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.04), 0px 1px 2px 0px rgba(16, 16, 16, 0.01), inset 0 0 0 1px rgba(0, 0, 0, 0.01); } .panel popover .linked > button:hover { - background-color: rgba(0, 0, 0, 0.15); + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.11); + background-color: #f7f7f7; + box-shadow: none; } -.panel popover .linked > button:active { - background-color: rgba(0, 0, 0, 0.5); -} - -.panel popover .linked > button:checked { - background-color: rgba(0, 0, 0, 0.65); -} - -.panel popover .linked > button, .panel popover .linked > button:hover, .panel popover .linked > button:active, .panel popover .linked > button:checked, .panel popover .linked > button:disabled { - border: 1px solid rgba(0, 0, 0, 0.11); +.panel popover .linked > button:active, .panel popover .linked > button:checked { + color: #ffffff; + background-color: #0e6bff; + border-color: #0e6bff; + background-image: linear-gradient(180deg, #4c97fe 0%, #0564e3 100%); + box-shadow: none; } .panel popover separator.horizontal { diff --git a/src/gtk-3.0/gtk-light-solid.css b/src/gtk-3.0/gtk-light-solid.css index 0a32d4e..b6f91aa 100644 --- a/src/gtk-3.0/gtk-light-solid.css +++ b/src/gtk-3.0/gtk-light-solid.css @@ -1095,7 +1095,8 @@ headerbar .linked:not(.vertical).path-bar > button:only-child:disabled { } menuitem.button.flat, -modelbutton.flat, button:link, button:visited, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, notebook > header > tabs > tab button.flat:hover, notebook > header > tabs > tab button.budgie-menu-launcher:hover, notebook > header > tabs > tab .budgie-panel #tasklist-button:hover, .budgie-panel notebook > header > tabs > tab #tasklist-button:hover, notebook > header > tabs > tab .budgie-panel button.flat.launcher:hover, .budgie-panel notebook > header > tabs > tab button.flat.launcher:hover, notebook > header > tabs > tab button.flat:active, notebook > header > tabs > tab button.budgie-menu-launcher:active, notebook > header > tabs > tab .budgie-panel #tasklist-button:active, .budgie-panel notebook > header > tabs > tab #tasklist-button:active, notebook > header > tabs > tab .budgie-panel button.flat.launcher:active, .budgie-panel notebook > header > tabs > tab button.flat.launcher:active, notebook > header > tabs > tab button.flat:active:hover, notebook > header > tabs > tab button.budgie-menu-launcher:active:hover, .app-notification button, calendar.button, calendar.raven-calendar.button { +modelbutton.flat, button:link, button:visited, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, notebook > header > tabs > tab button.flat:hover, notebook > header > tabs > tab button.budgie-menu-launcher:hover, notebook > header > tabs > tab .budgie-panel #tasklist-button:hover, .budgie-panel notebook > header > tabs > tab #tasklist-button:hover, notebook > header > tabs > tab .budgie-panel button.flat.launcher:hover, .budgie-panel notebook > header > tabs > tab button.flat.launcher:hover, notebook > header > tabs > tab button.flat:active, notebook > header > tabs > tab button.budgie-menu-launcher:active, notebook > header > tabs > tab .budgie-panel #tasklist-button:active, .budgie-panel notebook > header > tabs > tab #tasklist-button:active, notebook > header > tabs > tab .budgie-panel button.flat.launcher:active, .budgie-panel notebook > header > tabs > tab button.flat.launcher:active, notebook > header > tabs > tab button.flat:active:hover, notebook > header > tabs > tab button.budgie-menu-launcher:active:hover, .app-notification button, +calendar.button, calendar.raven-calendar.button { border-color: transparent; background-color: transparent; background-image: none; @@ -4217,6 +4218,7 @@ expander arrow:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + calendar { color: #242424; border: 1px solid rgba(0, 0, 0, 0.11); @@ -4225,33 +4227,45 @@ calendar { margin: 0; } + calendar:selected { border-radius: 50px; } + +calendar:disabled { + color: rgba(36, 36, 36, 0.55); +} + + calendar.header { color: #242424; border: none; } + calendar.button { color: rgba(36, 36, 36, 0.45); } + calendar.button:hover { color: #242424; } + calendar.button:disabled { color: rgba(36, 36, 36, 0.55); } + calendar:indeterminate { - color: alpha(currentColor,0.55); + color: rgba(36, 36, 36, 0.55); } + calendar.highlight { - color: #242424; + color: rgba(36, 36, 36, 0.65); } messagedialog .titlebar { @@ -5055,7 +5069,8 @@ headerbar button.titlebutton.restore:active, .view:selected, iconview:selected, .view:selected:focus, .view text:selected, iconview text:selected, textview text:selected, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection, textview text selection:focus, -textview text selection, flowbox flowboxchild:selected, entry selection:focus, entry selection, treeview.view:selected, treeview.view:selected:focus, row:selected, calendar:selected, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:selected:focus, +textview text selection, flowbox flowboxchild:selected, entry selection:focus, entry selection, treeview.view:selected, treeview.view:selected:focus, row:selected, +calendar:selected, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:selected:focus, #MozillaGtkWidget.background > widget > scrolledwindow > textview text selection, .budgie-menu button:checked { background-color: #0046DB; } @@ -5063,7 +5078,8 @@ textview text selection, flowbox flowboxchild:selected, entry selection:focus, e row:selected label, label:selected, .view:selected, iconview:selected, .view:selected:focus, .view text:selected, iconview text:selected, textview text:selected, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection, textview text selection:focus, -textview text selection, flowbox flowboxchild:selected, entry selection:focus, entry selection, treeview.view:selected, treeview.view:selected:focus, row:selected, calendar:selected, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:selected:focus, +textview text selection, flowbox flowboxchild:selected, entry selection:focus, entry selection, treeview.view:selected, treeview.view:selected:focus, row:selected, +calendar:selected, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:selected:focus, #MozillaGtkWidget.background > widget > scrolledwindow > textview text selection, .budgie-menu button:checked { color: #ffffff; } @@ -5071,7 +5087,8 @@ textview text selection, flowbox flowboxchild:selected, entry selection:focus, e row:selected label:disabled, label:disabled:selected, .view:disabled:selected, iconview:disabled:selected, iconview:disabled:selected:focus, .view text:disabled:selected, iconview text:disabled:selected, textview text:disabled:selected, iconview text:disabled:selected:focus, textview text:disabled:selected:focus, iconview text selection:disabled:focus, .view text selection:disabled, iconview text selection:disabled, -textview text selection:disabled, flowbox flowboxchild:disabled:selected, label:disabled selection, entry selection:disabled, treeview.view:disabled:selected:focus, row:disabled:selected, calendar:disabled:selected, .nemo-window .nemo-window-pane widget.entry:disabled:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:disabled:selected, +textview text selection:disabled, flowbox flowboxchild:disabled:selected, label:disabled selection, entry selection:disabled, treeview.view:disabled:selected:focus, row:disabled:selected, +calendar:disabled:selected, .nemo-window .nemo-window-pane widget.entry:disabled:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:disabled:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text selection:disabled, .budgie-menu button:disabled:checked { color: #80a3ed; } @@ -5796,8 +5813,8 @@ dialog.csd > headerbar.titlebar > switch { } /************************ - * Gnome Control Center * - ************************/ + * Gnome Control Center * + ************************/ box.horizontal.titlebar > headerbar > stack > box.vertical > .title { margin: 0; } @@ -6653,7 +6670,7 @@ menubar .panel, } .panel popover button { - border: none; + border-color: transparent; background-color: transparent; box-shadow: none; } @@ -6696,27 +6713,30 @@ menubar .panel, color: rgba(36, 36, 36, 0.55); } +.panel popover button, .panel popover button:hover, .panel popover button:active, .panel popover button:checked, .panel popover button:disabled { + border-color: transparent; +} + .panel popover .linked > button { color: #242424; - border-color: rgba(0, 0, 0, 0.11); background-color: white; + border-color: rgba(0, 0, 0, 0.11); box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.04), 0px 1px 2px 0px rgba(16, 16, 16, 0.01), inset 0 0 0 1px rgba(0, 0, 0, 0.01); } .panel popover .linked > button:hover { - background-color: rgba(0, 0, 0, 0.15); + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.11); + background-color: #f7f7f7; + box-shadow: none; } -.panel popover .linked > button:active { - background-color: rgba(0, 0, 0, 0.5); -} - -.panel popover .linked > button:checked { - background-color: rgba(0, 0, 0, 0.65); -} - -.panel popover .linked > button, .panel popover .linked > button:hover, .panel popover .linked > button:active, .panel popover .linked > button:checked, .panel popover .linked > button:disabled { - border: 1px solid rgba(0, 0, 0, 0.11); +.panel popover .linked > button:active, .panel popover .linked > button:checked { + color: #ffffff; + background-color: #0e6bff; + border-color: #0e6bff; + background-image: linear-gradient(180deg, #4c97fe 0%, #0564e3 100%); + box-shadow: none; } .panel popover separator.horizontal { diff --git a/src/gtk-3.0/gtk-light-thin.css b/src/gtk-3.0/gtk-light-thin.css index a77ea9a..6dd705b 100644 --- a/src/gtk-3.0/gtk-light-thin.css +++ b/src/gtk-3.0/gtk-light-thin.css @@ -1095,7 +1095,8 @@ headerbar .linked:not(.vertical).path-bar > button:only-child:disabled { } menuitem.button.flat, -modelbutton.flat, button:link, button:visited, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, notebook > header > tabs > tab button.flat:hover, notebook > header > tabs > tab button.budgie-menu-launcher:hover, notebook > header > tabs > tab .budgie-panel #tasklist-button:hover, .budgie-panel notebook > header > tabs > tab #tasklist-button:hover, notebook > header > tabs > tab .budgie-panel button.flat.launcher:hover, .budgie-panel notebook > header > tabs > tab button.flat.launcher:hover, notebook > header > tabs > tab button.flat:active, notebook > header > tabs > tab button.budgie-menu-launcher:active, notebook > header > tabs > tab .budgie-panel #tasklist-button:active, .budgie-panel notebook > header > tabs > tab #tasklist-button:active, notebook > header > tabs > tab .budgie-panel button.flat.launcher:active, .budgie-panel notebook > header > tabs > tab button.flat.launcher:active, notebook > header > tabs > tab button.flat:active:hover, notebook > header > tabs > tab button.budgie-menu-launcher:active:hover, .app-notification button, calendar.button, calendar.raven-calendar.button { +modelbutton.flat, button:link, button:visited, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, notebook > header > tabs > tab button.flat:hover, notebook > header > tabs > tab button.budgie-menu-launcher:hover, notebook > header > tabs > tab .budgie-panel #tasklist-button:hover, .budgie-panel notebook > header > tabs > tab #tasklist-button:hover, notebook > header > tabs > tab .budgie-panel button.flat.launcher:hover, .budgie-panel notebook > header > tabs > tab button.flat.launcher:hover, notebook > header > tabs > tab button.flat:active, notebook > header > tabs > tab button.budgie-menu-launcher:active, notebook > header > tabs > tab .budgie-panel #tasklist-button:active, .budgie-panel notebook > header > tabs > tab #tasklist-button:active, notebook > header > tabs > tab .budgie-panel button.flat.launcher:active, .budgie-panel notebook > header > tabs > tab button.flat.launcher:active, notebook > header > tabs > tab button.flat:active:hover, notebook > header > tabs > tab button.budgie-menu-launcher:active:hover, .app-notification button, +calendar.button, calendar.raven-calendar.button { border-color: transparent; background-color: transparent; background-image: none; @@ -4217,6 +4218,7 @@ expander arrow:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + calendar { color: #242424; border: 1px solid rgba(0, 0, 0, 0.11); @@ -4225,33 +4227,45 @@ calendar { margin: 0; } + calendar:selected { border-radius: 50px; } + +calendar:disabled { + color: rgba(36, 36, 36, 0.55); +} + + calendar.header { color: #242424; border: none; } + calendar.button { color: rgba(36, 36, 36, 0.45); } + calendar.button:hover { color: #242424; } + calendar.button:disabled { color: rgba(36, 36, 36, 0.55); } + calendar:indeterminate { - color: alpha(currentColor,0.55); + color: rgba(36, 36, 36, 0.55); } + calendar.highlight { - color: #242424; + color: rgba(36, 36, 36, 0.65); } messagedialog .titlebar { @@ -5055,7 +5069,8 @@ headerbar button.titlebutton.restore:active, .view:selected, iconview:selected, .view:selected:focus, .view text:selected, iconview text:selected, textview text:selected, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection, textview text selection:focus, -textview text selection, flowbox flowboxchild:selected, entry selection:focus, entry selection, treeview.view:selected, treeview.view:selected:focus, row:selected, calendar:selected, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:selected:focus, +textview text selection, flowbox flowboxchild:selected, entry selection:focus, entry selection, treeview.view:selected, treeview.view:selected:focus, row:selected, +calendar:selected, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:selected:focus, #MozillaGtkWidget.background > widget > scrolledwindow > textview text selection, .budgie-menu button:checked { background-color: #0046DB; } @@ -5063,7 +5078,8 @@ textview text selection, flowbox flowboxchild:selected, entry selection:focus, e row:selected label, label:selected, .view:selected, iconview:selected, .view:selected:focus, .view text:selected, iconview text:selected, textview text:selected, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection, textview text selection:focus, -textview text selection, flowbox flowboxchild:selected, entry selection:focus, entry selection, treeview.view:selected, treeview.view:selected:focus, row:selected, calendar:selected, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:selected:focus, +textview text selection, flowbox flowboxchild:selected, entry selection:focus, entry selection, treeview.view:selected, treeview.view:selected:focus, row:selected, +calendar:selected, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:selected:focus, #MozillaGtkWidget.background > widget > scrolledwindow > textview text selection, .budgie-menu button:checked { color: #ffffff; } @@ -5071,7 +5087,8 @@ textview text selection, flowbox flowboxchild:selected, entry selection:focus, e row:selected label:disabled, label:disabled:selected, .view:disabled:selected, iconview:disabled:selected, iconview:disabled:selected:focus, .view text:disabled:selected, iconview text:disabled:selected, textview text:disabled:selected, iconview text:disabled:selected:focus, textview text:disabled:selected:focus, iconview text selection:disabled:focus, .view text selection:disabled, iconview text selection:disabled, -textview text selection:disabled, flowbox flowboxchild:disabled:selected, label:disabled selection, entry selection:disabled, treeview.view:disabled:selected:focus, row:disabled:selected, calendar:disabled:selected, .nemo-window .nemo-window-pane widget.entry:disabled:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:disabled:selected, +textview text selection:disabled, flowbox flowboxchild:disabled:selected, label:disabled selection, entry selection:disabled, treeview.view:disabled:selected:focus, row:disabled:selected, +calendar:disabled:selected, .nemo-window .nemo-window-pane widget.entry:disabled:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:disabled:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text selection:disabled, .budgie-menu button:disabled:checked { color: #80a3ed; } @@ -5796,8 +5813,8 @@ dialog.csd > headerbar.titlebar > switch { } /************************ - * Gnome Control Center * - ************************/ + * Gnome Control Center * + ************************/ box.horizontal.titlebar > headerbar > stack > box.vertical > .title { margin: 0; } @@ -6653,7 +6670,7 @@ menubar .panel, } .panel popover button { - border: none; + border-color: transparent; background-color: transparent; box-shadow: none; } @@ -6696,27 +6713,30 @@ menubar .panel, color: rgba(36, 36, 36, 0.55); } +.panel popover button, .panel popover button:hover, .panel popover button:active, .panel popover button:checked, .panel popover button:disabled { + border-color: transparent; +} + .panel popover .linked > button { color: #242424; - border-color: rgba(0, 0, 0, 0.11); background-color: white; + border-color: rgba(0, 0, 0, 0.11); box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.04), 0px 1px 2px 0px rgba(16, 16, 16, 0.01), inset 0 0 0 1px rgba(0, 0, 0, 0.01); } .panel popover .linked > button:hover { - background-color: rgba(0, 0, 0, 0.15); + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.11); + background-color: #f7f7f7; + box-shadow: none; } -.panel popover .linked > button:active { - background-color: rgba(0, 0, 0, 0.5); -} - -.panel popover .linked > button:checked { - background-color: rgba(0, 0, 0, 0.65); -} - -.panel popover .linked > button, .panel popover .linked > button:hover, .panel popover .linked > button:active, .panel popover .linked > button:checked, .panel popover .linked > button:disabled { - border: 1px solid rgba(0, 0, 0, 0.11); +.panel popover .linked > button:active, .panel popover .linked > button:checked { + color: #ffffff; + background-color: #0e6bff; + border-color: #0e6bff; + background-image: linear-gradient(180deg, #4c97fe 0%, #0564e3 100%); + box-shadow: none; } .panel popover separator.horizontal { diff --git a/src/gtk-3.0/gtk-light.css b/src/gtk-3.0/gtk-light.css index 95fc7b0..9c85c87 100644 --- a/src/gtk-3.0/gtk-light.css +++ b/src/gtk-3.0/gtk-light.css @@ -1095,7 +1095,8 @@ headerbar .linked:not(.vertical).path-bar > button:only-child:disabled { } menuitem.button.flat, -modelbutton.flat, button:link, button:visited, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, notebook > header > tabs > tab button.flat:hover, notebook > header > tabs > tab button.budgie-menu-launcher:hover, notebook > header > tabs > tab .budgie-panel #tasklist-button:hover, .budgie-panel notebook > header > tabs > tab #tasklist-button:hover, notebook > header > tabs > tab .budgie-panel button.flat.launcher:hover, .budgie-panel notebook > header > tabs > tab button.flat.launcher:hover, notebook > header > tabs > tab button.flat:active, notebook > header > tabs > tab button.budgie-menu-launcher:active, notebook > header > tabs > tab .budgie-panel #tasklist-button:active, .budgie-panel notebook > header > tabs > tab #tasklist-button:active, notebook > header > tabs > tab .budgie-panel button.flat.launcher:active, .budgie-panel notebook > header > tabs > tab button.flat.launcher:active, notebook > header > tabs > tab button.flat:active:hover, notebook > header > tabs > tab button.budgie-menu-launcher:active:hover, .app-notification button, calendar.button, calendar.raven-calendar.button { +modelbutton.flat, button:link, button:visited, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, notebook > header > tabs > tab button.flat:hover, notebook > header > tabs > tab button.budgie-menu-launcher:hover, notebook > header > tabs > tab .budgie-panel #tasklist-button:hover, .budgie-panel notebook > header > tabs > tab #tasklist-button:hover, notebook > header > tabs > tab .budgie-panel button.flat.launcher:hover, .budgie-panel notebook > header > tabs > tab button.flat.launcher:hover, notebook > header > tabs > tab button.flat:active, notebook > header > tabs > tab button.budgie-menu-launcher:active, notebook > header > tabs > tab .budgie-panel #tasklist-button:active, .budgie-panel notebook > header > tabs > tab #tasklist-button:active, notebook > header > tabs > tab .budgie-panel button.flat.launcher:active, .budgie-panel notebook > header > tabs > tab button.flat.launcher:active, notebook > header > tabs > tab button.flat:active:hover, notebook > header > tabs > tab button.budgie-menu-launcher:active:hover, .app-notification button, +calendar.button, calendar.raven-calendar.button { border-color: transparent; background-color: transparent; background-image: none; @@ -4217,6 +4218,7 @@ expander arrow:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + calendar { color: #242424; border: 1px solid rgba(0, 0, 0, 0.11); @@ -4225,33 +4227,45 @@ calendar { margin: 0; } + calendar:selected { border-radius: 50px; } + +calendar:disabled { + color: rgba(36, 36, 36, 0.55); +} + + calendar.header { color: #242424; border: none; } + calendar.button { color: rgba(36, 36, 36, 0.45); } + calendar.button:hover { color: #242424; } + calendar.button:disabled { color: rgba(36, 36, 36, 0.55); } + calendar:indeterminate { - color: alpha(currentColor,0.55); + color: rgba(36, 36, 36, 0.55); } + calendar.highlight { - color: #242424; + color: rgba(36, 36, 36, 0.65); } messagedialog .titlebar { @@ -5055,7 +5069,8 @@ headerbar button.titlebutton.restore:active, .view:selected, iconview:selected, .view:selected:focus, .view text:selected, iconview text:selected, textview text:selected, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection, textview text selection:focus, -textview text selection, flowbox flowboxchild:selected, entry selection:focus, entry selection, treeview.view:selected, treeview.view:selected:focus, row:selected, calendar:selected, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:selected:focus, +textview text selection, flowbox flowboxchild:selected, entry selection:focus, entry selection, treeview.view:selected, treeview.view:selected:focus, row:selected, +calendar:selected, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:selected:focus, #MozillaGtkWidget.background > widget > scrolledwindow > textview text selection, .budgie-menu button:checked { background-color: #0046DB; } @@ -5063,7 +5078,8 @@ textview text selection, flowbox flowboxchild:selected, entry selection:focus, e row:selected label, label:selected, .view:selected, iconview:selected, .view:selected:focus, .view text:selected, iconview text:selected, textview text:selected, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection, textview text selection:focus, -textview text selection, flowbox flowboxchild:selected, entry selection:focus, entry selection, treeview.view:selected, treeview.view:selected:focus, row:selected, calendar:selected, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:selected:focus, +textview text selection, flowbox flowboxchild:selected, entry selection:focus, entry selection, treeview.view:selected, treeview.view:selected:focus, row:selected, +calendar:selected, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:selected:focus, #MozillaGtkWidget.background > widget > scrolledwindow > textview text selection, .budgie-menu button:checked { color: #ffffff; } @@ -5071,7 +5087,8 @@ textview text selection, flowbox flowboxchild:selected, entry selection:focus, e row:selected label:disabled, label:disabled:selected, .view:disabled:selected, iconview:disabled:selected, iconview:disabled:selected:focus, .view text:disabled:selected, iconview text:disabled:selected, textview text:disabled:selected, iconview text:disabled:selected:focus, textview text:disabled:selected:focus, iconview text selection:disabled:focus, .view text selection:disabled, iconview text selection:disabled, -textview text selection:disabled, flowbox flowboxchild:disabled:selected, label:disabled selection, entry selection:disabled, treeview.view:disabled:selected:focus, row:disabled:selected, calendar:disabled:selected, .nemo-window .nemo-window-pane widget.entry:disabled:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:disabled:selected, +textview text selection:disabled, flowbox flowboxchild:disabled:selected, label:disabled selection, entry selection:disabled, treeview.view:disabled:selected:focus, row:disabled:selected, +calendar:disabled:selected, .nemo-window .nemo-window-pane widget.entry:disabled:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:disabled:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text selection:disabled, .budgie-menu button:disabled:checked { color: #80a3ed; } @@ -5796,8 +5813,8 @@ dialog.csd > headerbar.titlebar > switch { } /************************ - * Gnome Control Center * - ************************/ + * Gnome Control Center * + ************************/ box.horizontal.titlebar > headerbar > stack > box.vertical > .title { margin: 0; } @@ -6653,7 +6670,7 @@ menubar .panel, } .panel popover button { - border: none; + border-color: transparent; background-color: transparent; box-shadow: none; } @@ -6696,27 +6713,30 @@ menubar .panel, color: rgba(36, 36, 36, 0.55); } +.panel popover button, .panel popover button:hover, .panel popover button:active, .panel popover button:checked, .panel popover button:disabled { + border-color: transparent; +} + .panel popover .linked > button { color: #242424; - border-color: rgba(0, 0, 0, 0.11); background-color: white; + border-color: rgba(0, 0, 0, 0.11); box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.04), 0px 1px 2px 0px rgba(16, 16, 16, 0.01), inset 0 0 0 1px rgba(0, 0, 0, 0.01); } .panel popover .linked > button:hover { - background-color: rgba(0, 0, 0, 0.15); + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.11); + background-color: #f7f7f7; + box-shadow: none; } -.panel popover .linked > button:active { - background-color: rgba(0, 0, 0, 0.5); -} - -.panel popover .linked > button:checked { - background-color: rgba(0, 0, 0, 0.65); -} - -.panel popover .linked > button, .panel popover .linked > button:hover, .panel popover .linked > button:active, .panel popover .linked > button:checked, .panel popover .linked > button:disabled { - border: 1px solid rgba(0, 0, 0, 0.11); +.panel popover .linked > button:active, .panel popover .linked > button:checked { + color: #ffffff; + background-color: #0e6bff; + border-color: #0e6bff; + background-image: linear-gradient(180deg, #4c97fe 0%, #0564e3 100%); + box-shadow: none; } .panel popover separator.horizontal { diff --git a/src/gtk-3.0/sass/_applications.scss b/src/gtk-3.0/sass/_applications.scss index 5c67d51..84b4683 100644 --- a/src/gtk-3.0/sass/_applications.scss +++ b/src/gtk-3.0/sass/_applications.scss @@ -793,9 +793,9 @@ button.documents-favorite:active:hover { .tweak-titlebar-right, dialog.csd > headerbar.titlebar { > switch { margin: 8px 0; } } - /************************ - * Gnome Control Center * - ************************/ +/************************ + * Gnome Control Center * + ************************/ // users section @@ -1638,19 +1638,23 @@ window > box.vertical > box.horizontal { padding: 2px 4px; button { - @include button(flat-normal); + border-color: transparent; + background-color: transparent; + box-shadow: none; &: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 { background-color: if($variant=='light', rgba(black, 0.15), rgba(white, 0.15)); } - &:active { background-color: if($variant=='light', rgba(black, 0.5), rgba(white, 0.25)); } - &:checked { background-color: if($variant=='light', rgba(black, 0.65), rgba(white, 0.35)); } - &, &:hover, &:active, &:checked, &:disabled { border: 1px solid $borders_color; } + color: $fg_color; + background-color: $button_bg; + border-color: $borders_color; + @if $variant=='light' { box-shadow: $shadow_3, inset 0 0 0 1px rgba($borders_color, 0.01); } + &:hover { @include button(hover); } + &:active, &:checked { @include button(active); } } separator.horizontal { diff --git a/src/gtk-3.0/sass/_common.scss b/src/gtk-3.0/sass/_common.scss index 58598b7..764a868 100644 --- a/src/gtk-3.0/sass/_common.scss +++ b/src/gtk-3.0/sass/_common.scss @@ -3121,6 +3121,7 @@ expander { // // Calendar // +%calendar, calendar { color: $fg_color; border: 1px solid $borders_color; @@ -3133,6 +3134,8 @@ calendar { border-radius: 50px; } + &:disabled { color: $insensitive_fg_color; } + &.header { color: $fg_color; border: none; @@ -3148,8 +3151,8 @@ calendar { &:disabled { color: $insensitive_fg_color; } } - &:indeterminate { color: gtkalpha(currentColor,0.55); } - &.highlight { color: $fg_color; } + &:indeterminate { color: rgba($fg_color, 0.55); } + &.highlight { color: rgba($fg_color, 0.65); } } //