Mercurial > repos > other > Adwaita-Dark-Green

comparison gtk-4.4/gtk.css @ 113:3a790d4649eb default tip

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Fix GTK4/Adwaita outline and background issues * Views are now used in popovers but shouldn't have "normal" view background colour * Flat buttons should be flat, not bordered/outlines * Spinbuttons in lists don't need outlines on their buttons
author IBBoard <dev@ibboard.co.uk>
date Sun, 01 May 2022 11:34:31 +0100
parents 374207f64e2f
children
comparison
equal deleted inserted replaced
112:bba406abe07c 113:3a790d4649eb
1976 1976
1977 .view:selected:hover, .view text:selected:hover, iconview:selected:hover, iconview text:selected:hover, textview:selected:hover, textview text:selected:hover { background-color: #57753a; } 1977 .view:selected:hover, .view text:selected:hover, iconview:selected:hover, iconview text:selected:hover, textview:selected:hover, textview text:selected:hover { background-color: #57753a; }
1978 1978
1979 .view:selected:backdrop, .view text:selected:backdrop, iconview:selected:backdrop, iconview text:selected:backdrop, textview:selected:backdrop, textview text:selected:backdrop { background-color: #5E7F3E; } 1979 .view:selected:backdrop, .view text:selected:backdrop, iconview:selected:backdrop, iconview text:selected:backdrop, textview:selected:backdrop, textview text:selected:backdrop { background-color: #5E7F3E; }
1980 1980
1981 list, list-row, list-row.button { background-color: #e1e1e1; } 1981 popover .view, popover iconview { background-color: transparent; }
1982 1982
1983 list:backdrop, list:backdrop:hover, list-row:backdrop, list-row:backdrop:hover, list-row.button:backdrop, list-row.button:backdrop:hover { color: #272727; background-color: #dedede; } 1983 list:not(.view):not(iconview), list-row, list-row.button { background-color: #e1e1e1; }
1984 1984
1985 list:selected, list-row:selected, list-row.button:selected { color: #ffffff; background-color: #5E7F3E; } 1985 list:not(.view):not(iconview):backdrop, list:not(.view):not(iconview):backdrop:hover, list-row:backdrop, list-row:backdrop:hover, list-row.button:backdrop, list-row.button:backdrop:hover { color: #272727; background-color: #dedede; }
1986 1986
1987 list:hover, list-row:hover, list-row.button:hover { background-color: #d7d7d7; } 1987 list:not(.view):not(iconview):selected, list-row:selected, list-row.button:selected { color: #ffffff; background-color: #5E7F3E; }
1988 1988
1989 list:active, list-row:active, list-row.button:active { box-shadow: inset 0 2px 2px -2px rgba(0, 0, 0, 0.2); } 1989 list:not(.view):not(iconview):hover, list-row:hover, list-row.button:hover { background-color: #d7d7d7; }
1990 1990
1991 list:selected:active, list-row:selected:active, list-row.button:selected:active { box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.5); } 1991 list:not(.view):not(iconview):active, list-row:active, list-row.button:active { box-shadow: inset 0 2px 2px -2px rgba(0, 0, 0, 0.2); }
1992 1992
1993 list:selected:hover, list-row:selected:hover, list-row.button:selected:hover { background-color: #57753a; } 1993 list:not(.view):not(iconview):selected:active, list-row:selected:active, list-row.button:selected:active { box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.5); }
1994 1994
1995 list:selected:backdrop, list-row:selected:backdrop, list-row.button:selected:backdrop { background-color: #5E7F3E; } 1995 list:not(.view):not(iconview):selected:hover, list-row:selected:hover, list-row.button:selected:hover { background-color: #57753a; }
1996
1997 list:not(.view):not(iconview):selected:backdrop, list-row:selected:backdrop, list-row.button:selected:backdrop { background-color: #5E7F3E; }
1996 1998
1997 .sidebar list { background: transparent; } 1999 .sidebar list { background: transparent; }
1998 2000
1999 #pathbarbox { background-color: #C6C6C6; } 2001 #pathbarbox { background-color: #C6C6C6; }
2000 2002
2094 2096
2095 check:indeterminate:active, radio:indeterminate:active { box-shadow: inset 0 1px rgba(0, 0, 0, 0.2); background-image: image(#516e36); } 2097 check:indeterminate:active, radio:indeterminate:active { box-shadow: inset 0 1px rgba(0, 0, 0, 0.2); background-image: image(#516e36); }
2096 2098
2097 check:indeterminate:disabled, radio:indeterminate:disabled { box-shadow: none; color: rgba(255, 255, 255, 0.7); } 2099 check:indeterminate:disabled, radio:indeterminate:disabled { box-shadow: none; color: rgba(255, 255, 255, 0.7); }
2098 2100
2101 button.flat { outline-width: 0; outline-color: transparent; }
2102
2099 button.suggested-action { color: white; outline-color: rgba(255, 255, 255, 0.8); border-color: #2b3a1d; background-image: linear-gradient(to top, #59783b 2px, #5E7F3E); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); } 2103 button.suggested-action { color: white; outline-color: rgba(255, 255, 255, 0.8); border-color: #2b3a1d; background-image: linear-gradient(to top, #59783b 2px, #5E7F3E); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); }
2100 2104
2101 button.suggested-action.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: #5E7F3E; } 2105 button.suggested-action.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: #5E7F3E; }
2102 2106
2103 button.suggested-action:hover { color: white; border-color: #384c25; background-image: linear-gradient(to top, #354823, #4a6431 1px); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); } 2107 button.suggested-action:hover { color: white; border-color: #384c25; background-image: linear-gradient(to top, #354823, #4a6431 1px); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); }
2112 2116
2113 button.suggested-action:backdrop:disabled:active, button.suggested-action:backdrop:disabled:checked, button.suggested-action:backdrop:disabled label:active, button.suggested-action:backdrop:disabled label:checked, button.suggested-action.flat:backdrop:disabled:active, button.suggested-action.flat:backdrop:disabled:checked, button.suggested-action.flat:backdrop:disabled label:active, button.suggested-action.flat:backdrop:disabled label:checked { color: #93a285; border-color: #5a7043; background-image: image(#5a7043); box-shadow: none; } 2117 button.suggested-action:backdrop:disabled:active, button.suggested-action:backdrop:disabled:checked, button.suggested-action:backdrop:disabled label:active, button.suggested-action:backdrop:disabled label:checked, button.suggested-action.flat:backdrop:disabled:active, button.suggested-action.flat:backdrop:disabled:checked, button.suggested-action.flat:backdrop:disabled label:active, button.suggested-action.flat:backdrop:disabled label:checked { color: #93a285; border-color: #5a7043; background-image: image(#5a7043); box-shadow: none; }
2114 2118
2115 button.suggested-action.flat:backdrop, button.suggested-action.flat:disabled, button.suggested-action.flat:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: rgba(94, 127, 62, 0.8); } 2119 button.suggested-action.flat:backdrop, button.suggested-action.flat:disabled, button.suggested-action.flat:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: rgba(94, 127, 62, 0.8); }
2116 2120
2121 list spinbutton button.image-button:not(.toggle) { outline-width: 0; }
2122
2117 .csd popover.background { border-color: rgba(0, 0, 0, 0.4); } 2123 .csd popover.background { border-color: rgba(0, 0, 0, 0.4); }
2118 2124
2119 infobar.action:hover > revealer > box { background-color: #d9d7da; } 2125 infobar.action:hover > revealer > box { background-color: #d9d7da; }
2120 2126
2121 infobar .info > revealer > box, infobar.question > revealer > box, infobar.warning > revealer > box, infobar.error > revealer > box { background-color: #d4d2d5; } 2127 infobar .info > revealer > box, infobar.question > revealer > box, infobar.warning > revealer > box, infobar.error > revealer > box { background-color: #d4d2d5; }