mirror of
https://github.com/luneko/SweetTokyoNight.git
synced 2025-12-13 15:29:53 +01:00
Gtk-4: Fix popovers style
This commit is contained in:
EliverLara
@@ -293,7 +293,10 @@ assistant .sidebar label.highlight {
|
||||
background-color: #393c47; }
|
||||
|
||||
.app-notification,
|
||||
.app-notification.frame, .osd .scale-popup, .csd popover.background.touch-selection, .csd popover.background.magnifier, popover.background.touch-selection, popover.background.magnifier, .csd popover.background.osd, popover.background.osd, .osd {
|
||||
.app-notification.frame, .osd .scale-popup, .osd popover.background > arrow,
|
||||
.osd popover.background > contents, popover.background.touch-selection > arrow,
|
||||
popover.background.touch-selection > contents, popover.background.magnifier > arrow,
|
||||
popover.background.magnifier > contents, .osd {
|
||||
color: #fefefe;
|
||||
border: 1px solid #171e27;
|
||||
background-color: rgba(16, 19, 27, 0.98);
|
||||
@@ -301,7 +304,10 @@ assistant .sidebar label.highlight {
|
||||
outline-color: rgba(254, 254, 254, 0.3);
|
||||
text-shadow: 0 1px black;
|
||||
-gtk-icon-shadow: 0 1px black; }
|
||||
.app-notification:backdrop, .osd .scale-popup:backdrop, popover.background.touch-selection:backdrop, popover.background.magnifier:backdrop, popover.background.osd:backdrop, .osd:backdrop {
|
||||
.app-notification:backdrop, .osd .scale-popup:backdrop, .osd popover.background > arrow:backdrop,
|
||||
.osd popover.background > contents:backdrop, popover.background.touch-selection > arrow:backdrop,
|
||||
popover.background.touch-selection > contents:backdrop, popover.background.magnifier > arrow:backdrop,
|
||||
popover.background.magnifier > contents:backdrop, .osd:backdrop {
|
||||
text-shadow: none;
|
||||
-gtk-icon-shadow: none; }
|
||||
|
||||
@@ -533,7 +539,7 @@ button.osd {
|
||||
-gtk-icon-shadow: none;
|
||||
border: none; }
|
||||
.app-notification button,
|
||||
.app-notification.frame button, .csd popover.background.touch-selection button, .csd popover.background.magnifier button, popover.background.touch-selection button, popover.background.magnifier button,
|
||||
.app-notification.frame button, popover.background.touch-selection button, popover.background.magnifier button,
|
||||
.osd button {
|
||||
color: #fefefe;
|
||||
border-color: rgba(0, 0, 0, 0.7);
|
||||
@@ -983,11 +989,8 @@ entry:only-child {
|
||||
border-radius: 3px;
|
||||
border-style: solid; }
|
||||
|
||||
modelbutton.flat, popover.background checkbutton,
|
||||
popover.background radiobutton,
|
||||
.menuitem.button.flat, modelbutton.flat:backdrop, popover.background checkbutton:backdrop,
|
||||
popover.background radiobutton:backdrop, modelbutton.flat:backdrop:hover, popover.background checkbutton:backdrop:hover,
|
||||
popover.background radiobutton:backdrop:hover,
|
||||
modelbutton.flat,
|
||||
.menuitem.button.flat, modelbutton.flat:backdrop, modelbutton.flat:backdrop:hover,
|
||||
.menuitem.button.flat:backdrop,
|
||||
.menuitem.button.flat:backdrop:hover, calendar.button, calendar.button:hover, calendar.button:backdrop, calendar.button:disabled, button:link,
|
||||
button:visited, button:link:hover, button:link:active, button:link:checked,
|
||||
@@ -1002,46 +1005,34 @@ button:visited:checked, .scale-popup button:hover, .scale-popup button:backdrop:
|
||||
-gtk-icon-shadow: none; }
|
||||
|
||||
/* menu buttons */
|
||||
modelbutton.flat, popover.background checkbutton,
|
||||
popover.background radiobutton,
|
||||
modelbutton.flat,
|
||||
.menuitem.button.flat {
|
||||
min-height: 26px;
|
||||
padding-left: 5px;
|
||||
padding-right: 5px;
|
||||
border-radius: 3px;
|
||||
outline-offset: -2px; }
|
||||
modelbutton.flat:hover, popover.background checkbutton:hover,
|
||||
popover.background radiobutton:hover,
|
||||
modelbutton.flat:hover,
|
||||
.menuitem.button.flat:hover {
|
||||
background-color: #202435; }
|
||||
modelbutton.flat check:last-child, popover.background checkbutton check:last-child,
|
||||
popover.background radiobutton check:last-child,
|
||||
modelbutton.flat check:last-child,
|
||||
modelbutton.flat radio:last-child,
|
||||
popover.background checkbutton radio:last-child,
|
||||
popover.background radiobutton radio:last-child,
|
||||
.menuitem.button.flat check:last-child,
|
||||
.menuitem.button.flat radio:last-child {
|
||||
margin-left: 8px; }
|
||||
modelbutton.flat check:first-child, popover.background checkbutton check:first-child,
|
||||
popover.background radiobutton check:first-child,
|
||||
modelbutton.flat check:first-child,
|
||||
modelbutton.flat radio:first-child,
|
||||
popover.background checkbutton radio:first-child,
|
||||
popover.background radiobutton radio:first-child,
|
||||
.menuitem.button.flat check:first-child,
|
||||
.menuitem.button.flat radio:first-child {
|
||||
margin-right: 8px; }
|
||||
|
||||
modelbutton.flat arrow, popover.background checkbutton arrow,
|
||||
popover.background radiobutton arrow {
|
||||
modelbutton.flat arrow {
|
||||
background: none; }
|
||||
modelbutton.flat arrow:hover, popover.background checkbutton arrow:hover,
|
||||
popover.background radiobutton arrow:hover {
|
||||
modelbutton.flat arrow:hover {
|
||||
background: none; }
|
||||
modelbutton.flat arrow.left, popover.background checkbutton arrow.left,
|
||||
popover.background radiobutton arrow.left {
|
||||
modelbutton.flat arrow.left {
|
||||
-gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); }
|
||||
modelbutton.flat arrow.right, popover.background checkbutton arrow.right,
|
||||
popover.background radiobutton arrow.right {
|
||||
modelbutton.flat arrow.right {
|
||||
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
|
||||
|
||||
button.color {
|
||||
@@ -3093,27 +3084,42 @@ paned.vertical > separator {
|
||||
* Popovers *
|
||||
***************/
|
||||
popover.background {
|
||||
padding: 2px;
|
||||
border-radius: 5px;
|
||||
background: linear-gradient(to bottom, #1a1d2b, #12151f);
|
||||
box-shadow: 0 4px 6px rgba(12, 14, 21, 0.8); }
|
||||
.csd popover.background, popover.background {
|
||||
border: 1px solid rgba(12, 14, 21, 0.8); }
|
||||
background: transparent;
|
||||
font: initial; }
|
||||
popover.background > arrow,
|
||||
popover.background > contents {
|
||||
background: linear-gradient(to bottom, #1a1d2b, #12151f);
|
||||
background-clip: padding-box;
|
||||
border: 1px solid rgba(12, 14, 21, 0.8);
|
||||
box-shadow: 0 4px 6px rgba(12, 14, 21, 0.8); }
|
||||
popover.background:backdrop {
|
||||
background-color: #161925;
|
||||
background-color: transparent;
|
||||
box-shadow: none; }
|
||||
popover.background > list,
|
||||
popover.background > .view,
|
||||
popover.background > iconview,
|
||||
popover.background > toolbar {
|
||||
border-style: none;
|
||||
popover.background > contents {
|
||||
padding: 8px;
|
||||
border-radius: 5px; }
|
||||
popover.background > contents > list,
|
||||
popover.background > contents > .view,
|
||||
popover.background > contents > iconview,
|
||||
popover.background > contents > toolbar {
|
||||
border-style: none;
|
||||
background-color: transparent; }
|
||||
popover.background > contents separator {
|
||||
background-color: rgba(16, 18, 27, 0.86);
|
||||
margin: 3px; }
|
||||
popover.background > contents list separator {
|
||||
margin: 0; }
|
||||
.osd popover.background, popover.background.touch-selection, popover.background.magnifier {
|
||||
background-color: transparent; }
|
||||
.csd popover.background.touch-selection, .csd popover.background.magnifier, popover.background.touch-selection, popover.background.magnifier {
|
||||
border: 1px solid rgba(255, 255, 255, 0.1); }
|
||||
popover.background separator {
|
||||
margin: 3px; }
|
||||
popover.background list separator {
|
||||
margin: 0px; }
|
||||
.osd popover.background > arrow,
|
||||
.osd popover.background > contents, popover.background.touch-selection > arrow,
|
||||
popover.background.touch-selection > contents, popover.background.magnifier > arrow,
|
||||
popover.background.magnifier > contents {
|
||||
border: 1px solid rgba(255, 255, 255, 0.1);
|
||||
box-shadow: none; }
|
||||
|
||||
magnifier {
|
||||
background-color: #181b28; }
|
||||
|
||||
/*****************
|
||||
* Progress bars *
|
||||
@@ -4430,8 +4436,7 @@ textview text:selected:focus,
|
||||
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, modelbutton.flat:selected, popover.background checkbutton:selected,
|
||||
popover.background radiobutton:selected,
|
||||
textview text selection, flowbox flowboxchild:selected, modelbutton.flat:selected,
|
||||
.menuitem.button.flat:selected, calendar:selected, spinbutton:not(.vertical) selection:focus, spinbutton:not(.vertical) selection,
|
||||
entry selection:focus,
|
||||
entry selection, row:selected, treeview.view:selected:focus, treeview.view:selected {
|
||||
@@ -4444,8 +4449,7 @@ entry selection, row:selected, treeview.view:selected:focus, treeview.view:selec
|
||||
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, modelbutton.flat:selected, popover.background checkbutton:selected,
|
||||
popover.background radiobutton:selected,
|
||||
textview text selection, flowbox flowboxchild:selected, modelbutton.flat:selected,
|
||||
.menuitem.button.flat:selected, calendar:selected, spinbutton:not(.vertical) selection:focus, spinbutton:not(.vertical) selection,
|
||||
entry selection:focus,
|
||||
entry selection, row:selected, treeview.view:selected:focus, treeview.view:selected {
|
||||
@@ -4457,8 +4461,7 @@ entry selection, row:selected, treeview.view:selected:focus, treeview.view:selec
|
||||
.view text:disabled:selected,
|
||||
iconview text:disabled:selected,
|
||||
textview text:disabled:selected, iconview text selection:disabled:focus, .view text selection:disabled, iconview text selection:disabled,
|
||||
textview text selection:disabled, flowbox flowboxchild:disabled:selected, label:disabled selection, modelbutton.flat:disabled:selected, popover.background checkbutton:disabled:selected,
|
||||
popover.background radiobutton:disabled:selected,
|
||||
textview text selection:disabled, flowbox flowboxchild:disabled:selected, label:disabled selection, modelbutton.flat:disabled:selected,
|
||||
.menuitem.button.flat:disabled:selected, calendar:disabled:selected, spinbutton:not(.vertical) selection:disabled,
|
||||
entry selection:disabled, row:disabled:selected {
|
||||
color: #e286e8; }
|
||||
@@ -4468,8 +4471,7 @@ entry selection, row:selected, treeview.view:selected:focus, treeview.view:selec
|
||||
.view text:backdrop:selected,
|
||||
iconview text:backdrop:selected,
|
||||
textview text:backdrop:selected, iconview text selection:backdrop:focus, .view text selection:backdrop, iconview text selection:backdrop,
|
||||
textview text selection:backdrop, flowbox flowboxchild:backdrop:selected, label:backdrop selection, modelbutton.flat:backdrop:selected, popover.background checkbutton:backdrop:selected,
|
||||
popover.background radiobutton:backdrop:selected,
|
||||
textview text selection:backdrop, flowbox flowboxchild:backdrop:selected, label:backdrop selection, modelbutton.flat:backdrop:selected,
|
||||
.menuitem.button.flat:backdrop:selected, calendar:backdrop:selected, spinbutton:not(.vertical) selection:backdrop,
|
||||
entry selection:backdrop, row:backdrop:selected {
|
||||
color: rgba(254, 254, 254, 0.5); }
|
||||
@@ -4477,8 +4479,7 @@ entry selection, row:selected, treeview.view:selected:focus, treeview.view:selec
|
||||
.view text:backdrop:disabled:selected,
|
||||
iconview text:backdrop:disabled:selected,
|
||||
textview text:backdrop:disabled:selected, .view text selection:backdrop:disabled, iconview text selection:backdrop:disabled,
|
||||
textview text selection:backdrop:disabled, flowbox flowboxchild:backdrop:disabled:selected, label:disabled selection:backdrop, label:backdrop selection:disabled, modelbutton.flat:backdrop:disabled:selected, popover.background checkbutton:backdrop:disabled:selected,
|
||||
popover.background radiobutton:backdrop:disabled:selected,
|
||||
textview text selection:backdrop:disabled, flowbox flowboxchild:backdrop:disabled:selected, label:disabled selection:backdrop, label:backdrop selection:disabled, modelbutton.flat:backdrop:disabled:selected,
|
||||
.menuitem.button.flat:backdrop:disabled:selected, calendar:backdrop:disabled:selected, spinbutton:not(.vertical) selection:backdrop:disabled,
|
||||
entry selection:backdrop:disabled, row:backdrop:disabled:selected {
|
||||
color: rgba(204, 44, 216, 0.85); }
|
||||
|
||||
113
gtk-4.0/gtk.css
113
gtk-4.0/gtk.css
@@ -293,7 +293,10 @@ assistant .sidebar label.highlight {
|
||||
background-color: #393c47; }
|
||||
|
||||
.app-notification,
|
||||
.app-notification.frame, .osd .scale-popup, .csd popover.background.touch-selection, .csd popover.background.magnifier, popover.background.touch-selection, popover.background.magnifier, .csd popover.background.osd, popover.background.osd, .osd {
|
||||
.app-notification.frame, .osd .scale-popup, .osd popover.background > arrow,
|
||||
.osd popover.background > contents, popover.background.touch-selection > arrow,
|
||||
popover.background.touch-selection > contents, popover.background.magnifier > arrow,
|
||||
popover.background.magnifier > contents, .osd {
|
||||
color: #fefefe;
|
||||
border: 1px solid #171e27;
|
||||
background-color: rgba(16, 19, 27, 0.98);
|
||||
@@ -301,7 +304,10 @@ assistant .sidebar label.highlight {
|
||||
outline-color: rgba(254, 254, 254, 0.3);
|
||||
text-shadow: 0 1px black;
|
||||
-gtk-icon-shadow: 0 1px black; }
|
||||
.app-notification:backdrop, .osd .scale-popup:backdrop, popover.background.touch-selection:backdrop, popover.background.magnifier:backdrop, popover.background.osd:backdrop, .osd:backdrop {
|
||||
.app-notification:backdrop, .osd .scale-popup:backdrop, .osd popover.background > arrow:backdrop,
|
||||
.osd popover.background > contents:backdrop, popover.background.touch-selection > arrow:backdrop,
|
||||
popover.background.touch-selection > contents:backdrop, popover.background.magnifier > arrow:backdrop,
|
||||
popover.background.magnifier > contents:backdrop, .osd:backdrop {
|
||||
text-shadow: none;
|
||||
-gtk-icon-shadow: none; }
|
||||
|
||||
@@ -533,7 +539,7 @@ button.osd {
|
||||
-gtk-icon-shadow: none;
|
||||
border: none; }
|
||||
.app-notification button,
|
||||
.app-notification.frame button, .csd popover.background.touch-selection button, .csd popover.background.magnifier button, popover.background.touch-selection button, popover.background.magnifier button,
|
||||
.app-notification.frame button, popover.background.touch-selection button, popover.background.magnifier button,
|
||||
.osd button {
|
||||
color: #fefefe;
|
||||
border-color: rgba(0, 0, 0, 0.7);
|
||||
@@ -983,11 +989,8 @@ entry:only-child {
|
||||
border-radius: 3px;
|
||||
border-style: solid; }
|
||||
|
||||
modelbutton.flat, popover.background checkbutton,
|
||||
popover.background radiobutton,
|
||||
.menuitem.button.flat, modelbutton.flat:backdrop, popover.background checkbutton:backdrop,
|
||||
popover.background radiobutton:backdrop, modelbutton.flat:backdrop:hover, popover.background checkbutton:backdrop:hover,
|
||||
popover.background radiobutton:backdrop:hover,
|
||||
modelbutton.flat,
|
||||
.menuitem.button.flat, modelbutton.flat:backdrop, modelbutton.flat:backdrop:hover,
|
||||
.menuitem.button.flat:backdrop,
|
||||
.menuitem.button.flat:backdrop:hover, calendar.button, calendar.button:hover, calendar.button:backdrop, calendar.button:disabled, button:link,
|
||||
button:visited, button:link:hover, button:link:active, button:link:checked,
|
||||
@@ -1002,46 +1005,34 @@ button:visited:checked, .scale-popup button:hover, .scale-popup button:backdrop:
|
||||
-gtk-icon-shadow: none; }
|
||||
|
||||
/* menu buttons */
|
||||
modelbutton.flat, popover.background checkbutton,
|
||||
popover.background radiobutton,
|
||||
modelbutton.flat,
|
||||
.menuitem.button.flat {
|
||||
min-height: 26px;
|
||||
padding-left: 5px;
|
||||
padding-right: 5px;
|
||||
border-radius: 3px;
|
||||
outline-offset: -2px; }
|
||||
modelbutton.flat:hover, popover.background checkbutton:hover,
|
||||
popover.background radiobutton:hover,
|
||||
modelbutton.flat:hover,
|
||||
.menuitem.button.flat:hover {
|
||||
background-color: #202435; }
|
||||
modelbutton.flat check:last-child, popover.background checkbutton check:last-child,
|
||||
popover.background radiobutton check:last-child,
|
||||
modelbutton.flat check:last-child,
|
||||
modelbutton.flat radio:last-child,
|
||||
popover.background checkbutton radio:last-child,
|
||||
popover.background radiobutton radio:last-child,
|
||||
.menuitem.button.flat check:last-child,
|
||||
.menuitem.button.flat radio:last-child {
|
||||
margin-left: 8px; }
|
||||
modelbutton.flat check:first-child, popover.background checkbutton check:first-child,
|
||||
popover.background radiobutton check:first-child,
|
||||
modelbutton.flat check:first-child,
|
||||
modelbutton.flat radio:first-child,
|
||||
popover.background checkbutton radio:first-child,
|
||||
popover.background radiobutton radio:first-child,
|
||||
.menuitem.button.flat check:first-child,
|
||||
.menuitem.button.flat radio:first-child {
|
||||
margin-right: 8px; }
|
||||
|
||||
modelbutton.flat arrow, popover.background checkbutton arrow,
|
||||
popover.background radiobutton arrow {
|
||||
modelbutton.flat arrow {
|
||||
background: none; }
|
||||
modelbutton.flat arrow:hover, popover.background checkbutton arrow:hover,
|
||||
popover.background radiobutton arrow:hover {
|
||||
modelbutton.flat arrow:hover {
|
||||
background: none; }
|
||||
modelbutton.flat arrow.left, popover.background checkbutton arrow.left,
|
||||
popover.background radiobutton arrow.left {
|
||||
modelbutton.flat arrow.left {
|
||||
-gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); }
|
||||
modelbutton.flat arrow.right, popover.background checkbutton arrow.right,
|
||||
popover.background radiobutton arrow.right {
|
||||
modelbutton.flat arrow.right {
|
||||
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
|
||||
|
||||
button.color {
|
||||
@@ -3093,27 +3084,42 @@ paned.vertical > separator {
|
||||
* Popovers *
|
||||
***************/
|
||||
popover.background {
|
||||
padding: 2px;
|
||||
border-radius: 5px;
|
||||
background: linear-gradient(to bottom, #1a1d2b, #12151f);
|
||||
box-shadow: 0 4px 6px rgba(12, 14, 21, 0.8); }
|
||||
.csd popover.background, popover.background {
|
||||
border: 1px solid rgba(12, 14, 21, 0.8); }
|
||||
background: transparent;
|
||||
font: initial; }
|
||||
popover.background > arrow,
|
||||
popover.background > contents {
|
||||
background: linear-gradient(to bottom, #1a1d2b, #12151f);
|
||||
background-clip: padding-box;
|
||||
border: 1px solid rgba(12, 14, 21, 0.8);
|
||||
box-shadow: 0 4px 6px rgba(12, 14, 21, 0.8); }
|
||||
popover.background:backdrop {
|
||||
background-color: #161925;
|
||||
background-color: transparent;
|
||||
box-shadow: none; }
|
||||
popover.background > list,
|
||||
popover.background > .view,
|
||||
popover.background > iconview,
|
||||
popover.background > toolbar {
|
||||
border-style: none;
|
||||
popover.background > contents {
|
||||
padding: 8px;
|
||||
border-radius: 5px; }
|
||||
popover.background > contents > list,
|
||||
popover.background > contents > .view,
|
||||
popover.background > contents > iconview,
|
||||
popover.background > contents > toolbar {
|
||||
border-style: none;
|
||||
background-color: transparent; }
|
||||
popover.background > contents separator {
|
||||
background-color: rgba(16, 18, 27, 0.86);
|
||||
margin: 3px; }
|
||||
popover.background > contents list separator {
|
||||
margin: 0; }
|
||||
.osd popover.background, popover.background.touch-selection, popover.background.magnifier {
|
||||
background-color: transparent; }
|
||||
.csd popover.background.touch-selection, .csd popover.background.magnifier, popover.background.touch-selection, popover.background.magnifier {
|
||||
border: 1px solid rgba(255, 255, 255, 0.1); }
|
||||
popover.background separator {
|
||||
margin: 3px; }
|
||||
popover.background list separator {
|
||||
margin: 0px; }
|
||||
.osd popover.background > arrow,
|
||||
.osd popover.background > contents, popover.background.touch-selection > arrow,
|
||||
popover.background.touch-selection > contents, popover.background.magnifier > arrow,
|
||||
popover.background.magnifier > contents {
|
||||
border: 1px solid rgba(255, 255, 255, 0.1);
|
||||
box-shadow: none; }
|
||||
|
||||
magnifier {
|
||||
background-color: #181b28; }
|
||||
|
||||
/*****************
|
||||
* Progress bars *
|
||||
@@ -4430,8 +4436,7 @@ textview text:selected:focus,
|
||||
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, modelbutton.flat:selected, popover.background checkbutton:selected,
|
||||
popover.background radiobutton:selected,
|
||||
textview text selection, flowbox flowboxchild:selected, modelbutton.flat:selected,
|
||||
.menuitem.button.flat:selected, calendar:selected, spinbutton:not(.vertical) selection:focus, spinbutton:not(.vertical) selection,
|
||||
entry selection:focus,
|
||||
entry selection, row:selected, treeview.view:selected:focus, treeview.view:selected {
|
||||
@@ -4444,8 +4449,7 @@ entry selection, row:selected, treeview.view:selected:focus, treeview.view:selec
|
||||
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, modelbutton.flat:selected, popover.background checkbutton:selected,
|
||||
popover.background radiobutton:selected,
|
||||
textview text selection, flowbox flowboxchild:selected, modelbutton.flat:selected,
|
||||
.menuitem.button.flat:selected, calendar:selected, spinbutton:not(.vertical) selection:focus, spinbutton:not(.vertical) selection,
|
||||
entry selection:focus,
|
||||
entry selection, row:selected, treeview.view:selected:focus, treeview.view:selected {
|
||||
@@ -4457,8 +4461,7 @@ entry selection, row:selected, treeview.view:selected:focus, treeview.view:selec
|
||||
.view text:disabled:selected,
|
||||
iconview text:disabled:selected,
|
||||
textview text:disabled:selected, iconview text selection:disabled:focus, .view text selection:disabled, iconview text selection:disabled,
|
||||
textview text selection:disabled, flowbox flowboxchild:disabled:selected, label:disabled selection, modelbutton.flat:disabled:selected, popover.background checkbutton:disabled:selected,
|
||||
popover.background radiobutton:disabled:selected,
|
||||
textview text selection:disabled, flowbox flowboxchild:disabled:selected, label:disabled selection, modelbutton.flat:disabled:selected,
|
||||
.menuitem.button.flat:disabled:selected, calendar:disabled:selected, spinbutton:not(.vertical) selection:disabled,
|
||||
entry selection:disabled, row:disabled:selected {
|
||||
color: #e286e8; }
|
||||
@@ -4468,8 +4471,7 @@ entry selection, row:selected, treeview.view:selected:focus, treeview.view:selec
|
||||
.view text:backdrop:selected,
|
||||
iconview text:backdrop:selected,
|
||||
textview text:backdrop:selected, iconview text selection:backdrop:focus, .view text selection:backdrop, iconview text selection:backdrop,
|
||||
textview text selection:backdrop, flowbox flowboxchild:backdrop:selected, label:backdrop selection, modelbutton.flat:backdrop:selected, popover.background checkbutton:backdrop:selected,
|
||||
popover.background radiobutton:backdrop:selected,
|
||||
textview text selection:backdrop, flowbox flowboxchild:backdrop:selected, label:backdrop selection, modelbutton.flat:backdrop:selected,
|
||||
.menuitem.button.flat:backdrop:selected, calendar:backdrop:selected, spinbutton:not(.vertical) selection:backdrop,
|
||||
entry selection:backdrop, row:backdrop:selected {
|
||||
color: rgba(254, 254, 254, 0.5); }
|
||||
@@ -4477,8 +4479,7 @@ entry selection, row:selected, treeview.view:selected:focus, treeview.view:selec
|
||||
.view text:backdrop:disabled:selected,
|
||||
iconview text:backdrop:disabled:selected,
|
||||
textview text:backdrop:disabled:selected, .view text selection:backdrop:disabled, iconview text selection:backdrop:disabled,
|
||||
textview text selection:backdrop:disabled, flowbox flowboxchild:backdrop:disabled:selected, label:disabled selection:backdrop, label:backdrop selection:disabled, modelbutton.flat:backdrop:disabled:selected, popover.background checkbutton:backdrop:disabled:selected,
|
||||
popover.background radiobutton:backdrop:disabled:selected,
|
||||
textview text selection:backdrop:disabled, flowbox flowboxchild:backdrop:disabled:selected, label:disabled selection:backdrop, label:backdrop selection:disabled, modelbutton.flat:backdrop:disabled:selected,
|
||||
.menuitem.button.flat:backdrop:disabled:selected, calendar:backdrop:disabled:selected, spinbutton:not(.vertical) selection:backdrop:disabled,
|
||||
entry selection:backdrop:disabled, row:backdrop:disabled:selected {
|
||||
color: rgba(204, 44, 216, 0.85); }
|
||||
|
||||
@@ -2,44 +2,65 @@
|
||||
* Popovers *
|
||||
***************/
|
||||
|
||||
popover.background {
|
||||
padding: 2px;
|
||||
border-radius: 5px;
|
||||
background: if( $variant == 'light', linear-gradient(to bottom, #fff 20%, #fff), linear-gradient(to bottom, lighten($bg_color, 2%), darken($bg_color, 2%)));
|
||||
popover.background {
|
||||
|
||||
.csd &, & { border: 1px solid $borders_color; }
|
||||
background: transparent;
|
||||
font: initial;
|
||||
|
||||
box-shadow: 0 4px 6px $menu_shadow_color;
|
||||
> arrow,
|
||||
> contents {
|
||||
$_popover_border: if($variant=='light', transparentize(black, 0.77), transparentize(black, 0.25));
|
||||
|
||||
background: if( $variant == 'light', linear-gradient(to bottom, #fff 20%, #fff), linear-gradient(to bottom, lighten($bg_color, 2%), darken($bg_color, 2%)));
|
||||
background-clip: padding-box;
|
||||
border: 1px solid $borders_color;
|
||||
box-shadow: 0 4px 6px $menu_shadow_color;
|
||||
}
|
||||
|
||||
&:backdrop {
|
||||
background-color: $backdrop_bg_color;
|
||||
background-color: transparent;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
> list,
|
||||
> .view,
|
||||
> toolbar {
|
||||
border-style: none;
|
||||
background-color: transparent;
|
||||
> contents {
|
||||
padding: 8px;
|
||||
border-radius: 5px;
|
||||
|
||||
> list,
|
||||
> .view,
|
||||
> toolbar {
|
||||
border-style: none;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
separator {
|
||||
background-color: mix($bg_color, $borders_color, 30%);
|
||||
margin: 3px;
|
||||
}
|
||||
|
||||
list separator { margin: 0; }
|
||||
}
|
||||
|
||||
.csd &, & {
|
||||
&.touch-selection,
|
||||
&.magnifier {
|
||||
.osd &,
|
||||
&.touch-selection,
|
||||
&.magnifier {
|
||||
background-color: transparent;
|
||||
|
||||
> arrow,
|
||||
> contents {
|
||||
@extend %osd;
|
||||
|
||||
border: 1px solid transparentize(white, 0.9);
|
||||
|
||||
button { @extend %osd_button };
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
&.osd { @extend %osd; }
|
||||
}
|
||||
|
||||
separator { margin: 3px; }
|
||||
|
||||
list separator { margin: 0px; }
|
||||
|
||||
checkbutton,
|
||||
radiobutton { @extend modelbutton.flat; }
|
||||
&.touch-selection,
|
||||
&.magnifier {
|
||||
button { @extend %osd_button; }
|
||||
}
|
||||
}
|
||||
|
||||
magnifier {
|
||||
background-color: $base_color;
|
||||
}
|
||||
Reference in New Issue
Block a user