From ca76d0e2e55cb9a6b69a29c19225c22bb50c6f96 Mon Sep 17 00:00:00 2001 From: Horst3180 Date: Sun, 29 May 2016 19:22:18 +0200 Subject: use accent color for menu highlight (fix #135) --- common/gtk-3.0/3.16/gtk-dark.css | 26 ++++++++++++++++++++++---- common/gtk-3.0/3.16/gtk-darker.css | 26 ++++++++++++++++++++++---- common/gtk-3.0/3.16/gtk-solid-dark.css | 26 ++++++++++++++++++++++---- common/gtk-3.0/3.16/gtk-solid-darker.css | 26 ++++++++++++++++++++++---- common/gtk-3.0/3.16/gtk-solid.css | 26 ++++++++++++++++++++++---- common/gtk-3.0/3.16/gtk.css | 26 ++++++++++++++++++++++---- common/gtk-3.0/3.16/sass/_common.scss | 9 +++++---- 7 files changed, 137 insertions(+), 28 deletions(-) (limited to 'common/gtk-3.0/3.16') diff --git a/common/gtk-3.0/3.16/gtk-dark.css b/common/gtk-3.0/3.16/gtk-dark.css index a023c99..e73cfe1 100644 --- a/common/gtk-3.0/3.16/gtk-dark.css +++ b/common/gtk-3.0/3.16/gtk-dark.css @@ -1321,10 +1321,8 @@ column-header .button, column-header .button:hover, column-header .button:active .menu .menuitem { padding: 5px; } .menu .menuitem:hover { - color: #D3DAE3; - background-color: rgba(255, 255, 255, 0.05); - border: solid rgba(255, 255, 255, 0.07); - border-width: 1px 0 1px 0; } + color: #ffffff; + background-color: #5294E2; } .menu .menuitem:insensitive { color: rgba(211, 218, 227, 0.45); } .menu .menuitem.separator, .menu GtkPlacesSidebar.sidebar .menuitem.view.separator, GtkPlacesSidebar.sidebar .menu .menuitem.view.separator { @@ -1659,6 +1657,7 @@ GtkFileChooserDialog .action-bar.frame .check, GtkFileChooserDialog .dialog-vbox > .frame .check { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); } +.menu .menuitem.check:hover, GtkTreeView.view.check:selected, .list-row:selected .check, GtkInfoBar .check { @@ -1671,6 +1670,7 @@ GtkFileChooserDialog .action-bar.frame .check:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .check:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); } +.menu .menuitem.check:insensitive:hover, GtkTreeView.view.check:insensitive:selected, .list-row:selected .check:insensitive, GtkInfoBar .check:insensitive { @@ -1683,6 +1683,7 @@ GtkFileChooserDialog .action-bar.frame .check:inconsistent, GtkFileChooserDialog .dialog-vbox > .frame .check:inconsistent { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); } +.menu .menuitem.check:inconsistent:hover, GtkTreeView.view.check:inconsistent:selected, .list-row:selected .check:inconsistent, GtkInfoBar .check:inconsistent { @@ -1695,6 +1696,7 @@ GtkFileChooserDialog .action-bar.frame .check:inconsistent:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .check:inconsistent:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); } +.menu .menuitem.check:inconsistent:insensitive:hover, GtkTreeView.view.check:inconsistent:insensitive:selected, .list-row:selected .check:inconsistent:insensitive, GtkInfoBar .check:inconsistent:insensitive { @@ -1707,6 +1709,7 @@ GtkFileChooserDialog .action-bar.frame .check:checked, GtkFileChooserDialog .dialog-vbox > .frame .check:checked { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); } +.menu .menuitem.check:checked:hover, GtkTreeView.view.check:checked:selected, .list-row:selected .check:checked, GtkInfoBar .check:checked { @@ -1719,6 +1722,7 @@ GtkFileChooserDialog .action-bar.frame .check:checked:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .check:checked:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); } +.menu .menuitem.check:checked:insensitive:hover, GtkTreeView.view.check:checked:insensitive:selected, .list-row:selected .check:checked:insensitive, GtkInfoBar .check:checked:insensitive { @@ -1731,6 +1735,7 @@ GtkFileChooserDialog .action-bar.frame .radio, GtkFileChooserDialog .dialog-vbox > .frame .radio { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); } +.menu .menuitem.radio:hover, GtkTreeView.view.radio:selected, .list-row:selected .radio, GtkInfoBar .radio { @@ -1743,6 +1748,7 @@ GtkFileChooserDialog .action-bar.frame .radio:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .radio:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); } +.menu .menuitem.radio:insensitive:hover, GtkTreeView.view.radio:insensitive:selected, .list-row:selected .radio:insensitive, GtkInfoBar .radio:insensitive { @@ -1755,6 +1761,7 @@ GtkFileChooserDialog .action-bar.frame .radio:inconsistent, GtkFileChooserDialog .dialog-vbox > .frame .radio:inconsistent { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); } +.menu .menuitem.radio:inconsistent:hover, GtkTreeView.view.radio:inconsistent:selected, .list-row:selected .radio:inconsistent, GtkInfoBar .radio:inconsistent { @@ -1767,6 +1774,7 @@ GtkFileChooserDialog .action-bar.frame .radio:inconsistent:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .radio:inconsistent:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); } +.menu .menuitem.radio:inconsistent:insensitive:hover, GtkTreeView.view.radio:inconsistent:insensitive:selected, .list-row:selected .radio:inconsistent:insensitive, GtkInfoBar .radio:inconsistent:insensitive { @@ -1779,6 +1787,7 @@ GtkFileChooserDialog .action-bar.frame .radio:checked, GtkFileChooserDialog .dialog-vbox > .frame .radio:checked { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); } +.menu .menuitem.radio:checked:hover, GtkTreeView.view.radio:checked:selected, .list-row:selected .radio:checked, GtkInfoBar .radio:checked { @@ -1791,6 +1800,7 @@ GtkFileChooserDialog .action-bar.frame .radio:checked:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .radio:checked:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); } +.menu .menuitem.radio:checked:insensitive:hover, GtkTreeView.view.radio:checked:insensitive:selected, .list-row:selected .radio:checked:insensitive, GtkInfoBar .radio:checked:insensitive { @@ -1846,18 +1856,22 @@ GtkCheckButton.text-button, GtkRadioButton.text-button { .osd .scale.slider:active { background-image: linear-gradient(to bottom, #2679db); border-color: #2679db; } + .menuitem:hover .scale.slider, .list-row:selected .scale.slider, GtkInfoBar .scale.slider { background-image: linear-gradient(to bottom, #ffffff); border-color: #ffffff; } + .menuitem:hover .scale.slider:hover, .list-row:selected .scale.slider:hover, GtkInfoBar .scale.slider:hover { background-image: linear-gradient(to bottom, #e5effb); border-color: #e5effb; } + .menuitem:hover .scale.slider:active, .list-row:selected .scale.slider:active, GtkInfoBar .scale.slider:active { background-image: linear-gradient(to bottom, #a9caf1); border-color: #a9caf1; } + .menuitem:hover .scale.slider:insensitive, .list-row:selected .scale.slider:insensitive, GtkInfoBar .scale.slider:insensitive { background-image: linear-gradient(to bottom, #b1cff2); @@ -1878,15 +1892,19 @@ GtkCheckButton.text-button, GtkRadioButton.text-button { .osd .scale.trough.highlight { background-image: none; background-image: linear-gradient(to bottom, #5294E2); } + .menuitem:hover .scale.trough, .list-row:selected .scale.trough, GtkInfoBar .scale.trough { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2)); } + .menuitem:hover .scale.trough.highlight, .list-row:selected .scale.trough.highlight, GtkInfoBar .scale.trough.highlight { background-image: linear-gradient(to bottom, #ffffff); } + .menuitem:hover .scale.trough.highlight:insensitive, .list-row:selected .scale.trough.highlight:insensitive, GtkInfoBar .scale.trough.highlight:insensitive { background-image: linear-gradient(to bottom, #b1cff2); } + .menuitem:hover .scale.trough:insensitive, .list-row:selected .scale.trough:insensitive, GtkInfoBar .scale.trough:insensitive { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1)); } diff --git a/common/gtk-3.0/3.16/gtk-darker.css b/common/gtk-3.0/3.16/gtk-darker.css index a2974e3..e3eb905 100644 --- a/common/gtk-3.0/3.16/gtk-darker.css +++ b/common/gtk-3.0/3.16/gtk-darker.css @@ -1324,10 +1324,8 @@ column-header .button, column-header .button:hover, column-header .button:active .menu .menuitem { padding: 5px; } .menu .menuitem:hover { - color: #5c616c; - background-color: rgba(0, 0, 0, 0.04); - border: solid rgba(0, 0, 0, 0.08); - border-width: 1px 0 1px 0; } + color: #ffffff; + background-color: #5294E2; } .menu .menuitem:insensitive { color: rgba(92, 97, 108, 0.55); } .menu .menuitem.separator, .menu GtkPlacesSidebar.sidebar .menuitem.view.separator, GtkPlacesSidebar.sidebar .menu .menuitem.view.separator { @@ -1662,6 +1660,7 @@ GtkFileChooserDialog .action-bar.frame .check, GtkFileChooserDialog .dialog-vbox > .frame .check { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); } +.menu .menuitem.check:hover, GtkTreeView.view.check:selected, .list-row:selected .check, GtkInfoBar .check { @@ -1674,6 +1673,7 @@ GtkFileChooserDialog .action-bar.frame .check:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .check:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); } +.menu .menuitem.check:insensitive:hover, GtkTreeView.view.check:insensitive:selected, .list-row:selected .check:insensitive, GtkInfoBar .check:insensitive { @@ -1686,6 +1686,7 @@ GtkFileChooserDialog .action-bar.frame .check:inconsistent, GtkFileChooserDialog .dialog-vbox > .frame .check:inconsistent { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); } +.menu .menuitem.check:inconsistent:hover, GtkTreeView.view.check:inconsistent:selected, .list-row:selected .check:inconsistent, GtkInfoBar .check:inconsistent { @@ -1698,6 +1699,7 @@ GtkFileChooserDialog .action-bar.frame .check:inconsistent:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .check:inconsistent:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); } +.menu .menuitem.check:inconsistent:insensitive:hover, GtkTreeView.view.check:inconsistent:insensitive:selected, .list-row:selected .check:inconsistent:insensitive, GtkInfoBar .check:inconsistent:insensitive { @@ -1710,6 +1712,7 @@ GtkFileChooserDialog .action-bar.frame .check:checked, GtkFileChooserDialog .dialog-vbox > .frame .check:checked { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); } +.menu .menuitem.check:checked:hover, GtkTreeView.view.check:checked:selected, .list-row:selected .check:checked, GtkInfoBar .check:checked { @@ -1722,6 +1725,7 @@ GtkFileChooserDialog .action-bar.frame .check:checked:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .check:checked:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); } +.menu .menuitem.check:checked:insensitive:hover, GtkTreeView.view.check:checked:insensitive:selected, .list-row:selected .check:checked:insensitive, GtkInfoBar .check:checked:insensitive { @@ -1734,6 +1738,7 @@ GtkFileChooserDialog .action-bar.frame .radio, GtkFileChooserDialog .dialog-vbox > .frame .radio { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); } +.menu .menuitem.radio:hover, GtkTreeView.view.radio:selected, .list-row:selected .radio, GtkInfoBar .radio { @@ -1746,6 +1751,7 @@ GtkFileChooserDialog .action-bar.frame .radio:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .radio:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); } +.menu .menuitem.radio:insensitive:hover, GtkTreeView.view.radio:insensitive:selected, .list-row:selected .radio:insensitive, GtkInfoBar .radio:insensitive { @@ -1758,6 +1764,7 @@ GtkFileChooserDialog .action-bar.frame .radio:inconsistent, GtkFileChooserDialog .dialog-vbox > .frame .radio:inconsistent { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); } +.menu .menuitem.radio:inconsistent:hover, GtkTreeView.view.radio:inconsistent:selected, .list-row:selected .radio:inconsistent, GtkInfoBar .radio:inconsistent { @@ -1770,6 +1777,7 @@ GtkFileChooserDialog .action-bar.frame .radio:inconsistent:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .radio:inconsistent:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); } +.menu .menuitem.radio:inconsistent:insensitive:hover, GtkTreeView.view.radio:inconsistent:insensitive:selected, .list-row:selected .radio:inconsistent:insensitive, GtkInfoBar .radio:inconsistent:insensitive { @@ -1782,6 +1790,7 @@ GtkFileChooserDialog .action-bar.frame .radio:checked, GtkFileChooserDialog .dialog-vbox > .frame .radio:checked { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); } +.menu .menuitem.radio:checked:hover, GtkTreeView.view.radio:checked:selected, .list-row:selected .radio:checked, GtkInfoBar .radio:checked { @@ -1794,6 +1803,7 @@ GtkFileChooserDialog .action-bar.frame .radio:checked:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .radio:checked:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); } +.menu .menuitem.radio:checked:insensitive:hover, GtkTreeView.view.radio:checked:insensitive:selected, .list-row:selected .radio:checked:insensitive, GtkInfoBar .radio:checked:insensitive { @@ -1849,18 +1859,22 @@ GtkCheckButton.text-button, GtkRadioButton.text-button { .osd .scale.slider:active { background-image: linear-gradient(to bottom, #2679db); border-color: #2679db; } + .menuitem:hover .scale.slider, .list-row:selected .scale.slider, GtkInfoBar .scale.slider { background-image: linear-gradient(to bottom, #ffffff); border-color: #ffffff; } + .menuitem:hover .scale.slider:hover, .list-row:selected .scale.slider:hover, GtkInfoBar .scale.slider:hover { background-image: linear-gradient(to bottom, #e5effb); border-color: #e5effb; } + .menuitem:hover .scale.slider:active, .list-row:selected .scale.slider:active, GtkInfoBar .scale.slider:active { background-image: linear-gradient(to bottom, #a9caf1); border-color: #a9caf1; } + .menuitem:hover .scale.slider:insensitive, .list-row:selected .scale.slider:insensitive, GtkInfoBar .scale.slider:insensitive { background-image: linear-gradient(to bottom, #b1cff2); @@ -1881,15 +1895,19 @@ GtkCheckButton.text-button, GtkRadioButton.text-button { .osd .scale.trough.highlight { background-image: none; background-image: linear-gradient(to bottom, #5294E2); } + .menuitem:hover .scale.trough, .list-row:selected .scale.trough, GtkInfoBar .scale.trough { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2)); } + .menuitem:hover .scale.trough.highlight, .list-row:selected .scale.trough.highlight, GtkInfoBar .scale.trough.highlight { background-image: linear-gradient(to bottom, #ffffff); } + .menuitem:hover .scale.trough.highlight:insensitive, .list-row:selected .scale.trough.highlight:insensitive, GtkInfoBar .scale.trough.highlight:insensitive { background-image: linear-gradient(to bottom, #b1cff2); } + .menuitem:hover .scale.trough:insensitive, .list-row:selected .scale.trough:insensitive, GtkInfoBar .scale.trough:insensitive { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1)); } diff --git a/common/gtk-3.0/3.16/gtk-solid-dark.css b/common/gtk-3.0/3.16/gtk-solid-dark.css index b5d6997..70dc688 100644 --- a/common/gtk-3.0/3.16/gtk-solid-dark.css +++ b/common/gtk-3.0/3.16/gtk-solid-dark.css @@ -1321,10 +1321,8 @@ column-header .button, column-header .button:hover, column-header .button:active .menu .menuitem { padding: 5px; } .menu .menuitem:hover { - color: #D3DAE3; - background-color: rgba(255, 255, 255, 0.05); - border: solid rgba(255, 255, 255, 0.07); - border-width: 1px 0 1px 0; } + color: #ffffff; + background-color: #5294E2; } .menu .menuitem:insensitive { color: rgba(211, 218, 227, 0.45); } .menu .menuitem.separator, .menu GtkPlacesSidebar.sidebar .menuitem.view.separator, GtkPlacesSidebar.sidebar .menu .menuitem.view.separator { @@ -1659,6 +1657,7 @@ GtkFileChooserDialog .action-bar.frame .check, GtkFileChooserDialog .dialog-vbox > .frame .check { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); } +.menu .menuitem.check:hover, GtkTreeView.view.check:selected, .list-row:selected .check, GtkInfoBar .check { @@ -1671,6 +1670,7 @@ GtkFileChooserDialog .action-bar.frame .check:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .check:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); } +.menu .menuitem.check:insensitive:hover, GtkTreeView.view.check:insensitive:selected, .list-row:selected .check:insensitive, GtkInfoBar .check:insensitive { @@ -1683,6 +1683,7 @@ GtkFileChooserDialog .action-bar.frame .check:inconsistent, GtkFileChooserDialog .dialog-vbox > .frame .check:inconsistent { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); } +.menu .menuitem.check:inconsistent:hover, GtkTreeView.view.check:inconsistent:selected, .list-row:selected .check:inconsistent, GtkInfoBar .check:inconsistent { @@ -1695,6 +1696,7 @@ GtkFileChooserDialog .action-bar.frame .check:inconsistent:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .check:inconsistent:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); } +.menu .menuitem.check:inconsistent:insensitive:hover, GtkTreeView.view.check:inconsistent:insensitive:selected, .list-row:selected .check:inconsistent:insensitive, GtkInfoBar .check:inconsistent:insensitive { @@ -1707,6 +1709,7 @@ GtkFileChooserDialog .action-bar.frame .check:checked, GtkFileChooserDialog .dialog-vbox > .frame .check:checked { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); } +.menu .menuitem.check:checked:hover, GtkTreeView.view.check:checked:selected, .list-row:selected .check:checked, GtkInfoBar .check:checked { @@ -1719,6 +1722,7 @@ GtkFileChooserDialog .action-bar.frame .check:checked:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .check:checked:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); } +.menu .menuitem.check:checked:insensitive:hover, GtkTreeView.view.check:checked:insensitive:selected, .list-row:selected .check:checked:insensitive, GtkInfoBar .check:checked:insensitive { @@ -1731,6 +1735,7 @@ GtkFileChooserDialog .action-bar.frame .radio, GtkFileChooserDialog .dialog-vbox > .frame .radio { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); } +.menu .menuitem.radio:hover, GtkTreeView.view.radio:selected, .list-row:selected .radio, GtkInfoBar .radio { @@ -1743,6 +1748,7 @@ GtkFileChooserDialog .action-bar.frame .radio:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .radio:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); } +.menu .menuitem.radio:insensitive:hover, GtkTreeView.view.radio:insensitive:selected, .list-row:selected .radio:insensitive, GtkInfoBar .radio:insensitive { @@ -1755,6 +1761,7 @@ GtkFileChooserDialog .action-bar.frame .radio:inconsistent, GtkFileChooserDialog .dialog-vbox > .frame .radio:inconsistent { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); } +.menu .menuitem.radio:inconsistent:hover, GtkTreeView.view.radio:inconsistent:selected, .list-row:selected .radio:inconsistent, GtkInfoBar .radio:inconsistent { @@ -1767,6 +1774,7 @@ GtkFileChooserDialog .action-bar.frame .radio:inconsistent:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .radio:inconsistent:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); } +.menu .menuitem.radio:inconsistent:insensitive:hover, GtkTreeView.view.radio:inconsistent:insensitive:selected, .list-row:selected .radio:inconsistent:insensitive, GtkInfoBar .radio:inconsistent:insensitive { @@ -1779,6 +1787,7 @@ GtkFileChooserDialog .action-bar.frame .radio:checked, GtkFileChooserDialog .dialog-vbox > .frame .radio:checked { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); } +.menu .menuitem.radio:checked:hover, GtkTreeView.view.radio:checked:selected, .list-row:selected .radio:checked, GtkInfoBar .radio:checked { @@ -1791,6 +1800,7 @@ GtkFileChooserDialog .action-bar.frame .radio:checked:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .radio:checked:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); } +.menu .menuitem.radio:checked:insensitive:hover, GtkTreeView.view.radio:checked:insensitive:selected, .list-row:selected .radio:checked:insensitive, GtkInfoBar .radio:checked:insensitive { @@ -1846,18 +1856,22 @@ GtkCheckButton.text-button, GtkRadioButton.text-button { .osd .scale.slider:active { background-image: linear-gradient(to bottom, #2679db); border-color: #2679db; } + .menuitem:hover .scale.slider, .list-row:selected .scale.slider, GtkInfoBar .scale.slider { background-image: linear-gradient(to bottom, #ffffff); border-color: #ffffff; } + .menuitem:hover .scale.slider:hover, .list-row:selected .scale.slider:hover, GtkInfoBar .scale.slider:hover { background-image: linear-gradient(to bottom, #e5effb); border-color: #e5effb; } + .menuitem:hover .scale.slider:active, .list-row:selected .scale.slider:active, GtkInfoBar .scale.slider:active { background-image: linear-gradient(to bottom, #a9caf1); border-color: #a9caf1; } + .menuitem:hover .scale.slider:insensitive, .list-row:selected .scale.slider:insensitive, GtkInfoBar .scale.slider:insensitive { background-image: linear-gradient(to bottom, #b1cff2); @@ -1878,15 +1892,19 @@ GtkCheckButton.text-button, GtkRadioButton.text-button { .osd .scale.trough.highlight { background-image: none; background-image: linear-gradient(to bottom, #5294E2); } + .menuitem:hover .scale.trough, .list-row:selected .scale.trough, GtkInfoBar .scale.trough { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2)); } + .menuitem:hover .scale.trough.highlight, .list-row:selected .scale.trough.highlight, GtkInfoBar .scale.trough.highlight { background-image: linear-gradient(to bottom, #ffffff); } + .menuitem:hover .scale.trough.highlight:insensitive, .list-row:selected .scale.trough.highlight:insensitive, GtkInfoBar .scale.trough.highlight:insensitive { background-image: linear-gradient(to bottom, #b1cff2); } + .menuitem:hover .scale.trough:insensitive, .list-row:selected .scale.trough:insensitive, GtkInfoBar .scale.trough:insensitive { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1)); } diff --git a/common/gtk-3.0/3.16/gtk-solid-darker.css b/common/gtk-3.0/3.16/gtk-solid-darker.css index 623c69f..485c697 100644 --- a/common/gtk-3.0/3.16/gtk-solid-darker.css +++ b/common/gtk-3.0/3.16/gtk-solid-darker.css @@ -1324,10 +1324,8 @@ column-header .button, column-header .button:hover, column-header .button:active .menu .menuitem { padding: 5px; } .menu .menuitem:hover { - color: #5c616c; - background-color: rgba(0, 0, 0, 0.04); - border: solid rgba(0, 0, 0, 0.08); - border-width: 1px 0 1px 0; } + color: #ffffff; + background-color: #5294E2; } .menu .menuitem:insensitive { color: rgba(92, 97, 108, 0.55); } .menu .menuitem.separator, .menu GtkPlacesSidebar.sidebar .menuitem.view.separator, GtkPlacesSidebar.sidebar .menu .menuitem.view.separator { @@ -1662,6 +1660,7 @@ GtkFileChooserDialog .action-bar.frame .check, GtkFileChooserDialog .dialog-vbox > .frame .check { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); } +.menu .menuitem.check:hover, GtkTreeView.view.check:selected, .list-row:selected .check, GtkInfoBar .check { @@ -1674,6 +1673,7 @@ GtkFileChooserDialog .action-bar.frame .check:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .check:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); } +.menu .menuitem.check:insensitive:hover, GtkTreeView.view.check:insensitive:selected, .list-row:selected .check:insensitive, GtkInfoBar .check:insensitive { @@ -1686,6 +1686,7 @@ GtkFileChooserDialog .action-bar.frame .check:inconsistent, GtkFileChooserDialog .dialog-vbox > .frame .check:inconsistent { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); } +.menu .menuitem.check:inconsistent:hover, GtkTreeView.view.check:inconsistent:selected, .list-row:selected .check:inconsistent, GtkInfoBar .check:inconsistent { @@ -1698,6 +1699,7 @@ GtkFileChooserDialog .action-bar.frame .check:inconsistent:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .check:inconsistent:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); } +.menu .menuitem.check:inconsistent:insensitive:hover, GtkTreeView.view.check:inconsistent:insensitive:selected, .list-row:selected .check:inconsistent:insensitive, GtkInfoBar .check:inconsistent:insensitive { @@ -1710,6 +1712,7 @@ GtkFileChooserDialog .action-bar.frame .check:checked, GtkFileChooserDialog .dialog-vbox > .frame .check:checked { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); } +.menu .menuitem.check:checked:hover, GtkTreeView.view.check:checked:selected, .list-row:selected .check:checked, GtkInfoBar .check:checked { @@ -1722,6 +1725,7 @@ GtkFileChooserDialog .action-bar.frame .check:checked:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .check:checked:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); } +.menu .menuitem.check:checked:insensitive:hover, GtkTreeView.view.check:checked:insensitive:selected, .list-row:selected .check:checked:insensitive, GtkInfoBar .check:checked:insensitive { @@ -1734,6 +1738,7 @@ GtkFileChooserDialog .action-bar.frame .radio, GtkFileChooserDialog .dialog-vbox > .frame .radio { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); } +.menu .menuitem.radio:hover, GtkTreeView.view.radio:selected, .list-row:selected .radio, GtkInfoBar .radio { @@ -1746,6 +1751,7 @@ GtkFileChooserDialog .action-bar.frame .radio:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .radio:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); } +.menu .menuitem.radio:insensitive:hover, GtkTreeView.view.radio:insensitive:selected, .list-row:selected .radio:insensitive, GtkInfoBar .radio:insensitive { @@ -1758,6 +1764,7 @@ GtkFileChooserDialog .action-bar.frame .radio:inconsistent, GtkFileChooserDialog .dialog-vbox > .frame .radio:inconsistent { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); } +.menu .menuitem.radio:inconsistent:hover, GtkTreeView.view.radio:inconsistent:selected, .list-row:selected .radio:inconsistent, GtkInfoBar .radio:inconsistent { @@ -1770,6 +1777,7 @@ GtkFileChooserDialog .action-bar.frame .radio:inconsistent:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .radio:inconsistent:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); } +.menu .menuitem.radio:inconsistent:insensitive:hover, GtkTreeView.view.radio:inconsistent:insensitive:selected, .list-row:selected .radio:inconsistent:insensitive, GtkInfoBar .radio:inconsistent:insensitive { @@ -1782,6 +1790,7 @@ GtkFileChooserDialog .action-bar.frame .radio:checked, GtkFileChooserDialog .dialog-vbox > .frame .radio:checked { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); } +.menu .menuitem.radio:checked:hover, GtkTreeView.view.radio:checked:selected, .list-row:selected .radio:checked, GtkInfoBar .radio:checked { @@ -1794,6 +1803,7 @@ GtkFileChooserDialog .action-bar.frame .radio:checked:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .radio:checked:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); } +.menu .menuitem.radio:checked:insensitive:hover, GtkTreeView.view.radio:checked:insensitive:selected, .list-row:selected .radio:checked:insensitive, GtkInfoBar .radio:checked:insensitive { @@ -1849,18 +1859,22 @@ GtkCheckButton.text-button, GtkRadioButton.text-button { .osd .scale.slider:active { background-image: linear-gradient(to bottom, #2679db); border-color: #2679db; } + .menuitem:hover .scale.slider, .list-row:selected .scale.slider, GtkInfoBar .scale.slider { background-image: linear-gradient(to bottom, #ffffff); border-color: #ffffff; } + .menuitem:hover .scale.slider:hover, .list-row:selected .scale.slider:hover, GtkInfoBar .scale.slider:hover { background-image: linear-gradient(to bottom, #e5effb); border-color: #e5effb; } + .menuitem:hover .scale.slider:active, .list-row:selected .scale.slider:active, GtkInfoBar .scale.slider:active { background-image: linear-gradient(to bottom, #a9caf1); border-color: #a9caf1; } + .menuitem:hover .scale.slider:insensitive, .list-row:selected .scale.slider:insensitive, GtkInfoBar .scale.slider:insensitive { background-image: linear-gradient(to bottom, #b1cff2); @@ -1881,15 +1895,19 @@ GtkCheckButton.text-button, GtkRadioButton.text-button { .osd .scale.trough.highlight { background-image: none; background-image: linear-gradient(to bottom, #5294E2); } + .menuitem:hover .scale.trough, .list-row:selected .scale.trough, GtkInfoBar .scale.trough { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2)); } + .menuitem:hover .scale.trough.highlight, .list-row:selected .scale.trough.highlight, GtkInfoBar .scale.trough.highlight { background-image: linear-gradient(to bottom, #ffffff); } + .menuitem:hover .scale.trough.highlight:insensitive, .list-row:selected .scale.trough.highlight:insensitive, GtkInfoBar .scale.trough.highlight:insensitive { background-image: linear-gradient(to bottom, #b1cff2); } + .menuitem:hover .scale.trough:insensitive, .list-row:selected .scale.trough:insensitive, GtkInfoBar .scale.trough:insensitive { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1)); } diff --git a/common/gtk-3.0/3.16/gtk-solid.css b/common/gtk-3.0/3.16/gtk-solid.css index dfc1d5b..f4dfbe9 100644 --- a/common/gtk-3.0/3.16/gtk-solid.css +++ b/common/gtk-3.0/3.16/gtk-solid.css @@ -1324,10 +1324,8 @@ column-header .button, column-header .button:hover, column-header .button:active .menu .menuitem { padding: 5px; } .menu .menuitem:hover { - color: #5c616c; - background-color: rgba(0, 0, 0, 0.04); - border: solid rgba(0, 0, 0, 0.08); - border-width: 1px 0 1px 0; } + color: #ffffff; + background-color: #5294E2; } .menu .menuitem:insensitive { color: rgba(92, 97, 108, 0.55); } .menu .menuitem.separator, .menu GtkPlacesSidebar.sidebar .menuitem.view.separator, GtkPlacesSidebar.sidebar .menu .menuitem.view.separator { @@ -1662,6 +1660,7 @@ GtkFileChooserDialog .action-bar.frame .check, GtkFileChooserDialog .dialog-vbox > .frame .check { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); } +.menu .menuitem.check:hover, GtkTreeView.view.check:selected, .list-row:selected .check, GtkInfoBar .check { @@ -1674,6 +1673,7 @@ GtkFileChooserDialog .action-bar.frame .check:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .check:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); } +.menu .menuitem.check:insensitive:hover, GtkTreeView.view.check:insensitive:selected, .list-row:selected .check:insensitive, GtkInfoBar .check:insensitive { @@ -1686,6 +1686,7 @@ GtkFileChooserDialog .action-bar.frame .check:inconsistent, GtkFileChooserDialog .dialog-vbox > .frame .check:inconsistent { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); } +.menu .menuitem.check:inconsistent:hover, GtkTreeView.view.check:inconsistent:selected, .list-row:selected .check:inconsistent, GtkInfoBar .check:inconsistent { @@ -1698,6 +1699,7 @@ GtkFileChooserDialog .action-bar.frame .check:inconsistent:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .check:inconsistent:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); } +.menu .menuitem.check:inconsistent:insensitive:hover, GtkTreeView.view.check:inconsistent:insensitive:selected, .list-row:selected .check:inconsistent:insensitive, GtkInfoBar .check:inconsistent:insensitive { @@ -1710,6 +1712,7 @@ GtkFileChooserDialog .action-bar.frame .check:checked, GtkFileChooserDialog .dialog-vbox > .frame .check:checked { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); } +.menu .menuitem.check:checked:hover, GtkTreeView.view.check:checked:selected, .list-row:selected .check:checked, GtkInfoBar .check:checked { @@ -1722,6 +1725,7 @@ GtkFileChooserDialog .action-bar.frame .check:checked:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .check:checked:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); } +.menu .menuitem.check:checked:insensitive:hover, GtkTreeView.view.check:checked:insensitive:selected, .list-row:selected .check:checked:insensitive, GtkInfoBar .check:checked:insensitive { @@ -1734,6 +1738,7 @@ GtkFileChooserDialog .action-bar.frame .radio, GtkFileChooserDialog .dialog-vbox > .frame .radio { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); } +.menu .menuitem.radio:hover, GtkTreeView.view.radio:selected, .list-row:selected .radio, GtkInfoBar .radio { @@ -1746,6 +1751,7 @@ GtkFileChooserDialog .action-bar.frame .radio:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .radio:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); } +.menu .menuitem.radio:insensitive:hover, GtkTreeView.view.radio:insensitive:selected, .list-row:selected .radio:insensitive, GtkInfoBar .radio:insensitive { @@ -1758,6 +1764,7 @@ GtkFileChooserDialog .action-bar.frame .radio:inconsistent, GtkFileChooserDialog .dialog-vbox > .frame .radio:inconsistent { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); } +.menu .menuitem.radio:inconsistent:hover, GtkTreeView.view.radio:inconsistent:selected, .list-row:selected .radio:inconsistent, GtkInfoBar .radio:inconsistent { @@ -1770,6 +1777,7 @@ GtkFileChooserDialog .action-bar.frame .radio:inconsistent:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .radio:inconsistent:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); } +.menu .menuitem.radio:inconsistent:insensitive:hover, GtkTreeView.view.radio:inconsistent:insensitive:selected, .list-row:selected .radio:inconsistent:insensitive, GtkInfoBar .radio:inconsistent:insensitive { @@ -1782,6 +1790,7 @@ GtkFileChooserDialog .action-bar.frame .radio:checked, GtkFileChooserDialog .dialog-vbox > .frame .radio:checked { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); } +.menu .menuitem.radio:checked:hover, GtkTreeView.view.radio:checked:selected, .list-row:selected .radio:checked, GtkInfoBar .radio:checked { @@ -1794,6 +1803,7 @@ GtkFileChooserDialog .action-bar.frame .radio:checked:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .radio:checked:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); } +.menu .menuitem.radio:checked:insensitive:hover, GtkTreeView.view.radio:checked:insensitive:selected, .list-row:selected .radio:checked:insensitive, GtkInfoBar .radio:checked:insensitive { @@ -1849,18 +1859,22 @@ GtkCheckButton.text-button, GtkRadioButton.text-button { .osd .scale.slider:active { background-image: linear-gradient(to bottom, #2679db); border-color: #2679db; } + .menuitem:hover .scale.slider, .list-row:selected .scale.slider, GtkInfoBar .scale.slider { background-image: linear-gradient(to bottom, #ffffff); border-color: #ffffff; } + .menuitem:hover .scale.slider:hover, .list-row:selected .scale.slider:hover, GtkInfoBar .scale.slider:hover { background-image: linear-gradient(to bottom, #e5effb); border-color: #e5effb; } + .menuitem:hover .scale.slider:active, .list-row:selected .scale.slider:active, GtkInfoBar .scale.slider:active { background-image: linear-gradient(to bottom, #a9caf1); border-color: #a9caf1; } + .menuitem:hover .scale.slider:insensitive, .list-row:selected .scale.slider:insensitive, GtkInfoBar .scale.slider:insensitive { background-image: linear-gradient(to bottom, #b1cff2); @@ -1881,15 +1895,19 @@ GtkCheckButton.text-button, GtkRadioButton.text-button { .osd .scale.trough.highlight { background-image: none; background-image: linear-gradient(to bottom, #5294E2); } + .menuitem:hover .scale.trough, .list-row:selected .scale.trough, GtkInfoBar .scale.trough { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2)); } + .menuitem:hover .scale.trough.highlight, .list-row:selected .scale.trough.highlight, GtkInfoBar .scale.trough.highlight { background-image: linear-gradient(to bottom, #ffffff); } + .menuitem:hover .scale.trough.highlight:insensitive, .list-row:selected .scale.trough.highlight:insensitive, GtkInfoBar .scale.trough.highlight:insensitive { background-image: linear-gradient(to bottom, #b1cff2); } + .menuitem:hover .scale.trough:insensitive, .list-row:selected .scale.trough:insensitive, GtkInfoBar .scale.trough:insensitive { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1)); } diff --git a/common/gtk-3.0/3.16/gtk.css b/common/gtk-3.0/3.16/gtk.css index e77c406..7a96f3a 100644 --- a/common/gtk-3.0/3.16/gtk.css +++ b/common/gtk-3.0/3.16/gtk.css @@ -1324,10 +1324,8 @@ column-header .button, column-header .button:hover, column-header .button:active .menu .menuitem { padding: 5px; } .menu .menuitem:hover { - color: #5c616c; - background-color: rgba(0, 0, 0, 0.04); - border: solid rgba(0, 0, 0, 0.08); - border-width: 1px 0 1px 0; } + color: #ffffff; + background-color: #5294E2; } .menu .menuitem:insensitive { color: rgba(92, 97, 108, 0.55); } .menu .menuitem.separator, .menu GtkPlacesSidebar.sidebar .menuitem.view.separator, GtkPlacesSidebar.sidebar .menu .menuitem.view.separator { @@ -1662,6 +1660,7 @@ GtkFileChooserDialog .action-bar.frame .check, GtkFileChooserDialog .dialog-vbox > .frame .check { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); } +.menu .menuitem.check:hover, GtkTreeView.view.check:selected, .list-row:selected .check, GtkInfoBar .check { @@ -1674,6 +1673,7 @@ GtkFileChooserDialog .action-bar.frame .check:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .check:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); } +.menu .menuitem.check:insensitive:hover, GtkTreeView.view.check:insensitive:selected, .list-row:selected .check:insensitive, GtkInfoBar .check:insensitive { @@ -1686,6 +1686,7 @@ GtkFileChooserDialog .action-bar.frame .check:inconsistent, GtkFileChooserDialog .dialog-vbox > .frame .check:inconsistent { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); } +.menu .menuitem.check:inconsistent:hover, GtkTreeView.view.check:inconsistent:selected, .list-row:selected .check:inconsistent, GtkInfoBar .check:inconsistent { @@ -1698,6 +1699,7 @@ GtkFileChooserDialog .action-bar.frame .check:inconsistent:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .check:inconsistent:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); } +.menu .menuitem.check:inconsistent:insensitive:hover, GtkTreeView.view.check:inconsistent:insensitive:selected, .list-row:selected .check:inconsistent:insensitive, GtkInfoBar .check:inconsistent:insensitive { @@ -1710,6 +1712,7 @@ GtkFileChooserDialog .action-bar.frame .check:checked, GtkFileChooserDialog .dialog-vbox > .frame .check:checked { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); } +.menu .menuitem.check:checked:hover, GtkTreeView.view.check:checked:selected, .list-row:selected .check:checked, GtkInfoBar .check:checked { @@ -1722,6 +1725,7 @@ GtkFileChooserDialog .action-bar.frame .check:checked:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .check:checked:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); } +.menu .menuitem.check:checked:insensitive:hover, GtkTreeView.view.check:checked:insensitive:selected, .list-row:selected .check:checked:insensitive, GtkInfoBar .check:checked:insensitive { @@ -1734,6 +1738,7 @@ GtkFileChooserDialog .action-bar.frame .radio, GtkFileChooserDialog .dialog-vbox > .frame .radio { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); } +.menu .menuitem.radio:hover, GtkTreeView.view.radio:selected, .list-row:selected .radio, GtkInfoBar .radio { @@ -1746,6 +1751,7 @@ GtkFileChooserDialog .action-bar.frame .radio:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .radio:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); } +.menu .menuitem.radio:insensitive:hover, GtkTreeView.view.radio:insensitive:selected, .list-row:selected .radio:insensitive, GtkInfoBar .radio:insensitive { @@ -1758,6 +1764,7 @@ GtkFileChooserDialog .action-bar.frame .radio:inconsistent, GtkFileChooserDialog .dialog-vbox > .frame .radio:inconsistent { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); } +.menu .menuitem.radio:inconsistent:hover, GtkTreeView.view.radio:inconsistent:selected, .list-row:selected .radio:inconsistent, GtkInfoBar .radio:inconsistent { @@ -1770,6 +1777,7 @@ GtkFileChooserDialog .action-bar.frame .radio:inconsistent:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .radio:inconsistent:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); } +.menu .menuitem.radio:inconsistent:insensitive:hover, GtkTreeView.view.radio:inconsistent:insensitive:selected, .list-row:selected .radio:inconsistent:insensitive, GtkInfoBar .radio:inconsistent:insensitive { @@ -1782,6 +1790,7 @@ GtkFileChooserDialog .action-bar.frame .radio:checked, GtkFileChooserDialog .dialog-vbox > .frame .radio:checked { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); } +.menu .menuitem.radio:checked:hover, GtkTreeView.view.radio:checked:selected, .list-row:selected .radio:checked, GtkInfoBar .radio:checked { @@ -1794,6 +1803,7 @@ GtkFileChooserDialog .action-bar.frame .radio:checked:insensitive, GtkFileChooserDialog .dialog-vbox > .frame .radio:checked:insensitive { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); } +.menu .menuitem.radio:checked:insensitive:hover, GtkTreeView.view.radio:checked:insensitive:selected, .list-row:selected .radio:checked:insensitive, GtkInfoBar .radio:checked:insensitive { @@ -1849,18 +1859,22 @@ GtkCheckButton.text-button, GtkRadioButton.text-button { .osd .scale.slider:active { background-image: linear-gradient(to bottom, #2679db); border-color: #2679db; } + .menuitem:hover .scale.slider, .list-row:selected .scale.slider, GtkInfoBar .scale.slider { background-image: linear-gradient(to bottom, #ffffff); border-color: #ffffff; } + .menuitem:hover .scale.slider:hover, .list-row:selected .scale.slider:hover, GtkInfoBar .scale.slider:hover { background-image: linear-gradient(to bottom, #e5effb); border-color: #e5effb; } + .menuitem:hover .scale.slider:active, .list-row:selected .scale.slider:active, GtkInfoBar .scale.slider:active { background-image: linear-gradient(to bottom, #a9caf1); border-color: #a9caf1; } + .menuitem:hover .scale.slider:insensitive, .list-row:selected .scale.slider:insensitive, GtkInfoBar .scale.slider:insensitive { background-image: linear-gradient(to bottom, #b1cff2); @@ -1881,15 +1895,19 @@ GtkCheckButton.text-button, GtkRadioButton.text-button { .osd .scale.trough.highlight { background-image: none; background-image: linear-gradient(to bottom, #5294E2); } + .menuitem:hover .scale.trough, .list-row:selected .scale.trough, GtkInfoBar .scale.trough { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2)); } + .menuitem:hover .scale.trough.highlight, .list-row:selected .scale.trough.highlight, GtkInfoBar .scale.trough.highlight { background-image: linear-gradient(to bottom, #ffffff); } + .menuitem:hover .scale.trough.highlight:insensitive, .list-row:selected .scale.trough.highlight:insensitive, GtkInfoBar .scale.trough.highlight:insensitive { background-image: linear-gradient(to bottom, #b1cff2); } + .menuitem:hover .scale.trough:insensitive, .list-row:selected .scale.trough:insensitive, GtkInfoBar .scale.trough:insensitive { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1)); } diff --git a/common/gtk-3.0/3.16/sass/_common.scss b/common/gtk-3.0/3.16/sass/_common.scss index f2d8e1c..85e00f3 100644 --- a/common/gtk-3.0/3.16/sass/_common.scss +++ b/common/gtk-3.0/3.16/sass/_common.scss @@ -1572,10 +1572,8 @@ column-header.button.dnd { // for treeview-like derive widgets .menuitem { padding: 5px; &:hover { - color: $fg_color; - background-color: if($variant == 'light', transparentize(black, 0.96), transparentize(white, 0.95)); - border: solid if($variant == 'light', transparentize(black, 0.92), transparentize(white, 0.93)); - border-width: 1px 0 1px 0; + color: $selected_fg_color; + background-color: $selected_bg_color; } &:insensitive { color: $insensitive_fg_color; @@ -2010,6 +2008,7 @@ GtkSwitch { // the borders of checks and radios are // too similar in luminosity to the selected background color, hence // we need special casing. + .menu .menuitem.#{$w}#{$s}:hover, GtkTreeView.view.#{$w}#{$s}:selected, .list-row:selected .#{$w}#{$s}, GtkInfoBar .#{$w}#{$s} { @@ -2089,6 +2088,7 @@ GtkCheckButton.text-button, GtkRadioButton.text-button { } } //selected list-row and infobar sliders + .menuitem:hover &, .list-row:selected &, GtkInfoBar & { background-image: linear-gradient(to bottom, $selected_fg_color); @@ -2137,6 +2137,7 @@ GtkCheckButton.text-button, GtkRadioButton.text-button { &:insensitive { } } // troughs in selected list-rows and infobars + .menuitem:hover &, .list-row:selected &, GtkInfoBar & { background-image: linear-gradient(to bottom, transparentize(black, 0.8)); -- cgit v1.2.3