AuroraMiddleware/gtk2
1
0
Fork 0
forked from AuroraMiddleware/gtk
Code Issues Pull Requests Projects Releases Wiki Activity
aa6f5dae5a
gtk2/gtk/theme/Adwaita/gtk-contained.css

2173 lines
198 KiB
CSS
Raw Normal View History

Adwaita: use new HIG colors - blue selection color, success & destructive colors updates - blueish tint for dark Addresses issue #1443
2018-11-05 15:10:50 +00:00
* { padding: 0; -gtk-secondary-caret-color: #3584e4; }
widget: Set :focus on focus children
2017-07-11 16:20:48 +00:00
Adwaita: tone down infobars Fixes https://gitlab.gnome.org/GNOME/gtk/issues/1957
2019-06-17 17:52:32 +00:00
button:focus(visible), checkbutton:focus(visible), radiobutton:focus(visible), switch:focus(visible), scale:focus(visible), label:focus(visible), row:focus(visible), flowboxchild:focus(visible) { outline-color: alpha(currentColor,0.3); outline-style: dashed; outline-offset: -3px; outline-width: 1px; -gtk-outline-radius: 3px; }
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
/*************** Base States * */
Adwaita: use HIG grey for bg_color - refresh with a light bg color, use the new color palette
2018-11-09 14:37:08 +00:00
.background { color: #2e3436; background-color: #f6f5f4; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: use HIG grey for bg_color - refresh with a light bg color, use the new color palette
2018-11-09 14:37:08 +00:00
.background:backdrop { color: #929595; background-color: #f6f5f4; text-shadow: none; -gtk-icon-shadow: none; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
themes: Regenerate CSS to reflect recent commits a lot of them, in this case
2018-01-01 19:53:43 +00:00
.normal-icons { -gtk-icon-size: 16px; }
.large-icons { -gtk-icon-size: 32px; }
image.drag-icon { -gtk-icon-size: 32px; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
/* These wildcard seems unavoidable, need to investigate. Wildcards are bad and troublesome, use them with care, or better, just don't. Everytime a wildcard is used a kitten dies, painfully. */
*:disabled { -gtk-icon-filter: opacity(0.5); }
Adwaita: use HIG grey for bg_color - refresh with a light bg color, use the new color palette
2018-11-09 14:37:08 +00:00
.gtkstyle-fallback { color: #2e3436; background-color: #f6f5f4; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
.gtkstyle-fallback:hover { color: #2e3436; background-color: white; }
Adwaita: use HIG grey for bg_color - refresh with a light bg color, use the new color palette
2018-11-09 14:37:08 +00:00
.gtkstyle-fallback:active { color: #2e3436; background-color: #dfdcd8; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: use HIG grey for bg_color - refresh with a light bg color, use the new color palette
2018-11-09 14:37:08 +00:00
.gtkstyle-fallback:disabled { color: #929595; background-color: #faf9f8; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: use new HIG colors - blue selection color, success & destructive colors updates - blueish tint for dark Addresses issue #1443
2018-11-05 15:10:50 +00:00
.gtkstyle-fallback:selected { color: #ffffff; background-color: #3584e4; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: separate '.view text' from textview>text The first rule breaks GtkText inside GtkSearchEntry inside something that has .view applied, as found in the file chooser when searching.
2019-04-27 06:12:46 +00:00
.view, iconview, textview > text { color: black; background-color: #ffffff; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: separate '.view text' from textview>text The first rule breaks GtkText inside GtkSearchEntry inside something that has .view applied, as found in the file chooser when searching.
2019-04-27 06:12:46 +00:00
.view:backdrop, iconview:backdrop, textview > text:backdrop { color: #323232; background-color: #fcfcfc; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: separate '.view text' from textview>text The first rule breaks GtkText inside GtkSearchEntry inside something that has .view applied, as found in the file chooser when searching.
2019-04-27 06:12:46 +00:00
.view:backdrop:disabled, iconview:backdrop:disabled, textview > text:backdrop:disabled { color: #d4cfca; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: separate '.view text' from textview>text The first rule breaks GtkText inside GtkSearchEntry inside something that has .view applied, as found in the file chooser when searching.
2019-04-27 06:12:46 +00:00
.view:disabled, iconview:disabled, textview > text:disabled { color: #929595; background-color: #faf9f8; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: separate '.view text' from textview>text The first rule breaks GtkText inside GtkSearchEntry inside something that has .view applied, as found in the file chooser when searching.
2019-04-27 06:12:46 +00:00
.view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, textview > text:selected:focus, textview > text:selected { border-radius: 3px; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: separate '.view text' from textview>text The first rule breaks GtkText inside GtkSearchEntry inside something that has .view applied, as found in the file chooser when searching.
2019-04-27 06:12:46 +00:00
.view, iconview { outline: none; }
textview { outline: none; }
Adwaita: Remove focus outlines from scrollbars and scales gtk3 didn't have focus outlines for these, so remove them for now. Sorry lapo.
2017-10-25 07:34:52 +00:00
Adwaita: use HIG grey for bg_color - refresh with a light bg color, use the new color palette
2018-11-09 14:37:08 +00:00
textview border { background-color: #fbfafa; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: use new HIG colors - blue selection color, success & destructive colors updates - blueish tint for dark Addresses issue #1443
2018-11-05 15:10:50 +00:00
.rubberband, rubberband, flowbox rubberband, treeview.view rubberband, .content-view rubberband, .content-view .rubberband { border: 1px solid #1b6acb; background-color: rgba(27, 106, 203, 0.2); }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
flowbox flowboxchild { padding: 3px; }
flowbox flowboxchild:selected { outline-offset: -2px; }
.content-view .tile { margin: 2px; background-color: transparent; border-radius: 0; padding: 0; }
.content-view .tile:backdrop { background-color: transparent; }
.content-view .tile:active, .content-view .tile:selected { background-color: transparent; }
.content-view .tile:disabled { background-color: transparent; }
themes: Regenerate CSS to reflect recent commits a lot of them, in this case
2018-01-01 19:53:43 +00:00
label { caret-color: currentColor; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
label.separator { color: #2e3436; }
Adwaita: use HIG grey for bg_color - refresh with a light bg color, use the new color palette
2018-11-09 14:37:08 +00:00
label.separator:backdrop { color: #929595; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: use new HIG colors - blue selection color, success & destructive colors updates - blueish tint for dark Addresses issue #1443
2018-11-05 15:10:50 +00:00
label selection { background-color: #3584e4; color: #ffffff; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: use HIG grey for bg_color - refresh with a light bg color, use the new color palette
2018-11-09 14:37:08 +00:00
label:disabled { color: #929595; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: use HIG grey for bg_color - refresh with a light bg color, use the new color palette
2018-11-09 14:37:08 +00:00
label:disabled:backdrop { color: #d4cfca; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: use HIG grey for bg_color - refresh with a light bg color, use the new color palette
2018-11-09 14:37:08 +00:00
label:backdrop { color: #929595; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita,HC: spinbutton selectors - spinbuttons use GtkText for the entry part - FIXME: vertical spinbuttons need the flat class dropped so we can extend the entry class easily
2019-02-20 13:08:44 +00:00
.dim-label, label.separator, spinbutton:not(.vertical) placeholder, spinbutton.vertical text placeholder, entry placeholder, .titlebar:not(headerbar) .subtitle, headerbar .subtitle { opacity: 0.55; text-shadow: none; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: sync with stable styling - fold over changes in teh stable brnch to get the same look fixes issue #1656
2019-02-06 12:46:00 +00:00
assistant .sidebar { background-color: #ffffff; border-top: 1px solid #cdc7c2; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: sync with stable styling - fold over changes in teh stable brnch to get the same look fixes issue #1656
2019-02-06 12:46:00 +00:00
assistant .sidebar:backdrop { background-color: #fcfcfc; border-color: #d5d0cc; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
assistant.csd .sidebar { border-top-style: none; }
assistant .sidebar label { padding: 6px 12px; }
Adwaita: use HIG grey for bg_color - refresh with a light bg color, use the new color palette
2018-11-09 14:37:08 +00:00
assistant .sidebar label.highlight { background-color: #cecece; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: OSD set semi-opaque again - forgot the bling bling
2019-04-11 13:35:24 +00:00
.csd popover > contents.background.touch-selection, .csd popover > contents.background.magnifier, popover > contents.background.touch-selection, popover > contents.background.magnifier, .csd popover > contents.background.osd, popover > contents.background.osd, .app-notification, .app-notification.frame, .osd .scale-popup, .osd { color: #eeeeec; border: none; background-color: rgba(53, 53, 53, 0.7); background-clip: padding-box; text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
popover: Add a contents node Remove the special case in gtkwidget.c where we didn't draw any css background/border for popovers. Instead, rely on themes to not style the popover node and add a contents gizmo that gets the actual css styling. We then requeste enough space for the popover to draw both the contents and the arrow on the side.
2017-07-08 10:04:44 +00:00
.csd popover > contents.background.touch-selection:backdrop, .csd popover > contents.background.magnifier:backdrop, popover > contents.background.touch-selection:backdrop, popover > contents.background.magnifier:backdrop, .csd popover > contents.background.osd:backdrop, popover > contents.background.osd:backdrop, .app-notification:backdrop, .osd .scale-popup:backdrop, .osd:backdrop { text-shadow: none; -gtk-icon-shadow: none; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
/********************* Spinner Animation * */
@keyframes spin { to { -gtk-icon-transform: rotate(1turn); } }
spinner { background: none; opacity: 0; -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); }
spinner:checked { opacity: 1; animation: spin 1s linear infinite; }
spinner:checked:disabled { opacity: 0.5; }
Adwaita: generic type styles - try to define a basic typographic structure See https://gitlab.gnome.org/GNOME/gtk/issues/1808
2019-04-11 12:50:56 +00:00
/********************** General Typography * */
.type-large-title { font-weight: 300; font-size: 24pt; letter-spacing: 0.2rem; }
.type-title { font-weight: 600; font-size: 16pt; }
.type-heading { font-weight: 500; font-size: 11pt; }
.type-body { font-weight: 400; font-size: 11pt; }
.type-caption { font-weight: 400; font-size: 9pt; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
/**************** Text Entries * */
Adwaita: Adjust entry border-radius Replace entry border-radius value with $button_radius variable.
2019-03-12 15:42:48 +00:00
spinbutton:not(.vertical), spinbutton.vertical text, entry { min-height: 32px; padding-left: 8px; padding-right: 8px; border: 1px solid; border-radius: 5px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: black; border-color: #cdc7c2; background-color: #ffffff; box-shadow: inset 0 0 0 1px rgba(53, 132, 228, 0); }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita,HC: spinbutton selectors - spinbuttons use GtkText for the entry part - FIXME: vertical spinbuttons need the flat class dropped so we can extend the entry class easily
2019-02-20 13:08:44 +00:00
spinbutton:not(.vertical) image.left, spinbutton.vertical text image.left, entry image.left { margin-right: 6px; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita,HC: spinbutton selectors - spinbuttons use GtkText for the entry part - FIXME: vertical spinbuttons need the flat class dropped so we can extend the entry class easily
2019-02-20 13:08:44 +00:00
spinbutton:not(.vertical) image.right, spinbutton.vertical text image.right, entry image.right { margin-left: 6px; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita,HC: spinbutton selectors - spinbuttons use GtkText for the entry part - FIXME: vertical spinbuttons need the flat class dropped so we can extend the entry class easily
2019-02-20 13:08:44 +00:00
spinbutton.flat:focus:not(.vertical), spinbutton.vertical text.flat:focus, spinbutton.flat:backdrop:not(.vertical), spinbutton.vertical text.flat:backdrop, spinbutton.flat:disabled:not(.vertical), spinbutton.vertical text.flat:disabled, spinbutton.flat:backdrop:disabled:not(.vertical), spinbutton.vertical text.flat:backdrop:disabled, spinbutton.flat:not(.vertical), spinbutton.vertical text.flat, entry.flat:focus, entry.flat:backdrop, entry.flat:disabled, entry.flat:backdrop:disabled, entry.flat { min-height: 0; padding: 2px; background-color: transparent; border-color: transparent; border-radius: 0; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita,HC: spinbutton selectors - spinbuttons use GtkText for the entry part - FIXME: vertical spinbuttons need the flat class dropped so we can extend the entry class easily
2019-02-20 13:08:44 +00:00
spinbutton:focus:not(.vertical), spinbutton.vertical text:focus, entry:focus { box-shadow: inset 0 0 0 1px #3584e4; border-color: #3584e4; outline: none; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita,HC: spinbutton selectors - spinbuttons use GtkText for the entry part - FIXME: vertical spinbuttons need the flat class dropped so we can extend the entry class easily
2019-02-20 13:08:44 +00:00
spinbutton:focus:not(.vertical) > placeholder, spinbutton.vertical text:focus > placeholder, entry:focus > placeholder { opacity: 0; /* We hide placeholders on focus */ }
adwaita: Fix the padding of row.expander This will allow to implement the expanding rows pattern.
2019-01-22 11:43:07 +00:00
Adwaita,HC: spinbutton selectors - spinbuttons use GtkText for the entry part - FIXME: vertical spinbuttons need the flat class dropped so we can extend the entry class easily
2019-02-20 13:08:44 +00:00
spinbutton:disabled:not(.vertical), spinbutton.vertical text:disabled, entry:disabled { color: #929595; border-color: #cdc7c2; background-color: #faf9f8; box-shadow: none; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita,HC: spinbutton selectors - spinbuttons use GtkText for the entry part - FIXME: vertical spinbuttons need the flat class dropped so we can extend the entry class easily
2019-02-20 13:08:44 +00:00
spinbutton:backdrop:not(.vertical), spinbutton.vertical text:backdrop, entry:backdrop { color: #323232; border-color: #d5d0cc; background-color: #fcfcfc; box-shadow: none; transition: 200ms ease-out; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita,HC: spinbutton selectors - spinbuttons use GtkText for the entry part - FIXME: vertical spinbuttons need the flat class dropped so we can extend the entry class easily
2019-02-20 13:08:44 +00:00
spinbutton:backdrop:disabled:not(.vertical), spinbutton.vertical text:backdrop:disabled, entry:backdrop:disabled { color: #d4cfca; border-color: #d5d0cc; background-color: #faf9f8; box-shadow: none; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita,HC: spinbutton selectors - spinbuttons use GtkText for the entry part - FIXME: vertical spinbuttons need the flat class dropped so we can extend the entry class easily
2019-02-20 13:08:44 +00:00
spinbutton.error:not(.vertical), spinbutton.vertical text.error, entry.error { color: #cc0000; border-color: #cc0000; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita,HC: spinbutton selectors - spinbuttons use GtkText for the entry part - FIXME: vertical spinbuttons need the flat class dropped so we can extend the entry class easily
2019-02-20 13:08:44 +00:00
spinbutton.error:focus:not(.vertical), spinbutton.vertical text.error:focus, entry.error:focus { box-shadow: inset 0 0 0 1px #cc0000; border-color: #cc0000; outline: none; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita,HC: spinbutton selectors - spinbuttons use GtkText for the entry part - FIXME: vertical spinbuttons need the flat class dropped so we can extend the entry class easily
2019-02-20 13:08:44 +00:00
spinbutton.error:not(.vertical) selection, spinbutton.vertical text.error selection, entry.error selection { background-color: #cc0000; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita,HC: spinbutton selectors - spinbuttons use GtkText for the entry part - FIXME: vertical spinbuttons need the flat class dropped so we can extend the entry class easily
2019-02-20 13:08:44 +00:00
spinbutton.warning:not(.vertical), spinbutton.vertical text.warning, entry.warning { color: #f57900; border-color: #f57900; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita,HC: spinbutton selectors - spinbuttons use GtkText for the entry part - FIXME: vertical spinbuttons need the flat class dropped so we can extend the entry class easily
2019-02-20 13:08:44 +00:00
spinbutton.warning:focus:not(.vertical), spinbutton.vertical text.warning:focus, entry.warning:focus { box-shadow: inset 0 0 0 1px #f57900; border-color: #f57900; outline: none; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita,HC: spinbutton selectors - spinbuttons use GtkText for the entry part - FIXME: vertical spinbuttons need the flat class dropped so we can extend the entry class easily
2019-02-20 13:08:44 +00:00
spinbutton.warning:not(.vertical) selection, spinbutton.vertical text.warning selection, entry.warning selection { background-color: #f57900; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: Fix active spinbutton button image color The spinbutton>button>image is currently blue when the image is clicked and dark-ish when the button is clicked(but not the image). This was not the case before since we didn't even propagate :active down to the image child. Fix this by only applying the blue color to direct image children of entries.
2019-04-30 03:54:00 +00:00
spinbutton:not(.vertical) > image, spinbutton.vertical text > image, entry > image { color: #585d5e; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: Fix active spinbutton button image color The spinbutton>button>image is currently blue when the image is clicked and dark-ish when the button is clicked(but not the image). This was not the case before since we didn't even propagate :active down to the image child. Fix this by only applying the blue color to direct image children of entries.
2019-04-30 03:54:00 +00:00
spinbutton:not(.vertical) > image:hover, spinbutton.vertical text > image:hover, entry > image:hover { color: #2e3436; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: Fix active spinbutton button image color The spinbutton>button>image is currently blue when the image is clicked and dark-ish when the button is clicked(but not the image). This was not the case before since we didn't even propagate :active down to the image child. Fix this by only applying the blue color to direct image children of entries.
2019-04-30 03:54:00 +00:00
spinbutton:not(.vertical) > image:active, spinbutton.vertical text > image:active, entry > image:active { color: #3584e4; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: Fix active spinbutton button image color The spinbutton>button>image is currently blue when the image is clicked and dark-ish when the button is clicked(but not the image). This was not the case before since we didn't even propagate :active down to the image child. Fix this by only applying the blue color to direct image children of entries.
2019-04-30 03:54:00 +00:00
spinbutton:not(.vertical) > image:backdrop, spinbutton.vertical text > image:backdrop, entry > image:backdrop { color: #a7aaaa; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: draw bigger radius for focus rings Fixes https://gitlab.gnome.org/GNOME/gtk/issues/1756
2019-03-19 13:07:10 +00:00
spinbutton.password:not(.vertical) image.caps-lock-indicator, spinbutton.vertical text.password image.caps-lock-indicator, entry.password image.caps-lock-indicator { color: #a7aaaa; }
Adwaita,HC: spinbutton selectors - spinbuttons use GtkText for the entry part - FIXME: vertical spinbuttons need the flat class dropped so we can extend the entry class easily
2019-02-20 13:08:44 +00:00
spinbutton:drop(active):focus:not(.vertical), spinbutton.vertical text:drop(active):focus, spinbutton:drop(active):not(.vertical), spinbutton.vertical text:drop(active), entry:drop(active):focus, entry:drop(active) { border-color: #4e9a06; box-shadow: inset 0 0 0 1px #4e9a06; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita,HC: spinbutton selectors - spinbuttons use GtkText for the entry part - FIXME: vertical spinbuttons need the flat class dropped so we can extend the entry class easily
2019-02-20 13:08:44 +00:00
.osd spinbutton:not(.vertical), .osd spinbutton.vertical text, spinbutton.vertical .osd text, .osd entry { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: rgba(0, 0, 0, 0.5); background-clip: padding-box; box-shadow: none; text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita,HC: spinbutton selectors - spinbuttons use GtkText for the entry part - FIXME: vertical spinbuttons need the flat class dropped so we can extend the entry class easily
2019-02-20 13:08:44 +00:00
.osd spinbutton:focus:not(.vertical), .osd spinbutton.vertical text:focus, spinbutton.vertical .osd text:focus, .osd entry:focus { color: white; border-color: #3584e4; background-color: rgba(0, 0, 0, 0.5); background-clip: padding-box; box-shadow: inset 0 0 0 1px #3584e4; text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita,HC: spinbutton selectors - spinbuttons use GtkText for the entry part - FIXME: vertical spinbuttons need the flat class dropped so we can extend the entry class easily
2019-02-20 13:08:44 +00:00
.osd spinbutton:backdrop:not(.vertical), .osd spinbutton.vertical text:backdrop, spinbutton.vertical .osd text:backdrop, .osd entry:backdrop { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: rgba(0, 0, 0, 0.5); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: less purple OSD style - one of the bits that escaped the purple cast is the osd background color
2019-04-11 13:26:55 +00:00
.osd spinbutton:disabled:not(.vertical), .osd spinbutton.vertical text:disabled, spinbutton.vertical .osd text:disabled, .osd entry:disabled { color: #919190; border-color: rgba(0, 0, 0, 0.7); background-color: rgba(71, 71, 71, 0.5); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita,HC: spinbutton selectors - spinbuttons use GtkText for the entry part - FIXME: vertical spinbuttons need the flat class dropped so we can extend the entry class easily
2019-02-20 13:08:44 +00:00
spinbutton:not(.vertical) progress, spinbutton.vertical text progress, entry progress { margin-bottom: 2px; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita,HC: spinbutton selectors - spinbuttons use GtkText for the entry part - FIXME: vertical spinbuttons need the flat class dropped so we can extend the entry class easily
2019-02-20 13:08:44 +00:00
spinbutton:not(.vertical) progress > trough > progress, spinbutton.vertical text progress > trough > progress, entry progress > trough > progress { background-color: transparent; background-image: none; border-radius: 0; border-width: 0 0 2px; border-color: #3584e4; border-style: solid; box-shadow: none; }
adwaita: Adjust entry progress styling Now that the entry>progress node is a full GtkProgressBar, we need to apply the style to its trough>progress node.
2017-06-28 05:25:34 +00:00
Adwaita,HC: spinbutton selectors - spinbuttons use GtkText for the entry part - FIXME: vertical spinbuttons need the flat class dropped so we can extend the entry class easily
2019-02-20 13:08:44 +00:00
spinbutton:not(.vertical) progress > trough > progress:backdrop, spinbutton.vertical text progress > trough > progress:backdrop, entry progress > trough > progress:backdrop { background-color: transparent; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita,HC: spinbutton selectors - spinbuttons use GtkText for the entry part - FIXME: vertical spinbuttons need the flat class dropped so we can extend the entry class easily
2019-02-20 13:08:44 +00:00
.linked:not(.vertical) > spinbutton:focus:not(.vertical) + spinbutton:not(.vertical), spinbutton.vertical .linked:not(.vertical) > text:focus + spinbutton:not(.vertical), spinbutton.vertical .linked:not(.vertical) > spinbutton:focus:not(.vertical) + text, spinbutton.vertical .linked:not(.vertical) > text:focus + text, .linked:not(.vertical) > spinbutton:focus:not(.vertical) + button, spinbutton.vertical .linked:not(.vertical) > text:focus + button, .linked:not(.vertical) > spinbutton:focus:not(.vertical) + combobox > box > button.combo, spinbutton.vertical .linked:not(.vertical) > text:focus + combobox > box > button.combo, .linked:not(.vertical) > entry:focus + spinbutton:not(.vertical), spinbutton.vertical .linked:not(.vertical) > entry:focus + text, .linked:not(.vertical) > entry:focus + button, .linked:not(.vertical) > entry:focus + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:focus:not(.vertical) + entry, spinbutton.vertical .linked:not(.vertical) > text:focus + entry, .linked:not(.vertical) > entry:focus + entry { border-left-color: #3584e4; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita,HC: spinbutton selectors - spinbuttons use GtkText for the entry part - FIXME: vertical spinbuttons need the flat class dropped so we can extend the entry class easily
2019-02-20 13:08:44 +00:00
.linked:not(.vertical) > spinbutton:focus.error:not(.vertical) + spinbutton:not(.vertical), spinbutton.vertical .linked:not(.vertical) > text:focus.error + spinbutton:not(.vertical), spinbutton.vertical .linked:not(.vertical) > spinbutton:focus.error:not(.vertical) + text, spinbutton.vertical .linked:not(.vertical) > text:focus.error + text, .linked:not(.vertical) > spinbutton:focus.error:not(.vertical) + button, spinbutton.vertical .linked:not(.vertical) > text:focus.error + button, .linked:not(.vertical) > spinbutton:focus.error:not(.vertical) + combobox > box > button.combo, spinbutton.vertical .linked:not(.vertical) > text:focus.error + combobox > box > button.combo, .linked:not(.vertical) > entry:focus.error + spinbutton:not(.vertical), spinbutton.vertical .linked:not(.vertical) > entry:focus.error + text, .linked:not(.vertical) > entry:focus.error + button, .linked:not(.vertical) > entry:focus.error + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:focus.error:not(.vertical) + entry, spinbutton.vertical .linked:not(.vertical) > text:focus.error + entry, .linked:not(.vertical) > entry:focus.error + entry { border-left-color: #cc0000; }
themes: Fix linked elements in error state Add instructions for color of linked elements border which ajoints entry, when parent linked entry is in error state.
2018-09-01 14:52:19 +00:00
Adwaita,HC: spinbutton selectors - spinbuttons use GtkText for the entry part - FIXME: vertical spinbuttons need the flat class dropped so we can extend the entry class easily
2019-02-20 13:08:44 +00:00
.linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + spinbutton:not(.vertical), spinbutton.vertical .linked:not(.vertical) > text:drop(active) + spinbutton:not(.vertical), spinbutton.vertical .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + text, spinbutton.vertical .linked:not(.vertical) > text:drop(active) + text, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + button, spinbutton.vertical .linked:not(.vertical) > text:drop(active) + button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + combobox > box > button.combo, spinbutton.vertical .linked:not(.vertical) > text:drop(active) + combobox > box > button.combo, .linked:not(.vertical) > entry:drop(active) + spinbutton:not(.vertical), spinbutton.vertical .linked:not(.vertical) > entry:drop(active) + text, .linked:not(.vertical) > entry:drop(active) + button, .linked:not(.vertical) > entry:drop(active) + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + entry, spinbutton.vertical .linked:not(.vertical) > text:drop(active) + entry, .linked:not(.vertical) > entry:drop(active) + entry { border-left-color: #4e9a06; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita,HC: spinbutton selectors - spinbuttons use GtkText for the entry part - FIXME: vertical spinbuttons need the flat class dropped so we can extend the entry class easily
2019-02-20 13:08:44 +00:00
.linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled), spinbutton.vertical .linked.vertical > text:not(:disabled) + entry:not(:disabled), .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):not(.vertical), spinbutton.vertical .linked.vertical > text:not(:disabled) + spinbutton:not(:disabled):not(.vertical), spinbutton.vertical .linked.vertical > spinbutton:not(:disabled):not(.vertical) + text:not(:disabled), spinbutton.vertical .linked.vertical > text:not(:disabled) + text:not(:disabled), .linked.vertical > entry:not(:disabled) + entry:not(:disabled), .linked.vertical > entry:not(:disabled) + spinbutton:not(:disabled):not(.vertical), spinbutton.vertical .linked.vertical > entry:not(:disabled) + text:not(:disabled) { border-top-color: #f0eeed; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita,HC: spinbutton selectors - spinbuttons use GtkText for the entry part - FIXME: vertical spinbuttons need the flat class dropped so we can extend the entry class easily
2019-02-20 13:08:44 +00:00
.linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled):backdrop, spinbutton.vertical .linked.vertical > text:not(:disabled) + entry:not(:disabled):backdrop, .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):backdrop:not(.vertical), spinbutton.vertical .linked.vertical > text:not(:disabled) + spinbutton:not(:disabled):backdrop:not(.vertical), spinbutton.vertical .linked.vertical > spinbutton:not(:disabled):not(.vertical) + text:not(:disabled):backdrop, spinbutton.vertical .linked.vertical > text:not(:disabled) + text:not(:disabled):backdrop, .linked.vertical > entry:not(:disabled) + entry:not(:disabled):backdrop, .linked.vertical > entry:not(:disabled) + spinbutton:not(:disabled):backdrop:not(.vertical), spinbutton.vertical .linked.vertical > entry:not(:disabled) + text:not(:disabled):backdrop { border-top-color: #f1efee; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita,HC: spinbutton selectors - spinbuttons use GtkText for the entry part - FIXME: vertical spinbuttons need the flat class dropped so we can extend the entry class easily
2019-02-20 13:08:44 +00:00
.linked.vertical > spinbutton:disabled:not(.vertical) + spinbutton:disabled:not(.vertical), spinbutton.vertical .linked.vertical > text:disabled + spinbutton:disabled:not(.vertical), spinbutton.vertical .linked.vertical > spinbutton:disabled:not(.vertical) + text:disabled, spinbutton.vertical .linked.vertical > text:disabled + text:disabled, .linked.vertical > spinbutton:disabled:not(.vertical) + entry:disabled, spinbutton.vertical .linked.vertical > text:disabled + entry:disabled, .linked.vertical > entry:disabled + spinbutton:disabled:not(.vertical), spinbutton.vertical .linked.vertical > entry:disabled + text:disabled, .linked.vertical > entry:disabled + entry:disabled { border-top-color: #f0eeed; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita,HC: spinbutton selectors - spinbuttons use GtkText for the entry part - FIXME: vertical spinbuttons need the flat class dropped so we can extend the entry class easily
2019-02-20 13:08:44 +00:00
.linked.vertical > spinbutton:not(.vertical) + spinbutton:focus:not(:only-child):not(.vertical), spinbutton.vertical .linked.vertical > text + spinbutton:focus:not(:only-child):not(.vertical), spinbutton.vertical .linked.vertical > spinbutton:not(.vertical) + text:focus:not(:only-child), spinbutton.vertical .linked.vertical > text + text:focus:not(:only-child), .linked.vertical > spinbutton:not(.vertical) + entry:focus:not(:only-child), spinbutton.vertical .linked.vertical > text + entry:focus:not(:only-child), .linked.vertical > entry + spinbutton:focus:not(:only-child):not(.vertical), spinbutton.vertical .linked.vertical > entry + text:focus:not(:only-child), .linked.vertical > entry + entry:focus:not(:only-child) { border-top-color: #3584e4; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita,HC: spinbutton selectors - spinbuttons use GtkText for the entry part - FIXME: vertical spinbuttons need the flat class dropped so we can extend the entry class easily
2019-02-20 13:08:44 +00:00
.linked.vertical > spinbutton:not(.vertical) + spinbutton:focus.error:not(:only-child):not(.vertical), spinbutton.vertical .linked.vertical > text + spinbutton:focus.error:not(:only-child):not(.vertical), spinbutton.vertical .linked.vertical > spinbutton:not(.vertical) + text:focus.error:not(:only-child), spinbutton.vertical .linked.vertical > text + text:focus.error:not(:only-child), .linked.vertical > spinbutton:not(.vertical) + entry:focus.error:not(:only-child), spinbutton.vertical .linked.vertical > text + entry:focus.error:not(:only-child), .linked.vertical > entry + spinbutton:focus.error:not(:only-child):not(.vertical), spinbutton.vertical .linked.vertical > entry + text:focus.error:not(:only-child), .linked.vertical > entry + entry:focus.error:not(:only-child) { border-top-color: #cc0000; }
themes: Fix linked elements in error state Add instructions for color of linked elements border which ajoints entry, when parent linked entry is in error state.
2018-09-01 14:52:19 +00:00
Adwaita,HC: spinbutton selectors - spinbuttons use GtkText for the entry part - FIXME: vertical spinbuttons need the flat class dropped so we can extend the entry class easily
2019-02-20 13:08:44 +00:00
.linked.vertical > spinbutton:not(.vertical) + spinbutton:drop(active):not(:only-child):not(.vertical), spinbutton.vertical .linked.vertical > text + spinbutton:drop(active):not(:only-child):not(.vertical), spinbutton.vertical .linked.vertical > spinbutton:not(.vertical) + text:drop(active):not(:only-child), spinbutton.vertical .linked.vertical > text + text:drop(active):not(:only-child), .linked.vertical > spinbutton:not(.vertical) + entry:drop(active):not(:only-child), spinbutton.vertical .linked.vertical > text + entry:drop(active):not(:only-child), .linked.vertical > entry + spinbutton:drop(active):not(:only-child):not(.vertical), spinbutton.vertical .linked.vertical > entry + text:drop(active):not(:only-child), .linked.vertical > entry + entry:drop(active):not(:only-child) { border-top-color: #4e9a06; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita,HC: spinbutton selectors - spinbuttons use GtkText for the entry part - FIXME: vertical spinbuttons need the flat class dropped so we can extend the entry class easily
2019-02-20 13:08:44 +00:00
.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + spinbutton:not(.vertical), spinbutton.vertical .linked.vertical > text:focus:not(:only-child) + spinbutton:not(.vertical), spinbutton.vertical .linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + text, spinbutton.vertical .linked.vertical > text:focus:not(:only-child) + text, .linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + entry, spinbutton.vertical .linked.vertical > text:focus:not(:only-child) + entry, .linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + button, spinbutton.vertical .linked.vertical > text:focus:not(:only-child) + button, .linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + combobox > box > button.combo, spinbutton.vertical .linked.vertical > text:focus:not(:only-child) + combobox > box > button.combo, .linked.vertical > entry:focus:not(:only-child) + spinbutton:not(.vertical), spinbutton.vertical .linked.vertical > entry:focus:not(:only-child) + text, .linked.vertical > entry:focus:not(:only-child) + entry, .linked.vertical > entry:focus:not(:only-child) + button, .linked.vertical > entry:focus:not(:only-child) + combobox > box > button.combo { border-top-color: #3584e4; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita,HC: spinbutton selectors - spinbuttons use GtkText for the entry part - FIXME: vertical spinbuttons need the flat class dropped so we can extend the entry class easily
2019-02-20 13:08:44 +00:00
.linked.vertical > spinbutton:focus.error:not(:only-child):not(.vertical) + spinbutton:not(.vertical), spinbutton.vertical .linked.vertical > text:focus.error:not(:only-child) + spinbutton:not(.vertical), spinbutton.vertical .linked.vertical > spinbutton:focus.error:not(:only-child):not(.vertical) + text, spinbutton.vertical .linked.vertical > text:focus.error:not(:only-child) + text, .linked.vertical > spinbutton:focus.error:not(:only-child):not(.vertical) + entry, spinbutton.vertical .linked.vertical > text:focus.error:not(:only-child) + entry, .linked.vertical > spinbutton:focus.error:not(:only-child):not(.vertical) + button, spinbutton.vertical .linked.vertical > text:focus.error:not(:only-child) + button, .linked.vertical > spinbutton:focus.error:not(:only-child):not(.vertical) + combobox > box > button.combo, spinbutton.vertical .linked.vertical > text:focus.error:not(:only-child) + combobox > box > button.combo, .linked.vertical > entry:focus.error:not(:only-child) + spinbutton:not(.vertical), spinbutton.vertical .linked.vertical > entry:focus.error:not(:only-child) + text, .linked.vertical > entry:focus.error:not(:only-child) + entry, .linked.vertical > entry:focus.error:not(:only-child) + button, .linked.vertical > entry:focus.error:not(:only-child) + combobox > box > button.combo { border-top-color: #cc0000; }
themes: Fix linked elements in error state Add instructions for color of linked elements border which ajoints entry, when parent linked entry is in error state.
2018-09-01 14:52:19 +00:00
Adwaita,HC: spinbutton selectors - spinbuttons use GtkText for the entry part - FIXME: vertical spinbuttons need the flat class dropped so we can extend the entry class easily
2019-02-20 13:08:44 +00:00
.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + spinbutton:not(.vertical), spinbutton.vertical .linked.vertical > text:drop(active):not(:only-child) + spinbutton:not(.vertical), spinbutton.vertical .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + text, spinbutton.vertical .linked.vertical > text:drop(active):not(:only-child) + text, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + entry, spinbutton.vertical .linked.vertical > text:drop(active):not(:only-child) + entry, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + button, spinbutton.vertical .linked.vertical > text:drop(active):not(:only-child) + button, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + combobox > box > button.combo, spinbutton.vertical .linked.vertical > text:drop(active):not(:only-child) + combobox > box > button.combo, .linked.vertical > entry:drop(active):not(:only-child) + spinbutton:not(.vertical), spinbutton.vertical .linked.vertical > entry:drop(active):not(:only-child) + text, .linked.vertical > entry:drop(active):not(:only-child) + entry, .linked.vertical > entry:drop(active):not(:only-child) + button, .linked.vertical > entry:drop(active):not(:only-child) + combobox > box > button.combo { border-top-color: #4e9a06; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
treeview entry:focus:dir(rtl), treeview entry:focus:dir(ltr) { background-color: #ffffff; transition-property: color, background; }
treeview entry.flat, treeview entry { border-radius: 0; background-image: none; background-color: #ffffff; }
Adwaita: use new HIG colors - blue selection color, success & destructive colors updates - blueish tint for dark Addresses issue #1443
2018-11-05 15:10:50 +00:00
treeview entry.flat:focus, treeview entry:focus { border-color: #3584e4; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: use new HIG colors - blue selection color, success & destructive colors updates - blueish tint for dark Addresses issue #1443
2018-11-05 15:10:50 +00:00
.entry-tag { padding: 5px; margin-top: 2px; margin-bottom: 2px; border-style: none; color: #ffffff; background-color: #3584e4; }
Adwaita: regenerate the css
2017-05-09 11:39:05 +00:00
listbox: Remove view_window
2017-05-26 10:13:43 +00:00
:dir(ltr) .entry-tag { margin-left: 8px; margin-right: -5px; }
Adwaita: regenerate the css
2017-05-09 11:39:05 +00:00
listbox: Remove view_window
2017-05-26 10:13:43 +00:00
:dir(rtl) .entry-tag { margin-left: -5px; margin-right: 8px; }
Adwaita: use new HIG colors - blue selection color, success & destructive colors updates - blueish tint for dark Addresses issue #1443
2018-11-05 15:10:50 +00:00
.entry-tag:hover { background-color: #629fea; }
listbox: Remove view_window
2017-05-26 10:13:43 +00:00
Adwaita: use new HIG colors - blue selection color, success & destructive colors updates - blueish tint for dark Addresses issue #1443
2018-11-05 15:10:50 +00:00
:backdrop .entry-tag { color: #fcfcfc; background-color: #3584e4; }
listbox: Remove view_window
2017-05-26 10:13:43 +00:00
.entry-tag.button { background-color: transparent; color: rgba(255, 255, 255, 0.7); }
Adwaita: use new HIG colors - blue selection color, success & destructive colors updates - blueish tint for dark Addresses issue #1443
2018-11-05 15:10:50 +00:00
:not(:backdrop) .entry-tag.button:hover { border: 1px solid #3584e4; color: #ffffff; }
listbox: Remove view_window
2017-05-26 10:13:43 +00:00
Adwaita: use new HIG colors - blue selection color, success & destructive colors updates - blueish tint for dark Addresses issue #1443
2018-11-05 15:10:50 +00:00
:not(:backdrop) .entry-tag.button:active { background-color: #3584e4; color: rgba(255, 255, 255, 0.7); }
Adwaita: regenerate the css
2017-05-09 11:39:05 +00:00
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
/*********** Buttons * */
Adwaita: use new HIG colors - blue selection color, success & destructive colors updates - blueish tint for dark Addresses issue #1443
2018-11-05 15:10:50 +00:00
@keyframes needs_attention { from { background-image: radial-gradient(farthest-side, #3584e4 0%, rgba(53, 132, 228, 0) 0%); }
to { background-image: radial-gradient(farthest-side, #3584e4 95%, rgba(53, 132, 228, 0)); } }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: sync with stable styling - fold over changes in teh stable brnch to get the same look fixes issue #1656
2019-02-06 12:46:00 +00:00
notebook box > header > tabs > arrow, button.titlebutton, button { min-height: 24px; min-width: 16px; padding: 4px 9px; border: 1px solid; border-radius: 5px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); border-color: #cdc7c2; border-bottom-color: #bfb8b1; background-image: linear-gradient(to top, #edebe9 2px, #f6f5f4); text-shadow: 0 1px rgba(255, 255, 255, 0.769231); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.07); }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
adwaita: Fix notebook theming the header and the stack nodes are now inside a box node.
2017-05-11 20:08:19 +00:00
notebook box > header > tabs > arrow, button.sidebar-button, button.titlebutton, button.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; transition: none; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
adwaita: Fix notebook theming the header and the stack nodes are now inside a box node.
2017-05-11 20:08:19 +00:00
notebook box > header > tabs > arrow:hover, button.sidebar-button:hover, button.titlebutton:hover, button.flat:hover { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-duration: 500ms; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
adwaita: Fix notebook theming the header and the stack nodes are now inside a box node.
2017-05-11 20:08:19 +00:00
notebook box > header > tabs > arrow:hover:active, button.sidebar-button:hover:active, button.titlebutton:hover:active, button.flat:hover:active { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: sync with stable styling - fold over changes in teh stable brnch to get the same look fixes issue #1656
2019-02-06 12:46:00 +00:00
notebook box > header > tabs > arrow:hover, button.titlebutton:hover, button:hover { color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); border-color: #cdc7c2; border-bottom-color: #bfb8b1; text-shadow: 0 1px rgba(255, 255, 255, 0.769231); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.07); background-image: linear-gradient(to top, #f6f5f4, #f8f8f7 1px); -gtk-icon-filter: brightness(1.2); }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: sync with stable styling - fold over changes in teh stable brnch to get the same look fixes issue #1656
2019-02-06 12:46:00 +00:00
notebook box > header > tabs > arrow:active, button.titlebutton:active, notebook box > header > tabs > arrow:checked, button.titlebutton:checked, button:active, button:checked { color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); border-color: #cdc7c2; background-image: image(#d6d1cd); box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; transition-duration: 50ms; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: sync with stable styling - fold over changes in teh stable brnch to get the same look fixes issue #1656
2019-02-06 12:46:00 +00:00
notebook box > header > tabs > arrow:backdrop, button.sidebar-button:backdrop, button.titlebutton:backdrop, notebook box > header > tabs > arrow:backdrop, button.titlebutton:backdrop, button:backdrop.flat, button:backdrop { border-color: #d5d0cc; background-image: image(#f6f5f4); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); transition: 200ms ease-out; -gtk-icon-filter: none; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: use HIG grey for bg_color - refresh with a light bg color, use the new color palette
2018-11-09 14:37:08 +00:00
notebook box > header > tabs > arrow:backdrop label, button.sidebar-button:backdrop label, button.titlebutton:backdrop label, notebook box > header > tabs > arrow:backdrop, button.sidebar-button:backdrop, button.titlebutton:backdrop, notebook box > header > tabs > arrow:backdrop label, button.titlebutton:backdrop label, notebook box > header > tabs > arrow:backdrop, button.titlebutton:backdrop, button:backdrop.flat label, button:backdrop.flat, button:backdrop label, button:backdrop { color: #929595; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: sync with stable styling - fold over changes in teh stable brnch to get the same look fixes issue #1656
2019-02-06 12:46:00 +00:00
notebook box > header > tabs > arrow:backdrop:active, button.sidebar-button:backdrop:active, button.titlebutton:backdrop:active, notebook box > header > tabs > arrow:backdrop:checked, button.sidebar-button:backdrop:checked, button.titlebutton:backdrop:checked, notebook box > header > tabs > arrow:backdrop:active, button.titlebutton:backdrop:active, notebook box > header > tabs > arrow:backdrop:checked, button.titlebutton:backdrop:checked, button:backdrop.flat:active, button:backdrop.flat:checked, button:backdrop:active, button:backdrop:checked { border-color: #d5d0cc; background-image: image(#e4e4e0); box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: use HIG grey for bg_color - refresh with a light bg color, use the new color palette
2018-11-09 14:37:08 +00:00
notebook box > header > tabs > arrow:backdrop:active label, button.sidebar-button:backdrop:active label, button.titlebutton:backdrop:active label, notebook box > header > tabs > arrow:backdrop:active, button.sidebar-button:backdrop:active, button.titlebutton:backdrop:active, notebook box > header > tabs > arrow:backdrop:checked label, button.sidebar-button:backdrop:checked label, button.titlebutton:backdrop:checked label, notebook box > header > tabs > arrow:backdrop:checked, button.sidebar-button:backdrop:checked, button.titlebutton:backdrop:checked, notebook box > header > tabs > arrow:backdrop:active label, button.titlebutton:backdrop:active label, notebook box > header > tabs > arrow:backdrop:active, button.titlebutton:backdrop:active, notebook box > header > tabs > arrow:backdrop:checked label, button.titlebutton:backdrop:checked label, notebook box > header > tabs > arrow:backdrop:checked, button.titlebutton:backdrop:checked, button:backdrop.flat:active label, button:backdrop.flat:active, button:backdrop.flat:checked label, button:backdrop.flat:checked, button:backdrop:active label, button:backdrop:active, button:backdrop:checked label, button:backdrop:checked { color: #929595; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: sync with stable styling - fold over changes in teh stable brnch to get the same look fixes issue #1656
2019-02-06 12:46:00 +00:00
notebook box > header > tabs > arrow:backdrop:disabled, button.sidebar-button:backdrop:disabled, button.titlebutton:backdrop:disabled, notebook box > header > tabs > arrow:backdrop:disabled, button.titlebutton:backdrop:disabled, button:backdrop.flat:disabled, button:backdrop:disabled { border-color: #d5d0cc; background-image: image(#faf9f8); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: use HIG grey for bg_color - refresh with a light bg color, use the new color palette
2018-11-09 14:37:08 +00:00
notebook box > header > tabs > arrow:backdrop:disabled label, button.sidebar-button:backdrop:disabled label, button.titlebutton:backdrop:disabled label, notebook box > header > tabs > arrow:backdrop:disabled, button.sidebar-button:backdrop:disabled, button.titlebutton:backdrop:disabled, notebook box > header > tabs > arrow:backdrop:disabled label, button.titlebutton:backdrop:disabled label, notebook box > header > tabs > arrow:backdrop:disabled, button.titlebutton:backdrop:disabled, button:backdrop.flat:disabled label, button:backdrop.flat:disabled, button:backdrop:disabled label, button:backdrop:disabled { color: #d4cfca; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: sync with stable styling - fold over changes in teh stable brnch to get the same look fixes issue #1656
2019-02-06 12:46:00 +00:00
notebook box > header > tabs > arrow:backdrop:disabled:active, button.sidebar-button:backdrop:disabled:active, button.titlebutton:backdrop:disabled:active, notebook box > header > tabs > arrow:backdrop:disabled:checked, button.sidebar-button:backdrop:disabled:checked, button.titlebutton:backdrop:disabled:checked, notebook box > header > tabs > arrow:backdrop:disabled:active, button.titlebutton:backdrop:disabled:active, notebook box > header > tabs > arrow:backdrop:disabled:checked, button.titlebutton:backdrop:disabled:checked, button:backdrop.flat:disabled:active, button:backdrop.flat:disabled:checked, button:backdrop:disabled:active, button:backdrop:disabled:checked { border-color: #d5d0cc; background-image: image(#e4e4e0); box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: use HIG grey for bg_color - refresh with a light bg color, use the new color palette
2018-11-09 14:37:08 +00:00
notebook box > header > tabs > arrow:backdrop:disabled:active label, button.sidebar-button:backdrop:disabled:active label, button.titlebutton:backdrop:disabled:active label, notebook box > header > tabs > arrow:backdrop:disabled:checked label, button.sidebar-button:backdrop:disabled:checked label, button.titlebutton:backdrop:disabled:checked label, notebook box > header > tabs > arrow:backdrop:disabled:active label, button.titlebutton:backdrop:disabled:active label, notebook box > header > tabs > arrow:backdrop:disabled:checked label, button.titlebutton:backdrop:disabled:checked label, button:backdrop.flat:disabled:active label, button:backdrop.flat:disabled:checked label, button:backdrop:disabled:active label, button:backdrop:disabled:checked label { color: #d4cfca; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
adwaita: Fix notebook theming the header and the stack nodes are now inside a box node.
2017-05-11 20:08:19 +00:00
notebook box > header > tabs > arrow:backdrop, button.sidebar-button:backdrop, button.titlebutton:backdrop, notebook box > header > tabs > arrow:disabled, button.sidebar-button:disabled, button.titlebutton:disabled, notebook box > header > tabs > arrow:backdrop:disabled, button.sidebar-button:backdrop:disabled, button.titlebutton:backdrop:disabled, button.flat:backdrop, button.flat:disabled, button.flat:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: sync with stable styling - fold over changes in teh stable brnch to get the same look fixes issue #1656
2019-02-06 12:46:00 +00:00
notebook box > header > tabs > arrow:disabled, button.titlebutton:disabled, button:disabled { border-color: #cdc7c2; background-image: image(#faf9f8); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: use HIG grey for bg_color - refresh with a light bg color, use the new color palette
2018-11-09 14:37:08 +00:00
notebook box > header > tabs > arrow:disabled label, button.titlebutton:disabled label, notebook box > header > tabs > arrow:disabled, button.titlebutton:disabled, button:disabled label, button:disabled { color: #929595; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: sync with stable styling - fold over changes in teh stable brnch to get the same look fixes issue #1656
2019-02-06 12:46:00 +00:00
notebook box > header > tabs > arrow:disabled:active, button.titlebutton:disabled:active, notebook box > header > tabs > arrow:disabled:checked, button.titlebutton:disabled:checked, button:disabled:active, button:disabled:checked { border-color: #cdc7c2; background-image: image(#e4e4e0); box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: use HIG grey for bg_color - refresh with a light bg color, use the new color palette
2018-11-09 14:37:08 +00:00
notebook box > header > tabs > arrow:disabled:active label, button.titlebutton:disabled:active label, notebook box > header > tabs > arrow:disabled:active, button.titlebutton:disabled:active, notebook box > header > tabs > arrow:disabled:checked label, button.titlebutton:disabled:checked label, notebook box > header > tabs > arrow:disabled:checked, button.titlebutton:disabled:checked, button:disabled:active label, button:disabled:active, button:disabled:checked label, button:disabled:checked { color: #929595; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: sync with stable styling - fold over changes in teh stable brnch to get the same look fixes issue #1656
2019-02-06 12:46:00 +00:00
notebook box > header > tabs > arrow.image-button, button.image-button.titlebutton, button.image-button { min-width: 24px; padding-left: 5px; padding-right: 5px; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
adwaita: Fix notebook theming the header and the stack nodes are now inside a box node.
2017-05-11 20:08:19 +00:00
notebook box > header > tabs > arrow.text-button, button.text-button.titlebutton, button.text-button { padding-left: 16px; padding-right: 16px; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
adwaita: Fix notebook theming the header and the stack nodes are now inside a box node.
2017-05-11 20:08:19 +00:00
notebook box > header > tabs > arrow.text-button.image-button, button.text-button.image-button.titlebutton, button.text-button.image-button { padding-left: 8px; padding-right: 8px; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
adwaita: Fix notebook theming the header and the stack nodes are now inside a box node.
2017-05-11 20:08:19 +00:00
notebook box > header > tabs > arrow.text-button.image-button label, button.text-button.image-button.titlebutton label, button.text-button.image-button label { padding-left: 8px; padding-right: 8px; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
adwaita: Fix notebook theming the header and the stack nodes are now inside a box node.
2017-05-11 20:08:19 +00:00
combobox:drop(active) button.combo, notebook box > header > tabs > arrow:drop(active), button.titlebutton:drop(active), button:drop(active) { color: #4e9a06; border-color: #4e9a06; box-shadow: inset 0 0 0 1px #4e9a06; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: sync with stable styling - fold over changes in teh stable brnch to get the same look fixes issue #1656
2019-02-06 12:46:00 +00:00
row:selected button { border-color: #185fb4; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled), row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled) { color: #ffffff; border-color: transparent; }
row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled):backdrop, row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop { color: #fcfcfc; }
Adwaita: OSD set semi-opaque again - forgot the bling bling
2019-04-11 13:35:24 +00:00
button.osd { min-width: 26px; min-height: 32px; color: #eeeeec; border-radius: 5px; color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(53, 53, 53, 0.7)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); border: none; box-shadow: none; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: sync with stable styling - fold over changes in teh stable brnch to get the same look fixes issue #1656
2019-02-06 12:46:00 +00:00
button.osd.image-button { min-width: 34px; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: OSD set semi-opaque again - forgot the bling bling
2019-04-11 13:35:24 +00:00
button.osd:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(83, 83, 83, 0.7)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); border: none; box-shadow: none; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
button.osd:active, button.osd:checked { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(0, 0, 0, 0.7)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(238, 238, 236, 0.3); border: none; box-shadow: none; }
Adwaita: less purple OSD style - one of the bits that escaped the purple cast is the osd background color
2019-04-11 13:26:55 +00:00
button.osd:disabled:backdrop, button.osd:disabled { color: #919190; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(71, 71, 71, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; border: none; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: OSD set semi-opaque again - forgot the bling bling
2019-04-11 13:35:24 +00:00
button.osd:backdrop { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(53, 53, 53, 0.7)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; border: none; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: OSD set semi-opaque again - forgot the bling bling
2019-04-11 13:35:24 +00:00
.csd popover > contents.background.touch-selection button, .csd popover > contents.background.magnifier button, popover > contents.background.touch-selection button, popover > contents.background.magnifier button, .app-notification button, .app-notification.frame button, .osd button { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(53, 53, 53, 0.7)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: OSD set semi-opaque again - forgot the bling bling
2019-04-11 13:35:24 +00:00
.csd popover > contents.background.touch-selection button:hover, .csd popover > contents.background.magnifier button:hover, popover > contents.background.touch-selection button:hover, popover > contents.background.magnifier button:hover, .app-notification button:hover, .osd button:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(83, 83, 83, 0.7)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
popover: Add a contents node Remove the special case in gtkwidget.c where we didn't draw any css background/border for popovers. Instead, rely on themes to not style the popover node and add a contents gizmo that gets the actual css styling. We then requeste enough space for the popover to draw both the contents and the arrow on the side.
2017-07-08 10:04:44 +00:00
.csd popover > contents.background.touch-selection button:active:backdrop, .csd popover > contents.background.magnifier button:active:backdrop, popover > contents.background.touch-selection button:active:backdrop, popover > contents.background.magnifier button:active:backdrop, .app-notification button:active:backdrop, .csd popover > contents.background.touch-selection button:active, .csd popover > contents.background.magnifier button:active, popover > contents.background.touch-selection button:active, popover > contents.background.magnifier button:active, .app-notification button:active, .csd popover > contents.background.touch-selection button:checked:backdrop, .csd popover > contents.background.magnifier button:checked:backdrop, popover > contents.background.touch-selection button:checked:backdrop, popover > contents.background.magnifier button:checked:backdrop, .app-notification button:checked:backdrop, .csd popover > contents.background.touch-selection button:checked, .csd popover > contents.background.magnifier button:checked, popover > contents.background.touch-selection button:checked, popover > contents.background.magnifier button:checked, .app-notification button:checked, .osd button:active:backdrop, .osd button:active, .osd button:checked:backdrop, .osd button:checked { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(0, 0, 0, 0.7)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(238, 238, 236, 0.3); }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: less purple OSD style - one of the bits that escaped the purple cast is the osd background color
2019-04-11 13:26:55 +00:00
.csd popover > contents.background.touch-selection button:disabled:backdrop, .csd popover > contents.background.magnifier button:disabled:backdrop, popover > contents.background.touch-selection button:disabled:backdrop, popover > contents.background.magnifier button:disabled:backdrop, .app-notification button:disabled:backdrop, .csd popover > contents.background.touch-selection button:disabled, .csd popover > contents.background.magnifier button:disabled, popover > contents.background.touch-selection button:disabled, popover > contents.background.magnifier button:disabled, .app-notification button:disabled, .osd button:disabled:backdrop, .osd button:disabled { color: #919190; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(71, 71, 71, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: OSD set semi-opaque again - forgot the bling bling
2019-04-11 13:35:24 +00:00
.csd popover > contents.background.touch-selection button:backdrop, .csd popover > contents.background.magnifier button:backdrop, popover > contents.background.touch-selection button:backdrop, popover > contents.background.magnifier button:backdrop, .app-notification button:backdrop, .osd button:backdrop { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(53, 53, 53, 0.7)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
popover: Add a contents node Remove the special case in gtkwidget.c where we didn't draw any css background/border for popovers. Instead, rely on themes to not style the popover node and add a contents gizmo that gets the actual css styling. We then requeste enough space for the popover to draw both the contents and the arrow on the side.
2017-07-08 10:04:44 +00:00
.csd popover > contents.background.touch-selection button.flat, .csd popover > contents.background.magnifier button.flat, popover > contents.background.touch-selection button.flat, popover > contents.background.magnifier button.flat, .app-notification button.flat, .osd button.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; box-shadow: none; text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: OSD set semi-opaque again - forgot the bling bling
2019-04-11 13:35:24 +00:00
.csd popover > contents.background.touch-selection button.flat:hover, .csd popover > contents.background.magnifier button.flat:hover, popover > contents.background.touch-selection button.flat:hover, popover > contents.background.magnifier button.flat:hover, .app-notification button.flat:hover, .osd button.flat:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(83, 83, 83, 0.7)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: less purple OSD style - one of the bits that escaped the purple cast is the osd background color
2019-04-11 13:26:55 +00:00
.csd popover > contents.background.touch-selection button.flat:disabled, .csd popover > contents.background.magnifier button.flat:disabled, popover > contents.background.touch-selection button.flat:disabled, popover > contents.background.magnifier button.flat:disabled, .app-notification button.flat:disabled, .osd button.flat:disabled { color: #919190; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(71, 71, 71, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; background-image: none; border-color: transparent; box-shadow: none; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
popover: Add a contents node Remove the special case in gtkwidget.c where we didn't draw any css background/border for popovers. Instead, rely on themes to not style the popover node and add a contents gizmo that gets the actual css styling. We then requeste enough space for the popover to draw both the contents and the arrow on the side.
2017-07-08 10:04:44 +00:00
.csd popover > contents.background.touch-selection button.flat:backdrop, .csd popover > contents.background.magnifier button.flat:backdrop, popover > contents.background.touch-selection button.flat:backdrop, popover > contents.background.magnifier button.flat:backdrop, .app-notification button.flat:backdrop, .osd button.flat:backdrop { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
popover: Add a contents node Remove the special case in gtkwidget.c where we didn't draw any css background/border for popovers. Instead, rely on themes to not style the popover node and add a contents gizmo that gets the actual css styling. We then requeste enough space for the popover to draw both the contents and the arrow on the side.
2017-07-08 10:04:44 +00:00
.csd popover > contents.background.touch-selection button.flat:active, .csd popover > contents.background.magnifier button.flat:active, popover > contents.background.touch-selection button.flat:active, popover > contents.background.magnifier button.flat:active, .app-notification button.flat:active, .csd popover > contents.background.touch-selection button.flat:checked, .csd popover > contents.background.magnifier button.flat:checked, popover > contents.background.touch-selection button.flat:checked, popover > contents.background.magnifier button.flat:checked, .app-notification button.flat:checked, .osd button.flat:active, .osd button.flat:checked { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(0, 0, 0, 0.7)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(238, 238, 236, 0.3); }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: sync with stable styling - fold over changes in teh stable brnch to get the same look fixes issue #1656
2019-02-06 12:46:00 +00:00
button.suggested-action { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #1b6acb; border-bottom-color: #15539e; background-image: linear-gradient(to top, #2379e2 2px, #3584e4); text-shadow: 0 -1px rgba(0, 0, 0, 0.559216); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.559216); box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.07); }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: use new HIG colors - blue selection color, success & destructive colors updates - blueish tint for dark Addresses issue #1443
2018-11-05 15:10:50 +00:00
.selection-mode button.titlebutton, button.suggested-action.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #3584e4; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: sync with stable styling - fold over changes in teh stable brnch to get the same look fixes issue #1656
2019-02-06 12:46:00 +00:00
button.suggested-action:hover { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #1b6acb; border-bottom-color: #15539e; text-shadow: 0 -1px rgba(0, 0, 0, 0.511216); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.511216); box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.07); background-image: linear-gradient(to top, #3584e4, #3987e5 1px); }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: sync with stable styling - fold over changes in teh stable brnch to get the same look fixes issue #1656
2019-02-06 12:46:00 +00:00
button.suggested-action:active, button.suggested-action:checked { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #1b6acb; background-image: image(#1961b9); box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: use new HIG colors - blue selection color, success & destructive colors updates - blueish tint for dark Addresses issue #1443
2018-11-05 15:10:50 +00:00
.selection-mode button.titlebutton:backdrop, button.suggested-action:backdrop, button.suggested-action.flat:backdrop { border-color: #3584e4; background-image: image(#3584e4); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: use new HIG colors - blue selection color, success & destructive colors updates - blueish tint for dark Addresses issue #1443
2018-11-05 15:10:50 +00:00
.selection-mode button.titlebutton:backdrop label, .selection-mode button.titlebutton:backdrop, button.suggested-action:backdrop label, button.suggested-action:backdrop, button.suggested-action.flat:backdrop label, button.suggested-action.flat:backdrop { color: #d7e6fa; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: use new HIG colors - blue selection color, success & destructive colors updates - blueish tint for dark Addresses issue #1443
2018-11-05 15:10:50 +00:00
.selection-mode button.titlebutton:backdrop:active, .selection-mode button.titlebutton:backdrop:checked, button.suggested-action:backdrop:active, button.suggested-action:backdrop:checked, button.suggested-action.flat:backdrop:active, button.suggested-action.flat:backdrop:checked { border-color: #2f80e3; background-image: image(#2f80e3); box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: use new HIG colors - blue selection color, success & destructive colors updates - blueish tint for dark Addresses issue #1443
2018-11-05 15:10:50 +00:00
.selection-mode button.titlebutton:backdrop:active label, .selection-mode button.titlebutton:backdrop:active, .selection-mode button.titlebutton:backdrop:checked label, .selection-mode button.titlebutton:backdrop:checked, button.suggested-action:backdrop:active label, button.suggested-action:backdrop:active, button.suggested-action:backdrop:checked label, button.suggested-action:backdrop:checked, button.suggested-action.flat:backdrop:active label, button.suggested-action.flat:backdrop:active, button.suggested-action.flat:backdrop:checked label, button.suggested-action.flat:backdrop:checked { color: #d5e6f9; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: sync with stable styling - fold over changes in teh stable brnch to get the same look fixes issue #1656
2019-02-06 12:46:00 +00:00
.selection-mode button.titlebutton:backdrop:disabled, button.suggested-action:backdrop:disabled, button.suggested-action.flat:backdrop:disabled { border-color: #d5d0cc; background-image: image(#faf9f8); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: use HIG grey for bg_color - refresh with a light bg color, use the new color palette
2018-11-09 14:37:08 +00:00
.selection-mode button.titlebutton:backdrop:disabled label, .selection-mode button.titlebutton:backdrop:disabled, button.suggested-action:backdrop:disabled label, button.suggested-action:backdrop:disabled, button.suggested-action.flat:backdrop:disabled label, button.suggested-action.flat:backdrop:disabled { color: #d4cfca; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: use new HIG colors - blue selection color, success & destructive colors updates - blueish tint for dark Addresses issue #1443
2018-11-05 15:10:50 +00:00
.selection-mode button.titlebutton:backdrop:disabled:active, .selection-mode button.titlebutton:backdrop:disabled:checked, button.suggested-action:backdrop:disabled:active, button.suggested-action:backdrop:disabled:checked, button.suggested-action.flat:backdrop:disabled:active, button.suggested-action.flat:backdrop:disabled:checked { border-color: #2f80e3; background-image: image(#2f80e3); box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: use new HIG colors - blue selection color, success & destructive colors updates - blueish tint for dark Addresses issue #1443
2018-11-05 15:10:50 +00:00
.selection-mode button.titlebutton:backdrop:disabled:active label, .selection-mode button.titlebutton:backdrop:disabled:checked label, button.suggested-action:backdrop:disabled:active label, button.suggested-action:backdrop:disabled:checked label, button.suggested-action.flat:backdrop:disabled:active label, button.suggested-action.flat:backdrop:disabled:checked label { color: #78aced; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: use new HIG colors - blue selection color, success & destructive colors updates - blueish tint for dark Addresses issue #1443
2018-11-05 15:10:50 +00:00
.selection-mode button.titlebutton:backdrop, .selection-mode button.titlebutton:disabled, .selection-mode button.titlebutton:backdrop:disabled, 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: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: rgba(53, 132, 228, 0.8); }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: sync with stable styling - fold over changes in teh stable brnch to get the same look fixes issue #1656
2019-02-06 12:46:00 +00:00
button.suggested-action:disabled { border-color: #cdc7c2; background-image: image(#faf9f8); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: use HIG grey for bg_color - refresh with a light bg color, use the new color palette
2018-11-09 14:37:08 +00:00
button.suggested-action:disabled label, button.suggested-action:disabled { color: #929595; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: sync with stable styling - fold over changes in teh stable brnch to get the same look fixes issue #1656
2019-02-06 12:46:00 +00:00
button.suggested-action:disabled:active, button.suggested-action:disabled:checked { border-color: #1b6acb; background-image: image(#2f80e3); box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: use new HIG colors - blue selection color, success & destructive colors updates - blueish tint for dark Addresses issue #1443
2018-11-05 15:10:50 +00:00
button.suggested-action:disabled:active label, button.suggested-action:disabled:active, button.suggested-action:disabled:checked label, button.suggested-action:disabled:checked { color: #acccf4; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: use new HIG colors - blue selection color, success & destructive colors updates - blueish tint for dark Addresses issue #1443
2018-11-05 15:10:50 +00:00
.osd button.suggested-action { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(53, 132, 228, 0.5)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: use new HIG colors - blue selection color, success & destructive colors updates - blueish tint for dark Addresses issue #1443
2018-11-05 15:10:50 +00:00
.osd button.suggested-action:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(53, 132, 228, 0.7)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: use new HIG colors - blue selection color, success & destructive colors updates - blueish tint for dark Addresses issue #1443
2018-11-05 15:10:50 +00:00
.osd button.suggested-action:active:backdrop, .osd button.suggested-action:active, .osd button.suggested-action:checked:backdrop, .osd button.suggested-action:checked { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(#3584e4); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(238, 238, 236, 0.3); }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: less purple OSD style - one of the bits that escaped the purple cast is the osd background color
2019-04-11 13:26:55 +00:00
.osd button.suggested-action:disabled:backdrop, .osd button.suggested-action:disabled { color: #919190; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(71, 71, 71, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: use new HIG colors - blue selection color, success & destructive colors updates - blueish tint for dark Addresses issue #1443
2018-11-05 15:10:50 +00:00
.osd button.suggested-action:backdrop { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(53, 132, 228, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: sync with stable styling - fold over changes in teh stable brnch to get the same look fixes issue #1656
2019-02-06 12:46:00 +00:00
button.destructive-action { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #b2161d; border-bottom-color: #851015; background-image: linear-gradient(to top, #ce1921 2px, #e01b24); text-shadow: 0 -1px rgba(0, 0, 0, 0.606275); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.606275); box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px 2px rgba(0, 0, 0, 0.07); }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: use new HIG colors - blue selection color, success & destructive colors updates - blueish tint for dark Addresses issue #1443
2018-11-05 15:10:50 +00:00
button.destructive-action.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #e01b24; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: sync with stable styling - fold over changes in teh stable brnch to get the same look fixes issue #1656
2019-02-06 12:46:00 +00:00
button.destructive-action:hover { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #b2161d; border-bottom-color: #851015; text-shadow: 0 -1px rgba(0, 0, 0, 0.558275); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.558275); box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.07); background-image: linear-gradient(to top, #e01b24, #e41c26 1px); }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: sync with stable styling - fold over changes in teh stable brnch to get the same look fixes issue #1656
2019-02-06 12:46:00 +00:00
button.destructive-action:active, button.destructive-action:checked { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #b2161d; background-image: image(#a0131a); box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: use new HIG colors - blue selection color, success & destructive colors updates - blueish tint for dark Addresses issue #1443
2018-11-05 15:10:50 +00:00
button.destructive-action:backdrop, button.destructive-action.flat:backdrop { border-color: #e01b24; background-image: image(#e01b24); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: use new HIG colors - blue selection color, success & destructive colors updates - blueish tint for dark Addresses issue #1443
2018-11-05 15:10:50 +00:00
button.destructive-action:backdrop label, button.destructive-action:backdrop, button.destructive-action.flat:backdrop label, button.destructive-action.flat:backdrop { color: #f9d1d3; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: use new HIG colors - blue selection color, success & destructive colors updates - blueish tint for dark Addresses issue #1443
2018-11-05 15:10:50 +00:00
button.destructive-action:backdrop:active, button.destructive-action:backdrop:checked, button.destructive-action.flat:backdrop:active, button.destructive-action.flat:backdrop:checked { border-color: #dc1d27; background-image: image(#dc1d27); box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: use new HIG colors - blue selection color, success & destructive colors updates - blueish tint for dark Addresses issue #1443
2018-11-05 15:10:50 +00:00
button.destructive-action:backdrop:active label, button.destructive-action:backdrop:active, button.destructive-action:backdrop:checked label, button.destructive-action:backdrop:checked, button.destructive-action.flat:backdrop:active label, button.destructive-action.flat:backdrop:active, button.destructive-action.flat:backdrop:checked label, button.destructive-action.flat:backdrop:checked { color: #f8d2d4; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: sync with stable styling - fold over changes in teh stable brnch to get the same look fixes issue #1656
2019-02-06 12:46:00 +00:00
button.destructive-action:backdrop:disabled, button.destructive-action.flat:backdrop:disabled { border-color: #d5d0cc; background-image: image(#faf9f8); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: use HIG grey for bg_color - refresh with a light bg color, use the new color palette
2018-11-09 14:37:08 +00:00
button.destructive-action:backdrop:disabled label, button.destructive-action:backdrop:disabled, button.destructive-action.flat:backdrop:disabled label, button.destructive-action.flat:backdrop:disabled { color: #d4cfca; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: use new HIG colors - blue selection color, success & destructive colors updates - blueish tint for dark Addresses issue #1443
2018-11-05 15:10:50 +00:00
button.destructive-action:backdrop:disabled:active, button.destructive-action:backdrop:disabled:checked, button.destructive-action.flat:backdrop:disabled:active, button.destructive-action.flat:backdrop:disabled:checked { border-color: #dc1d27; background-image: image(#dc1d27); box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: use new HIG colors - blue selection color, success & destructive colors updates - blueish tint for dark Addresses issue #1443
2018-11-05 15:10:50 +00:00
button.destructive-action:backdrop:disabled:active label, button.destructive-action:backdrop:disabled:checked label, button.destructive-action.flat:backdrop:disabled:active label, button.destructive-action.flat:backdrop:disabled:checked label { color: #e86c72; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: use new HIG colors - blue selection color, success & destructive colors updates - blueish tint for dark Addresses issue #1443
2018-11-05 15:10:50 +00:00
button.destructive-action.flat:backdrop, button.destructive-action.flat:disabled, button.destructive-action.flat:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: rgba(224, 27, 36, 0.8); }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: sync with stable styling - fold over changes in teh stable brnch to get the same look fixes issue #1656
2019-02-06 12:46:00 +00:00
button.destructive-action:disabled { border-color: #cdc7c2; background-image: image(#faf9f8); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: use HIG grey for bg_color - refresh with a light bg color, use the new color palette
2018-11-09 14:37:08 +00:00
button.destructive-action:disabled label, button.destructive-action:disabled { color: #929595; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: sync with stable styling - fold over changes in teh stable brnch to get the same look fixes issue #1656
2019-02-06 12:46:00 +00:00
button.destructive-action:disabled:active, button.destructive-action:disabled:checked { border-color: #b2161d; background-image: image(#dc1d27); box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: use new HIG colors - blue selection color, success & destructive colors updates - blueish tint for dark Addresses issue #1443
2018-11-05 15:10:50 +00:00
button.destructive-action:disabled:active label, button.destructive-action:disabled:active, button.destructive-action:disabled:checked label, button.destructive-action:disabled:checked { color: #f1a5a8; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: use new HIG colors - blue selection color, success & destructive colors updates - blueish tint for dark Addresses issue #1443
2018-11-05 15:10:50 +00:00
.osd button.destructive-action { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(224, 27, 36, 0.5)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: use new HIG colors - blue selection color, success & destructive colors updates - blueish tint for dark Addresses issue #1443
2018-11-05 15:10:50 +00:00
.osd button.destructive-action:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(224, 27, 36, 0.7)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: use new HIG colors - blue selection color, success & destructive colors updates - blueish tint for dark Addresses issue #1443
2018-11-05 15:10:50 +00:00
.osd button.destructive-action:active:backdrop, .osd button.destructive-action:active, .osd button.destructive-action:checked:backdrop, .osd button.destructive-action:checked { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(#e01b24); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(238, 238, 236, 0.3); }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: less purple OSD style - one of the bits that escaped the purple cast is the osd background color
2019-04-11 13:26:55 +00:00
.osd button.destructive-action:disabled:backdrop, .osd button.destructive-action:disabled { color: #919190; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(71, 71, 71, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: use new HIG colors - blue selection color, success & destructive colors updates - blueish tint for dark Addresses issue #1443
2018-11-05 15:10:50 +00:00
.osd button.destructive-action:backdrop { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(224, 27, 36, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
.stack-switcher > button { outline-offset: -3px; }
.stack-switcher > button > label { padding-left: 6px; padding-right: 6px; }
.stack-switcher > button > image { padding-left: 6px; padding-right: 6px; padding-top: 3px; padding-bottom: 3px; }
.stack-switcher > button.text-button { padding-left: 10px; padding-right: 10px; }
.stack-switcher > button.image-button { padding-left: 2px; padding-right: 2px; }
.stack-switcher > button.needs-attention:active > label, .stack-switcher > button.needs-attention:active > image, .stack-switcher > button.needs-attention:checked > label, .stack-switcher > button.needs-attention:checked > image { animation: none; background-image: none; }
button.font separator, button.file separator { background-color: transparent; }
button.font > box > box > label { font-weight: bold; }
.primary-toolbar button { -gtk-icon-shadow: none; }
button.circular { border-radius: 9999px; -gtk-outline-radius: 9999px; background-origin: padding-box, border-box; background-clip: padding-box, border-box; }
button.circular label { padding: 0; }
Adwaita: sync with stable styling - fold over changes in teh stable brnch to get the same look fixes issue #1656
2019-02-06 12:46:00 +00:00
button.circular:not(.flat):not(:checked):not(:active):not(:disabled):not(:backdrop) { color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); border-color: #cdc7c2; border-bottom-color: #bfb8b1; background-image: linear-gradient(to top, #edebe9 2px, #f6f5f4); text-shadow: 0 1px rgba(255, 255, 255, 0.769231); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.07); background-image: linear-gradient(to top, #edebe9 2px, #f6f5f4), linear-gradient(to top, #bfb8b1 25%, #cdc7c2 50%); border-color: transparent; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: sync with stable styling - fold over changes in teh stable brnch to get the same look fixes issue #1656
2019-02-06 12:46:00 +00:00
button.circular:hover:not(:checked):not(:active):not(:disabled):not(:backdrop) { color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); border-color: #cdc7c2; border-bottom-color: #bfb8b1; text-shadow: 0 1px rgba(255, 255, 255, 0.769231); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.07); background-image: linear-gradient(to top, #f6f5f4, #f8f8f7 1px); background-image: linear-gradient(to top, #f6f5f4, #f8f8f7 1px), linear-gradient(to top, #bfb8b1 25%, #cdc7c2 50%); border-color: transparent; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: use new HIG colors - blue selection color, success & destructive colors updates - blueish tint for dark Addresses issue #1443
2018-11-05 15:10:50 +00:00
.stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image, stacksidebar row.needs-attention > label { animation: needs_attention 150ms ease-in; background-image: radial-gradient(farthest-side, #3584e4 96%, rgba(53, 132, 228, 0)), radial-gradient(farthest-side, rgba(255, 255, 255, 0.769231) 95%, rgba(255, 255, 255, 0)); background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; background-position: right 3px, right 4px; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
.stack-switcher > button.needs-attention > label:backdrop, .stack-switcher > button.needs-attention > image:backdrop, stacksidebar row.needs-attention > label:backdrop { background-size: 6px 6px, 0 0; }
.stack-switcher > button.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > image:dir(rtl), stacksidebar row.needs-attention > label:dir(rtl) { background-position: left 3px, left 4px; }
Adwaita: sync with stable styling - fold over changes in teh stable brnch to get the same look fixes issue #1656
2019-02-06 12:46:00 +00:00
.inline-toolbar toolbutton > button { color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); border-color: #cdc7c2; border-bottom-color: #bfb8b1; background-image: linear-gradient(to top, #edebe9 2px, #f6f5f4); text-shadow: 0 1px rgba(255, 255, 255, 0.769231); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.07); }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: sync with stable styling - fold over changes in teh stable brnch to get the same look fixes issue #1656
2019-02-06 12:46:00 +00:00
.inline-toolbar toolbutton > button:hover { color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); border-color: #cdc7c2; border-bottom-color: #bfb8b1; text-shadow: 0 1px rgba(255, 255, 255, 0.769231); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.07); background-image: linear-gradient(to top, #f6f5f4, #f8f8f7 1px); }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: sync with stable styling - fold over changes in teh stable brnch to get the same look fixes issue #1656
2019-02-06 12:46:00 +00:00
.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); border-color: #cdc7c2; background-image: image(#d6d1cd); box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: sync with stable styling - fold over changes in teh stable brnch to get the same look fixes issue #1656
2019-02-06 12:46:00 +00:00
.inline-toolbar toolbutton > button:disabled { border-color: #cdc7c2; background-image: image(#faf9f8); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: use HIG grey for bg_color - refresh with a light bg color, use the new color palette
2018-11-09 14:37:08 +00:00
.inline-toolbar toolbutton > button:disabled label, .inline-toolbar toolbutton > button:disabled { color: #929595; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: sync with stable styling - fold over changes in teh stable brnch to get the same look fixes issue #1656
2019-02-06 12:46:00 +00:00
.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { border-color: #cdc7c2; background-image: image(#e4e4e0); box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: use HIG grey for bg_color - refresh with a light bg color, use the new color palette
2018-11-09 14:37:08 +00:00
.inline-toolbar toolbutton > button:disabled:active label, .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked label, .inline-toolbar toolbutton > button:disabled:checked { color: #929595; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: sync with stable styling - fold over changes in teh stable brnch to get the same look fixes issue #1656
2019-02-06 12:46:00 +00:00
.inline-toolbar toolbutton > button:backdrop { border-color: #d5d0cc; background-image: image(#f6f5f4); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: use HIG grey for bg_color - refresh with a light bg color, use the new color palette
2018-11-09 14:37:08 +00:00
.inline-toolbar toolbutton > button:backdrop label, .inline-toolbar toolbutton > button:backdrop { color: #929595; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: sync with stable styling - fold over changes in teh stable brnch to get the same look fixes issue #1656
2019-02-06 12:46:00 +00:00
.inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked { border-color: #d5d0cc; background-image: image(#e4e4e0); box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: use HIG grey for bg_color - refresh with a light bg color, use the new color palette
2018-11-09 14:37:08 +00:00
.inline-toolbar toolbutton > button:backdrop:active label, .inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked label, .inline-toolbar toolbutton > button:backdrop:checked { color: #929595; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: sync with stable styling - fold over changes in teh stable brnch to get the same look fixes issue #1656
2019-02-06 12:46:00 +00:00
.inline-toolbar toolbutton > button:backdrop:disabled { border-color: #d5d0cc; background-image: image(#faf9f8); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: use HIG grey for bg_color - refresh with a light bg color, use the new color palette
2018-11-09 14:37:08 +00:00
.inline-toolbar toolbutton > button:backdrop:disabled label, .inline-toolbar toolbutton > button:backdrop:disabled { color: #d4cfca; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: sync with stable styling - fold over changes in teh stable brnch to get the same look fixes issue #1656
2019-02-06 12:46:00 +00:00
.inline-toolbar toolbutton > button:backdrop:disabled:active, .inline-toolbar toolbutton > button:backdrop:disabled:checked { border-color: #d5d0cc; background-image: image(#e4e4e0); box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: use HIG grey for bg_color - refresh with a light bg color, use the new color palette
2018-11-09 14:37:08 +00:00
.inline-toolbar toolbutton > button:backdrop:disabled:active label, .inline-toolbar toolbutton > button:backdrop:disabled:checked label { color: #d4cfca; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
themes: Fix and improve linked button style Instead of re-styling the border and radius of the linked buttons depending on the position (middle, first, last, or only child), just remove the border and radius in a specific direction when the button is `:not(:first-child)` and/or `:not(:last-child)`. This properly handles the style of linked buttons in all positions -- middle, first, last, and only child. Fixes #1294
2019-04-08 15:40:38 +00:00
.linked:not(.vertical) > spinbutton:dir(ltr):not(:first-child):not(.vertical), spinbutton.vertical .linked:not(.vertical) > text:dir(ltr):not(:first-child), .linked:not(.vertical) > entry:dir(ltr):not(:first-child), .inline-toolbar button:dir(ltr):not(:first-child), .linked:not(.vertical) > button:dir(ltr):not(:first-child), toolbar.inline-toolbar toolbutton:not(:first-child) > button.flat:dir(ltr), combobox.linked button:dir(ltr):nth-child(2), .linked:not(.vertical) > combobox:not(:first-child) > box > button.combo:dir(ltr), .linked:not(.vertical) > spinbutton:dir(rtl):not(:last-child):not(.vertical), spinbutton.vertical .linked:not(.vertical) > text:dir(rtl):not(:last-child), .linked:not(.vertical) > entry:dir(rtl):not(:last-child), .inline-toolbar button:dir(rtl):not(:last-child), .linked:not(.vertical) > button:dir(rtl):not(:last-child), toolbar.inline-toolbar toolbutton:not(:last-child) > button.flat:dir(rtl), .linked:not(.vertical) > combobox:not(:last-child) > box > button.combo:dir(rtl) { border-top-left-radius: 0; border-bottom-left-radius: 0; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
themes: Fix and improve linked button style Instead of re-styling the border and radius of the linked buttons depending on the position (middle, first, last, or only child), just remove the border and radius in a specific direction when the button is `:not(:first-child)` and/or `:not(:last-child)`. This properly handles the style of linked buttons in all positions -- middle, first, last, and only child. Fixes #1294
2019-04-08 15:40:38 +00:00
.linked:not(.vertical) > spinbutton:dir(ltr):not(:last-child):not(.vertical), spinbutton.vertical .linked:not(.vertical) > text:dir(ltr):not(:last-child), .linked:not(.vertical) > entry:dir(ltr):not(:last-child), .inline-toolbar button:dir(ltr):not(:last-child), .linked:not(.vertical) > button:dir(ltr):not(:last-child), toolbar.inline-toolbar toolbutton:not(:last-child) > button.flat:dir(ltr), .linked:not(.vertical) > combobox:not(:last-child) > box > button.combo:dir(ltr), .linked:not(.vertical) > spinbutton:dir(rtl):not(:first-child):not(.vertical), spinbutton.vertical .linked:not(.vertical) > text:dir(rtl):not(:first-child), .linked:not(.vertical) > entry:dir(rtl):not(:first-child), .inline-toolbar button:dir(rtl):not(:first-child), .linked:not(.vertical) > button:dir(rtl):not(:first-child), toolbar.inline-toolbar toolbutton:not(:first-child) > button.flat:dir(rtl), combobox.linked button:dir(rtl):nth-child(2), .linked:not(.vertical) > combobox:not(:first-child) > box > button.combo:dir(rtl) { border-right-style: none; border-top-right-radius: 0; border-bottom-right-radius: 0; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
themes: Fix and improve linked button style Instead of re-styling the border and radius of the linked buttons depending on the position (middle, first, last, or only child), just remove the border and radius in a specific direction when the button is `:not(:first-child)` and/or `:not(:last-child)`. This properly handles the style of linked buttons in all positions -- middle, first, last, and only child. Fixes #1294
2019-04-08 15:40:38 +00:00
.linked.vertical > spinbutton:not(:first-child):not(.vertical), spinbutton.vertical .linked.vertical > text:not(:first-child), .linked.vertical > entry:not(:first-child), .linked.vertical > button:not(:first-child), .linked.vertical > combobox:not(:first-child) > box > button.combo { border-top-left-radius: 0; border-top-right-radius: 0; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
themes: Fix and improve linked button style Instead of re-styling the border and radius of the linked buttons depending on the position (middle, first, last, or only child), just remove the border and radius in a specific direction when the button is `:not(:first-child)` and/or `:not(:last-child)`. This properly handles the style of linked buttons in all positions -- middle, first, last, and only child. Fixes #1294
2019-04-08 15:40:38 +00:00
.linked.vertical > spinbutton:not(:last-child):not(.vertical), spinbutton.vertical .linked.vertical > text:not(:last-child), .linked.vertical > entry:not(:last-child), .linked.vertical > button:not(:last-child), .linked.vertical > combobox:not(:last-child) > box > button.combo { border-bottom-style: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: list buttons - tone down buttons when inside lists Fixes issue #1473
2018-11-22 12:20:10 +00:00
modelbutton.flat, .menuitem.button.flat, modelbutton.flat:backdrop, modelbutton.flat:backdrop:hover, .menuitem.button.flat:backdrop, .menuitem.button.flat:backdrop:hover, list row button, button:link, button:visited, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, calendar.button, .scale-popup button:hover, .scale-popup button:backdrop:hover, .scale-popup button:backdrop:disabled, .scale-popup button:backdrop { background-color: transparent; background-image: none; border-color: transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; }
Adwaita: bring back the extra indirection Without this, we are missing the 'Adwaita' component in the path when resolving relative resources, and none of the assets are found.
2014-06-13 18:42:38 +00:00
/* menu buttons */
Adwaita: sync with stable styling - fold over changes in teh stable brnch to get the same look fixes issue #1656
2019-02-06 12:46:00 +00:00
modelbutton.flat, .menuitem.button.flat { min-height: 26px; padding-left: 5px; padding-right: 5px; border-radius: 5px; outline-offset: -2px; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: use HIG grey for bg_color - refresh with a light bg color, use the new color palette
2018-11-09 14:37:08 +00:00
modelbutton.flat:hover, .menuitem.button.flat:hover { background-color: white; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: Set minimum size for modelbutton arrows Otherwise the minimum size is 1×1.
2017-07-14 08:30:32 +00:00
modelbutton.flat arrow { background: none; min-width: 16px; min-height: 16px; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
modelbutton.flat arrow:hover { background: none; }
modelbutton.flat arrow.left { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); }
modelbutton.flat arrow.right { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
button.color { padding: 4px; }
button.color colorswatch:only-child { box-shadow: 0 1px rgba(255, 255, 255, 0.769231); }
button.color colorswatch:only-child, button.color colorswatch:only-child overlay { border-radius: 0; }
.osd button.color colorswatch:only-child { box-shadow: none; }
.osd button.color:disabled colorswatch:only-child, .osd button.color:backdrop colorswatch:only-child, .osd button.color:active colorswatch:only-child, .osd button.color:checked colorswatch:only-child, button.color:disabled colorswatch:only-child, button.color:backdrop colorswatch:only-child, button.color:active colorswatch:only-child, button.color:checked colorswatch:only-child { box-shadow: none; }
Adwaita: list buttons - tone down buttons when inside lists Fixes issue #1473
2018-11-22 12:20:10 +00:00
/* list buttons */
/* tone down as per new designs, see issue #1473 */
Adwaita: sync with stable styling - fold over changes in teh stable brnch to get the same look fixes issue #1656
2019-02-06 12:46:00 +00:00
list row button { border: 1px solid rgba(205, 199, 194, 0.5); }
Adwaita: list buttons - tone down buttons when inside lists Fixes issue #1473
2018-11-22 12:20:10 +00:00
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
/********* Links * */
Adwaita: use new HIG colors - blue selection color, success & destructive colors updates - blueish tint for dark Addresses issue #1443
2018-11-05 15:10:50 +00:00
button:link > label, button:visited > label, *:link, button:link, button:visited { color: #1b6acb; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: use new HIG colors - blue selection color, success & destructive colors updates - blueish tint for dark Addresses issue #1443
2018-11-05 15:10:50 +00:00
button:link > label:visited, button:visited > label:visited, *:link:visited, button:visited { color: #15539e; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: use new HIG colors - blue selection color, success & destructive colors updates - blueish tint for dark Addresses issue #1443
2018-11-05 15:10:50 +00:00
*:selected button:link > label:visited, *:selected button:visited > label:visited, *:selected *:link:visited, *:selected button:visited:link, *:selected button:visited { color: #aecef4; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: use new HIG colors - blue selection color, success & destructive colors updates - blueish tint for dark Addresses issue #1443
2018-11-05 15:10:50 +00:00
button:link > label:hover, button:visited > label:hover, *:link:hover, button:hover:link, button:hover:visited { color: #3584e4; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: use new HIG colors - blue selection color, success & destructive colors updates - blueish tint for dark Addresses issue #1443
2018-11-05 15:10:50 +00:00
*:selected button:link > label:hover, *:selected button:visited > label:hover, *:selected *:link:hover, *:selected button:hover:link, *:selected button:hover:visited { color: #ebf3fc; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: use new HIG colors - blue selection color, success & destructive colors updates - blueish tint for dark Addresses issue #1443
2018-11-05 15:10:50 +00:00
button:link > label:active, button:visited > label:active, *:link:active, button:active:link, button:active:visited { color: #1b6acb; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: use new HIG colors - blue selection color, success & destructive colors updates - blueish tint for dark Addresses issue #1443
2018-11-05 15:10:50 +00:00
*:selected button:link > label:active, *:selected button:visited > label:active, *:selected *:link:active, *:selected button:active:link, *:selected button:active:visited { color: #d7e6fa; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: define insensitive links - tone down the disabled/insensitive links. Fixes issue #1645
2019-02-27 11:10:56 +00:00
button:link > label:disabled, button:visited > label:disabled, button:link > label:disabled:backdrop, button:visited > label:disabled:backdrop, *:link:disabled, button:disabled:link, button:disabled:visited, *:link:disabled:backdrop, button:disabled:backdrop:link, button:disabled:backdrop:visited { color: rgba(115, 115, 115, 0.8); }
Adwaita: use new HIG colors - blue selection color, success & destructive colors updates - blueish tint for dark Addresses issue #1443
2018-11-05 15:10:50 +00:00
button:link > label:backdrop:backdrop:hover, button:visited > label:backdrop:backdrop:hover, button:link > label:backdrop:backdrop:hover:selected, button:visited > label:backdrop:backdrop:hover:selected, button:link > label:backdrop, button:visited > label:backdrop, *:link:backdrop:backdrop:hover, button:backdrop:backdrop:hover:link, button:backdrop:backdrop:hover:visited, *:link:backdrop:backdrop:hover:selected, button:backdrop:backdrop:hover:selected:link, button:backdrop:backdrop:hover:selected:visited, .selection-mode .titlebar:not(headerbar) .subtitle:backdrop:backdrop:hover:link, .selection-mode.titlebar:not(headerbar) .subtitle:backdrop:backdrop:hover:link, .selection-mode headerbar .subtitle:backdrop:backdrop:hover:link, headerbar.selection-mode .subtitle:backdrop:backdrop:hover:link, *:link:backdrop, button:backdrop:link, button:backdrop:visited { color: #3584e4; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: use new HIG colors - blue selection color, success & destructive colors updates - blueish tint for dark Addresses issue #1443
2018-11-05 15:10:50 +00:00
infobar.info *:link, infobar.info button:link, infobar.info button:visited, infobar.question *:link, infobar.question button:link, infobar.question button:visited, infobar.warning *:link, infobar.warning button:link, infobar.warning button:visited, infobar.error *:link, infobar.error button:link, infobar.error button:visited, button:link > label:selected, button:visited > label:selected, *:selected button:link > label, *:selected button:visited > label, *:link:selected, button:selected:link, button:selected:visited, .selection-mode .titlebar:not(headerbar) .subtitle:link, .selection-mode.titlebar:not(headerbar) .subtitle:link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, *:selected *:link, *:selected button:link, *:selected button:visited { color: #d7e6fa; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
button:link, button:visited { text-shadow: none; }
button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked { text-shadow: none; }
button:link > label, button:visited > label { text-decoration-line: underline; }
/***************** GtkSpinButton * */
spinbutton:not(.vertical) { padding: 0; }
Adwaita,HC: spinbutton selectors - spinbuttons use GtkText for the entry part - FIXME: vertical spinbuttons need the flat class dropped so we can extend the entry class easily
2019-02-20 13:08:44 +00:00
spinbutton:not(.vertical) text, .osd spinbutton:not(.vertical) text { min-width: 28px; margin: 0; background: none; background-color: transparent; border: none; border-radius: 0; box-shadow: none; padding: 6px; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita,HC: spinbutton selectors - spinbuttons use GtkText for the entry part - FIXME: vertical spinbuttons need the flat class dropped so we can extend the entry class easily
2019-02-20 13:08:44 +00:00
spinbutton:not(.vertical) text:backdrop:disabled { background-color: transparent; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: sync with stable styling - fold over changes in teh stable brnch to get the same look fixes issue #1656
2019-02-06 12:46:00 +00:00
spinbutton:not(.vertical) button { min-height: 16px; margin: 0; padding-bottom: 0; padding-top: 0; color: #43484a; background-image: none; border-style: none none none solid; border-color: rgba(205, 199, 194, 0.3); border-radius: 0; box-shadow: none; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
spinbutton:not(.vertical) button:dir(rtl) { border-style: none solid none none; }
spinbutton:not(.vertical) button:hover { color: #2e3436; background-color: rgba(46, 52, 54, 0.05); }
Adwaita: use HIG grey for bg_color - refresh with a light bg color, use the new color palette
2018-11-09 14:37:08 +00:00
spinbutton:not(.vertical) button:disabled { color: rgba(146, 149, 149, 0.3); background-color: transparent; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
spinbutton:not(.vertical) button:active { background-color: rgba(0, 0, 0, 0.1); box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.2); }
Adwaita: sync with stable styling - fold over changes in teh stable brnch to get the same look fixes issue #1656
2019-02-06 12:46:00 +00:00
spinbutton:not(.vertical) button:backdrop { color: #9d9f9f; background-color: transparent; border-color: rgba(213, 208, 204, 0.3); transition: 200ms ease-out; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: use HIG grey for bg_color - refresh with a light bg color, use the new color palette
2018-11-09 14:37:08 +00:00
spinbutton:not(.vertical) button:backdrop:disabled { color: rgba(212, 207, 202, 0.3); background-color: transparent; border-style: none none none solid; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
spinbutton:not(.vertical) button:backdrop:disabled:dir(rtl) { border-style: none solid none none; }
Adwaita: Replace spinbutton border-radii with variables Replace hardcoded border-radius values with $button_radius variable on spinbuttons.
2019-03-04 16:51:48 +00:00
spinbutton:not(.vertical) button:dir(ltr):last-child { border-radius: 0 5px 5px 0; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: Replace spinbutton border-radii with variables Replace hardcoded border-radius values with $button_radius variable on spinbuttons.
2019-03-04 16:51:48 +00:00
spinbutton:not(.vertical) button:dir(rtl):first-child { border-radius: 5px 0 0 5px; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
.osd spinbutton:not(.vertical) button { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #eeeeec; border-style: none none none solid; border-color: rgba(0, 0, 0, 0.4); border-radius: 0; box-shadow: none; -gtk-icon-shadow: 0 1px black; }
.osd spinbutton:not(.vertical) button:dir(rtl) { border-style: none solid none none; }
.osd spinbutton:not(.vertical) button:hover { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #eeeeec; border-color: rgba(0, 0, 0, 0.5); background-color: rgba(238, 238, 236, 0.1); -gtk-icon-shadow: 0 1px black; box-shadow: none; }
.osd spinbutton:not(.vertical) button:backdrop { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #eeeeec; border-color: rgba(0, 0, 0, 0.5); -gtk-icon-shadow: none; box-shadow: none; }
Adwaita: less purple OSD style - one of the bits that escaped the purple cast is the osd background color
2019-04-11 13:26:55 +00:00
.osd spinbutton:not(.vertical) button:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #919190; border-color: rgba(0, 0, 0, 0.5); -gtk-icon-shadow: none; box-shadow: none; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: Replace spinbutton border-radii with variables Replace hardcoded border-radius values with $button_radius variable on spinbuttons.
2019-03-04 16:51:48 +00:00
.osd spinbutton:not(.vertical) button:dir(ltr):last-child { border-radius: 0 5px 5px 0; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: Replace spinbutton border-radii with variables Replace hardcoded border-radius values with $button_radius variable on spinbuttons.
2019-03-04 16:51:48 +00:00
.osd spinbutton:not(.vertical) button:dir(rtl):first-child { border-radius: 5px 0 0 5px; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: use HIG grey for bg_color - refresh with a light bg color, use the new color palette
2018-11-09 14:37:08 +00:00
spinbutton.vertical:disabled { color: #929595; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: use HIG grey for bg_color - refresh with a light bg color, use the new color palette
2018-11-09 14:37:08 +00:00
spinbutton.vertical:backdrop:disabled { color: #d4cfca; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
spinbutton.vertical:drop(active) { border-color: transparent; box-shadow: none; }
Adwaita,HC: spinbutton selectors - spinbuttons use GtkText for the entry part - FIXME: vertical spinbuttons need the flat class dropped so we can extend the entry class easily
2019-02-20 13:08:44 +00:00
spinbutton.vertical text { min-height: 32px; min-width: 32px; padding: 0; border-radius: 0; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
spinbutton.vertical button { min-height: 32px; min-width: 32px; padding: 0; }
themes: Fix and improve linked button style Instead of re-styling the border and radius of the linked buttons depending on the position (middle, first, last, or only child), just remove the border and radius in a specific direction when the button is `:not(:first-child)` and/or `:not(:last-child)`. This properly handles the style of linked buttons in all positions -- middle, first, last, and only child. Fixes #1294
2019-04-08 15:40:38 +00:00
spinbutton.vertical button.up { border-bottom-style: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
themes: Fix and improve linked button style Instead of re-styling the border and radius of the linked buttons depending on the position (middle, first, last, or only child), just remove the border and radius in a specific direction when the button is `:not(:first-child)` and/or `:not(:last-child)`. This properly handles the style of linked buttons in all positions -- middle, first, last, and only child. Fixes #1294
2019-04-08 15:40:38 +00:00
spinbutton.vertical button.down { border-top-style: none; border-top-left-radius: 0; border-top-right-radius: 0; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: OSD set semi-opaque again - forgot the bling bling
2019-04-11 13:35:24 +00:00
.osd spinbutton.vertical button:first-child { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(53, 53, 53, 0.7)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: OSD set semi-opaque again - forgot the bling bling
2019-04-11 13:35:24 +00:00
.osd spinbutton.vertical button:first-child:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(83, 83, 83, 0.7)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
.osd spinbutton.vertical button:first-child:active { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(0, 0, 0, 0.7)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(238, 238, 236, 0.3); }
Adwaita: less purple OSD style - one of the bits that escaped the purple cast is the osd background color
2019-04-11 13:26:55 +00:00
.osd spinbutton.vertical button:first-child:disabled { color: #919190; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(71, 71, 71, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: OSD set semi-opaque again - forgot the bling bling
2019-04-11 13:35:24 +00:00
.osd spinbutton.vertical button:first-child:backdrop { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(53, 53, 53, 0.7)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
treeview spinbutton:not(.vertical) { min-height: 0; border-style: none; border-radius: 0; }
treeview spinbutton:not(.vertical) entry { min-height: 0; padding: 1px 2px; }
/************** ComboBoxes * */
combobox arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); min-height: 16px; min-width: 16px; }
combobox:drop(active) { box-shadow: none; }
/************ Toolbars * */
Adwaita: use HIG grey for bg_color - refresh with a light bg color, use the new color palette
2018-11-09 14:37:08 +00:00
toolbar, .inline-toolbar, .location-bar, searchbar > revealer > box { padding: 4px; background-color: #f6f5f4; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
toolbar { padding: 4px 3px 3px 4px; }
.osd toolbar { background-color: transparent; }
Adwaita: OSD set semi-opaque again - forgot the bling bling
2019-04-11 13:35:24 +00:00
toolbar.osd { padding: 13px; border: none; border-radius: 5px; background-color: rgba(53, 53, 53, 0.7); }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { border-radius: 0; }
toolbar.horizontal separator { margin: 0 7px 1px 6px; }
toolbar.vertical separator { margin: 6px 1px 7px 0; }
Adwaita: Regenerate CSS from SASS https://gitlab.gnome.org/GNOME/gtk/merge_requests/66 introduced spurious red/green fore/background. Also, the GtkVideo stuff didn't get regenerated in.
2018-03-22 20:58:31 +00:00
toolbar:not(.inline-toolbar):not(.osd) > *:not(.toggle):not(.popup) > * { margin-right: 1px; margin-bottom: 1px; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
.inline-toolbar { padding: 3px; border-width: 0 1px 1px; border-radius: 0 0 5px 5px; }
adwaita: Move searchbar style to box child This way, we avoid a 1px border at the bottom of the actual searchbar widget and move it instead to the child of a GtkRevealer. Since we can now use widgets with 0px height, we finally get rid of the 1px border that was drawn even if the searchbar child was hidden.
2018-02-16 20:19:04 +00:00
.location-bar { border-width: 0 0 1px; padding: 0px; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
adwaita: Move searchbar style to box child This way, we avoid a 1px border at the bottom of the actual searchbar widget and move it instead to the child of a GtkRevealer. Since we can now use widgets with 0px height, we finally get rid of the 1px border that was drawn even if the searchbar child was hidden.
2018-02-16 20:19:04 +00:00
searchbar { padding: 0px; }
searchbar: reorganize Avoid the ugly priv->tool_box==NULL check in ::add (and ::remove) by just not using template xml for this small class. Also, make sure the GtkBin child is properly set and implement remove to also properly remove it. Remove the manual widget margins and add some CSS for it. Also switch to simply using a GtkCenterBox.
2018-02-04 21:24:44 +00:00
adwaita: Move searchbar style to box child This way, we avoid a 1px border at the bottom of the actual searchbar widget and move it instead to the child of a GtkRevealer. Since we can now use widgets with 0px height, we finally get rid of the 1px border that was drawn even if the searchbar child was hidden.
2018-02-16 20:19:04 +00:00
searchbar > revealer > box { padding: 6px; border-width: 0 0 1px; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: sync with stable styling - fold over changes in teh stable brnch to get the same look fixes issue #1656
2019-02-06 12:46:00 +00:00
.inline-toolbar, .location-bar, searchbar > revealer > box { border-style: solid; border-color: #cdc7c2; background-color: #eae7e5; }
adwaita: Move searchbar style to box child This way, we avoid a 1px border at the bottom of the actual searchbar widget and move it instead to the child of a GtkRevealer. Since we can now use widgets with 0px height, we finally get rid of the 1px border that was drawn even if the searchbar child was hidden.
2018-02-16 20:19:04 +00:00
Adwaita: sync with stable styling - fold over changes in teh stable brnch to get the same look fixes issue #1656
2019-02-06 12:46:00 +00:00
.inline-toolbar:backdrop, .location-bar:backdrop, searchbar > revealer > box:backdrop { border-color: #d5d0cc; background-color: #eae8e6; box-shadow: none; transition: 200ms ease-out; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
/*************** Header bars * */
Adwaita: sync with stable styling - fold over changes in teh stable brnch to get the same look fixes issue #1656
2019-02-06 12:46:00 +00:00
.titlebar:not(headerbar), headerbar { padding: 0 6px; min-height: 46px; border-width: 0 0 1px; border-style: solid; border-color: #bfb8b1; border-radius: 0; background: #dfdcd8 linear-gradient(to top, #dad6d2, #e1dedb); box-shadow: inset 0 1px rgba(255, 255, 255, 0.8); /* Darken switchbuttons for headerbars. issue #1588 */ /* hide the close button separator */ }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: sync with stable styling - fold over changes in teh stable brnch to get the same look fixes issue #1656
2019-02-06 12:46:00 +00:00
.titlebar:backdrop:not(headerbar), headerbar:backdrop { border-color: #d5d0cc; background-color: #f6f5f4; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0.8); transition: 200ms ease-out; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
.titlebar:not(headerbar) .title, headerbar .title { padding-left: 12px; padding-right: 12px; font-weight: bold; }
.titlebar:not(headerbar) .subtitle, headerbar .subtitle { font-size: smaller; padding-left: 12px; padding-right: 12px; }
Adwaita: sync with stable styling - fold over changes in teh stable brnch to get the same look fixes issue #1656
2019-02-06 12:46:00 +00:00
.titlebar:not(headerbar) stackswitcher button:checked, .titlebar:not(headerbar) button.toggle:checked, headerbar stackswitcher button:checked, headerbar button.toggle:checked { background: image(#cfcac4); border-color: #c6bfb9; border-top-color: #bab3ab; }
.titlebar:not(headerbar) stackswitcher button:checked:backdrop, .titlebar:not(headerbar) button.toggle:checked:backdrop, headerbar stackswitcher button:checked:backdrop, headerbar button.toggle:checked:backdrop { border-color: #d5d0cc; background-image: image(#e4e4e0); box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
.titlebar:not(headerbar) stackswitcher button:checked:backdrop label, .titlebar:not(headerbar) stackswitcher button:checked:backdrop, .titlebar:not(headerbar) button.toggle:checked:backdrop label, .titlebar:not(headerbar) button.toggle:checked:backdrop, headerbar stackswitcher button:checked:backdrop label, headerbar stackswitcher button:checked:backdrop, headerbar button.toggle:checked:backdrop label, headerbar button.toggle:checked:backdrop { color: #929595; }
.selection-mode .titlebar:not(headerbar), .selection-mode.titlebar:not(headerbar), .selection-mode headerbar, headerbar.selection-mode { color: #ffffff; border-color: #185fb4; text-shadow: 0 -1px rgba(0, 0, 0, 0.5); background: #3584e4 linear-gradient(to top, #2c7fe3, #3987e5); box-shadow: inset 0 1px rgba(134, 181, 239, 0.9); }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: use new HIG colors - blue selection color, success & destructive colors updates - blueish tint for dark Addresses issue #1443
2018-11-05 15:10:50 +00:00
.selection-mode .titlebar:backdrop:not(headerbar), .selection-mode.titlebar:backdrop:not(headerbar), .selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { background-color: #3584e4; background-image: none; box-shadow: inset 0 1px rgba(154, 194, 242, 0.88); }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: sync with stable styling - fold over changes in teh stable brnch to get the same look fixes issue #1656
2019-02-06 12:46:00 +00:00
.selection-mode .titlebar:backdrop:not(headerbar) label, .selection-mode.titlebar:backdrop:not(headerbar) label, .selection-mode headerbar:backdrop label, headerbar.selection-mode:backdrop label { text-shadow: none; color: #ffffff; }
.selection-mode .titlebar:not(headerbar) button, .selection-mode.titlebar:not(headerbar) button, .selection-mode headerbar button, headerbar.selection-mode button { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #1b6acb; border-bottom-color: #15539e; background-image: linear-gradient(to top, #2379e2 2px, #3584e4); text-shadow: 0 -1px rgba(0, 0, 0, 0.559216); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.559216); box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.07); }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: Set selection mode to headerbars if it's on ancestors This allows to set the container of the headerbars in selection mode rather than having to set the mode to each element of the title bar.
2018-09-07 13:24:24 +00:00
.selection-mode .titlebar:not(headerbar) button.flat, .selection-mode.titlebar:not(headerbar) button.flat, .selection-mode headerbar button.flat, headerbar.selection-mode button.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: sync with stable styling - fold over changes in teh stable brnch to get the same look fixes issue #1656
2019-02-06 12:46:00 +00:00
.selection-mode .titlebar:not(headerbar) button:hover, .selection-mode.titlebar:not(headerbar) button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #1b6acb; border-bottom-color: #15539e; text-shadow: 0 -1px rgba(0, 0, 0, 0.511216); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.511216); box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.07); background-image: linear-gradient(to top, #3584e4, #3987e5 1px); }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: sync with stable styling - fold over changes in teh stable brnch to get the same look fixes issue #1656
2019-02-06 12:46:00 +00:00
.selection-mode .titlebar:not(headerbar) button:active, .selection-mode .titlebar:not(headerbar) button:checked, .selection-mode.titlebar:not(headerbar) button:active, .selection-mode.titlebar:not(headerbar) button:checked, .selection-mode headerbar button:active, .selection-mode headerbar button:checked, headerbar.selection-mode button:active, headerbar.selection-mode button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #1b6acb; background-image: image(#1961b9); box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: sync with stable styling - fold over changes in teh stable brnch to get the same look fixes issue #1656
2019-02-06 12:46:00 +00:00
.selection-mode .titlebar:not(headerbar) button:backdrop.flat, .selection-mode .titlebar:not(headerbar) button:backdrop, .selection-mode.titlebar:not(headerbar) button:backdrop.flat, .selection-mode.titlebar:not(headerbar) button:backdrop, .selection-mode headerbar button:backdrop.flat, .selection-mode headerbar button:backdrop, headerbar.selection-mode button:backdrop.flat, headerbar.selection-mode button:backdrop { border-color: #3584e4; background-image: image(#3584e4); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); -gtk-icon-filter: none; border-color: #185fb4; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: use new HIG colors - blue selection color, success & destructive colors updates - blueish tint for dark Addresses issue #1443
2018-11-05 15:10:50 +00:00
.selection-mode .titlebar:not(headerbar) button:backdrop.flat label, .selection-mode .titlebar:not(headerbar) button:backdrop.flat, .selection-mode .titlebar:not(headerbar) button:backdrop label, .selection-mode .titlebar:not(headerbar) button:backdrop, .selection-mode.titlebar:not(headerbar) button:backdrop.flat label, .selection-mode.titlebar:not(headerbar) button:backdrop.flat, .selection-mode.titlebar:not(headerbar) button:backdrop label, .selection-mode.titlebar:not(headerbar) button:backdrop, .selection-mode headerbar button:backdrop.flat label, .selection-mode headerbar button:backdrop.flat, .selection-mode headerbar button:backdrop label, .selection-mode headerbar button:backdrop, headerbar.selection-mode button:backdrop.flat label, headerbar.selection-mode button:backdrop.flat, headerbar.selection-mode button:backdrop label, headerbar.selection-mode button:backdrop { color: #d7e6fa; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: sync with stable styling - fold over changes in teh stable brnch to get the same look fixes issue #1656
2019-02-06 12:46:00 +00:00
.selection-mode .titlebar:not(headerbar) button:backdrop.flat:active, .selection-mode .titlebar:not(headerbar) button:backdrop.flat:checked, .selection-mode .titlebar:not(headerbar) button:backdrop:active, .selection-mode .titlebar:not(headerbar) button:backdrop:checked, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:active, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:active, .selection-mode.titlebar:not(headerbar) button:backdrop:checked, .selection-mode headerbar button:backdrop.flat:active, .selection-mode headerbar button:backdrop.flat:checked, .selection-mode headerbar button:backdrop:active, .selection-mode headerbar button:backdrop:checked, headerbar.selection-mode button:backdrop.flat:active, headerbar.selection-mode button:backdrop.flat:checked, headerbar.selection-mode button:backdrop:active, headerbar.selection-mode button:backdrop:checked { border-color: #2f80e3; background-image: image(#2f80e3); box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #185fb4; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: use new HIG colors - blue selection color, success & destructive colors updates - blueish tint for dark Addresses issue #1443
2018-11-05 15:10:50 +00:00
.selection-mode .titlebar:not(headerbar) button:backdrop.flat:active label, .selection-mode .titlebar:not(headerbar) button:backdrop.flat:active, .selection-mode .titlebar:not(headerbar) button:backdrop.flat:checked label, .selection-mode .titlebar:not(headerbar) button:backdrop.flat:checked, .selection-mode .titlebar:not(headerbar) button:backdrop:active label, .selection-mode .titlebar:not(headerbar) button:backdrop:active, .selection-mode .titlebar:not(headerbar) button:backdrop:checked label, .selection-mode .titlebar:not(headerbar) button:backdrop:checked, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:active label, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:active, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:checked label, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:active label, .selection-mode.titlebar:not(headerbar) button:backdrop:active, .selection-mode.titlebar:not(headerbar) button:backdrop:checked label, .selection-mode.titlebar:not(headerbar) button:backdrop:checked, .selection-mode headerbar button:backdrop.flat:active label, .selection-mode headerbar button:backdrop.flat:active, .selection-mode headerbar button:backdrop.flat:checked label, .selection-mode headerbar button:backdrop.flat:checked, .selection-mode headerbar button:backdrop:active label, .selection-mode headerbar button:backdrop:active, .selection-mode headerbar button:backdrop:checked label, .selection-mode headerbar button:backdrop:checked, headerbar.selection-mode button:backdrop.flat:active label, headerbar.selection-mode button:backdrop.flat:active, headerbar.selection-mode button:backdrop.flat:checked label, headerbar.selection-mode button:backdrop.flat:checked, headerbar.selection-mode button:backdrop:active label, headerbar.selection-mode button:backdrop:active, headerbar.selection-mode button:backdrop:checked label, headerbar.selection-mode button:backdrop:checked { color: #d5e6f9; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: sync with stable styling - fold over changes in teh stable brnch to get the same look fixes issue #1656
2019-02-06 12:46:00 +00:00
.selection-mode .titlebar:not(headerbar) button:backdrop.flat:disabled, .selection-mode .titlebar:not(headerbar) button:backdrop:disabled, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled, .selection-mode headerbar button:backdrop.flat:disabled, .selection-mode headerbar button:backdrop:disabled, headerbar.selection-mode button:backdrop.flat:disabled, headerbar.selection-mode button:backdrop:disabled { border-color: #5396e8; background-image: image(#5396e8); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #185fb4; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: use new HIG colors - blue selection color, success & destructive colors updates - blueish tint for dark Addresses issue #1443
2018-11-05 15:10:50 +00:00
.selection-mode .titlebar:not(headerbar) button:backdrop.flat:disabled label, .selection-mode .titlebar:not(headerbar) button:backdrop.flat:disabled, .selection-mode .titlebar:not(headerbar) button:backdrop:disabled label, .selection-mode .titlebar:not(headerbar) button:backdrop:disabled, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled label, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled label, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled, .selection-mode headerbar button:backdrop.flat:disabled label, .selection-mode headerbar button:backdrop.flat:disabled, .selection-mode headerbar button:backdrop:disabled label, .selection-mode headerbar button:backdrop:disabled, headerbar.selection-mode button:backdrop.flat:disabled label, headerbar.selection-mode button:backdrop.flat:disabled, headerbar.selection-mode button:backdrop:disabled label, headerbar.selection-mode button:backdrop:disabled { color: #8fbbf0; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: sync with stable styling - fold over changes in teh stable brnch to get the same look fixes issue #1656
2019-02-06 12:46:00 +00:00
.selection-mode .titlebar:not(headerbar) button:backdrop.flat:disabled:active, .selection-mode .titlebar:not(headerbar) button:backdrop.flat:disabled:checked, .selection-mode .titlebar:not(headerbar) button:backdrop:disabled:active, .selection-mode .titlebar:not(headerbar) button:backdrop:disabled:checked, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled:active, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:active, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:checked, .selection-mode headerbar button:backdrop.flat:disabled:active, .selection-mode headerbar button:backdrop.flat:disabled:checked, .selection-mode headerbar button:backdrop:disabled:active, .selection-mode headerbar button:backdrop:disabled:checked, headerbar.selection-mode button:backdrop.flat:disabled:active, headerbar.selection-mode button:backdrop.flat:disabled:checked, headerbar.selection-mode button:backdrop:disabled:active, headerbar.selection-mode button:backdrop:disabled:checked { border-color: #2f80e3; background-image: image(#2f80e3); box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #185fb4; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: use new HIG colors - blue selection color, success & destructive colors updates - blueish tint for dark Addresses issue #1443
2018-11-05 15:10:50 +00:00
.selection-mode .titlebar:not(headerbar) button:backdrop.flat:disabled:active label, .selection-mode .titlebar:not(headerbar) button:backdrop.flat:disabled:checked label, .selection-mode .titlebar:not(headerbar) button:backdrop:disabled:active label, .selection-mode .titlebar:not(headerbar) button:backdrop:disabled:checked label, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled:active label, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled:checked label, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:active label, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:checked label, .selection-mode headerbar button:backdrop.flat:disabled:active label, .selection-mode headerbar button:backdrop.flat:disabled:checked label, .selection-mode headerbar button:backdrop:disabled:active label, .selection-mode headerbar button:backdrop:disabled:checked label, headerbar.selection-mode button:backdrop.flat:disabled:active label, headerbar.selection-mode button:backdrop.flat:disabled:checked label, headerbar.selection-mode button:backdrop:disabled:active label, headerbar.selection-mode button:backdrop:disabled:checked label { color: #78aced; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: Set selection mode to headerbars if it's on ancestors This allows to set the container of the headerbars in selection mode rather than having to set the mode to each element of the title bar.
2018-09-07 13:24:24 +00:00
.selection-mode .titlebar:not(headerbar) button.flat:backdrop, .selection-mode .titlebar:not(headerbar) button.flat:disabled, .selection-mode .titlebar:not(headerbar) button.flat:backdrop:disabled, .selection-mode.titlebar:not(headerbar) button.flat:backdrop, .selection-mode.titlebar:not(headerbar) button.flat:disabled, .selection-mode.titlebar:not(headerbar) button.flat:backdrop:disabled, .selection-mode headerbar button.flat:backdrop, .selection-mode headerbar button.flat:disabled, .selection-mode headerbar button.flat:backdrop:disabled, headerbar.selection-mode button.flat:backdrop, headerbar.selection-mode button.flat:disabled, headerbar.selection-mode button.flat:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: sync with stable styling - fold over changes in teh stable brnch to get the same look fixes issue #1656
2019-02-06 12:46:00 +00:00
.selection-mode .titlebar:not(headerbar) button:disabled, .selection-mode.titlebar:not(headerbar) button:disabled, .selection-mode headerbar button:disabled, headerbar.selection-mode button:disabled { border-color: #1b6acb; background-image: image(#5396e8); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: use new HIG colors - blue selection color, success & destructive colors updates - blueish tint for dark Addresses issue #1443
2018-11-05 15:10:50 +00:00
.selection-mode .titlebar:not(headerbar) button:disabled label, .selection-mode .titlebar:not(headerbar) button:disabled, .selection-mode.titlebar:not(headerbar) button:disabled label, .selection-mode.titlebar:not(headerbar) button:disabled, .selection-mode headerbar button:disabled label, .selection-mode headerbar button:disabled, headerbar.selection-mode button:disabled label, headerbar.selection-mode button:disabled { color: #a9cbf4; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: sync with stable styling - fold over changes in teh stable brnch to get the same look fixes issue #1656
2019-02-06 12:46:00 +00:00
.selection-mode .titlebar:not(headerbar) button:disabled:active, .selection-mode .titlebar:not(headerbar) button:disabled:checked, .selection-mode.titlebar:not(headerbar) button:disabled:active, .selection-mode.titlebar:not(headerbar) button:disabled:checked, .selection-mode headerbar button:disabled:active, .selection-mode headerbar button:disabled:checked, headerbar.selection-mode button:disabled:active, headerbar.selection-mode button:disabled:checked { border-color: #1b6acb; background-image: image(#2f80e3); box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: use new HIG colors - blue selection color, success & destructive colors updates - blueish tint for dark Addresses issue #1443
2018-11-05 15:10:50 +00:00
.selection-mode .titlebar:not(headerbar) button:disabled:active label, .selection-mode .titlebar:not(headerbar) button:disabled:active, .selection-mode .titlebar:not(headerbar) button:disabled:checked label, .selection-mode .titlebar:not(headerbar) button:disabled:checked, .selection-mode.titlebar:not(headerbar) button:disabled:active label, .selection-mode.titlebar:not(headerbar) button:disabled:active, .selection-mode.titlebar:not(headerbar) button:disabled:checked label, .selection-mode.titlebar:not(headerbar) button:disabled:checked, .selection-mode headerbar button:disabled:active label, .selection-mode headerbar button:disabled:active, .selection-mode headerbar button:disabled:checked label, .selection-mode headerbar button:disabled:checked, headerbar.selection-mode button:disabled:active label, headerbar.selection-mode button:disabled:active, headerbar.selection-mode button:disabled:checked label, headerbar.selection-mode button:disabled:checked { color: #acccf4; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: sync with stable styling - fold over changes in teh stable brnch to get the same look fixes issue #1656
2019-02-06 12:46:00 +00:00
.selection-mode .titlebar:not(headerbar) button.suggested-action, .selection-mode.titlebar:not(headerbar) button.suggested-action, .selection-mode headerbar button.suggested-action, headerbar.selection-mode button.suggested-action { color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); border-color: #cdc7c2; border-bottom-color: #bfb8b1; background-image: linear-gradient(to top, #edebe9 2px, #f6f5f4); text-shadow: 0 1px rgba(255, 255, 255, 0.769231); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.07); border-color: #185fb4; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: sync with stable styling - fold over changes in teh stable brnch to get the same look fixes issue #1656
2019-02-06 12:46:00 +00:00
.selection-mode .titlebar:not(headerbar) button.suggested-action:hover, .selection-mode.titlebar:not(headerbar) button.suggested-action:hover, .selection-mode headerbar button.suggested-action:hover, headerbar.selection-mode button.suggested-action:hover { color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); border-color: #cdc7c2; border-bottom-color: #bfb8b1; text-shadow: 0 1px rgba(255, 255, 255, 0.769231); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.07); background-image: linear-gradient(to top, #f6f5f4, #f8f8f7 1px); border-color: #185fb4; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: sync with stable styling - fold over changes in teh stable brnch to get the same look fixes issue #1656
2019-02-06 12:46:00 +00:00
.selection-mode .titlebar:not(headerbar) button.suggested-action:active, .selection-mode.titlebar:not(headerbar) button.suggested-action:active, .selection-mode headerbar button.suggested-action:active, headerbar.selection-mode button.suggested-action:active { color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); border-color: #cdc7c2; background-image: image(#d6d1cd); box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; border-color: #185fb4; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: sync with stable styling - fold over changes in teh stable brnch to get the same look fixes issue #1656
2019-02-06 12:46:00 +00:00
.selection-mode .titlebar:not(headerbar) button.suggested-action:disabled, .selection-mode.titlebar:not(headerbar) button.suggested-action:disabled, .selection-mode headerbar button.suggested-action:disabled, headerbar.selection-mode button.suggested-action:disabled { border-color: #cdc7c2; background-image: image(#faf9f8); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #185fb4; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: use HIG grey for bg_color - refresh with a light bg color, use the new color palette
2018-11-09 14:37:08 +00:00
.selection-mode .titlebar:not(headerbar) button.suggested-action:disabled label, .selection-mode .titlebar:not(headerbar) button.suggested-action:disabled, .selection-mode.titlebar:not(headerbar) button.suggested-action:disabled label, .selection-mode.titlebar:not(headerbar) button.suggested-action:disabled, .selection-mode headerbar button.suggested-action:disabled label, .selection-mode headerbar button.suggested-action:disabled, headerbar.selection-mode button.suggested-action:disabled label, headerbar.selection-mode button.suggested-action:disabled { color: #929595; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: sync with stable styling - fold over changes in teh stable brnch to get the same look fixes issue #1656
2019-02-06 12:46:00 +00:00
.selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop, .selection-mode headerbar button.suggested-action:backdrop, headerbar.selection-mode button.suggested-action:backdrop { border-color: #d5d0cc; background-image: image(#f6f5f4); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #185fb4; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: use HIG grey for bg_color - refresh with a light bg color, use the new color palette
2018-11-09 14:37:08 +00:00
.selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop label, .selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop label, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop, .selection-mode headerbar button.suggested-action:backdrop label, .selection-mode headerbar button.suggested-action:backdrop, headerbar.selection-mode button.suggested-action:backdrop label, headerbar.selection-mode button.suggested-action:backdrop { color: #929595; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: sync with stable styling - fold over changes in teh stable brnch to get the same look fixes issue #1656
2019-02-06 12:46:00 +00:00
.selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop:disabled, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop:disabled, .selection-mode headerbar button.suggested-action:backdrop:disabled, headerbar.selection-mode button.suggested-action:backdrop:disabled { border-color: #d5d0cc; background-image: image(#faf9f8); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #185fb4; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: use HIG grey for bg_color - refresh with a light bg color, use the new color palette
2018-11-09 14:37:08 +00:00
.selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop:disabled label, .selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop:disabled, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop:disabled label, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop:disabled, .selection-mode headerbar button.suggested-action:backdrop:disabled label, .selection-mode headerbar button.suggested-action:backdrop:disabled, headerbar.selection-mode button.suggested-action:backdrop:disabled label, headerbar.selection-mode button.suggested-action:backdrop:disabled { color: #d4cfca; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: use new HIG colors - blue selection color, success & destructive colors updates - blueish tint for dark Addresses issue #1443
2018-11-05 15:10:50 +00:00
.selection-mode .titlebar:not(headerbar) .selection-menu:backdrop, .selection-mode .titlebar:not(headerbar) .selection-menu, .selection-mode.titlebar:not(headerbar) .selection-menu:backdrop, .selection-mode.titlebar:not(headerbar) .selection-menu, .selection-mode headerbar .selection-menu:backdrop, .selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu:backdrop, headerbar.selection-mode .selection-menu { border-color: rgba(53, 132, 228, 0); background-color: rgba(53, 132, 228, 0); background-image: none; box-shadow: none; padding-left: 10px; padding-right: 10px; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: Set selection mode to headerbars if it's on ancestors This allows to set the container of the headerbars in selection mode rather than having to set the mode to each element of the title bar.
2018-09-07 13:24:24 +00:00
.selection-mode .titlebar:not(headerbar) .selection-menu:backdrop .arrow, .selection-mode .titlebar:not(headerbar) .selection-menu .arrow, .selection-mode.titlebar:not(headerbar) .selection-menu:backdrop .arrow, .selection-mode.titlebar:not(headerbar) .selection-menu .arrow, .selection-mode headerbar .selection-menu:backdrop .arrow, .selection-mode headerbar .selection-menu .arrow, headerbar.selection-mode .selection-menu:backdrop .arrow, headerbar.selection-mode .selection-menu .arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); color: rgba(255, 255, 255, 0.5); -gtk-icon-shadow: none; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
window: Add individual CSS classes based on edge constraints The last touch on this patch series is making GtkWindow able to selectively adjust various UI details based on the different tiled edges. The main driver here is that we don't want to show shadows on edges that are constrained. This patch adds the necessary code to do that, while still maintaining compatibility with the old ways. https://bugzilla.gnome.org/show_bug.cgi?id=783669
2017-08-18 23:12:23 +00:00
.tiled .titlebar:backdrop:not(headerbar), .tiled .titlebar:not(headerbar), .tiled-top .titlebar:backdrop:not(headerbar), .tiled-top .titlebar:not(headerbar), .tiled-left .titlebar:backdrop:not(headerbar), .tiled-left .titlebar:not(headerbar), .tiled-right .titlebar:backdrop:not(headerbar), .tiled-right .titlebar:not(headerbar), .tiled-bottom .titlebar:backdrop:not(headerbar), .tiled-bottom .titlebar:not(headerbar), .maximized .titlebar:backdrop:not(headerbar), .maximized .titlebar:not(headerbar), .fullscreen .titlebar:backdrop:not(headerbar), .fullscreen .titlebar:not(headerbar), .tiled headerbar:backdrop, .tiled headerbar, .tiled-top headerbar:backdrop, .tiled-top headerbar, .tiled-left headerbar:backdrop, .tiled-left headerbar, .tiled-right headerbar:backdrop, .tiled-right headerbar, .tiled-bottom headerbar:backdrop, .tiled-bottom headerbar, .maximized headerbar:backdrop, .maximized headerbar, .fullscreen headerbar:backdrop, .fullscreen headerbar { border-radius: 0; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
.default-decoration.titlebar:not(headerbar), headerbar.default-decoration { min-height: 28px; padding: 4px; }
Adwaita: tone down infobars Fixes https://gitlab.gnome.org/GNOME/gtk/issues/1957
2019-06-17 17:52:32 +00:00
.default-decoration.titlebar:not(headerbar) button.titlebutton, .default-decoration.titlebar:not(headerbar) menubutton.titlebutton, headerbar.default-decoration button.titlebutton, headerbar.default-decoration menubutton.titlebutton { min-height: 26px; min-width: 26px; margin: 0; padding: 0; }
.default-decoration.titlebar:not(headerbar) menubutton.titlebutton button, headerbar.default-decoration menubutton.titlebutton button { min-height: 20px; min-width: 20px; margin: 0; padding: 4px; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: sync with stable styling - fold over changes in teh stable brnch to get the same look fixes issue #1656
2019-02-06 12:46:00 +00:00
.titlebar:not(headerbar) separator.titlebutton, headerbar separator.titlebutton { opacity: 0; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
.solid-csd .titlebar:backdrop:dir(rtl):not(headerbar), .solid-csd .titlebar:backdrop:dir(ltr):not(headerbar), .solid-csd .titlebar:dir(rtl):not(headerbar), .solid-csd .titlebar:dir(ltr):not(headerbar), .solid-csd headerbar:backdrop:dir(rtl), .solid-csd headerbar:backdrop:dir(ltr), .solid-csd headerbar:dir(rtl), .solid-csd headerbar:dir(ltr) { margin-left: -1px; margin-right: -1px; margin-top: -1px; border-radius: 0; box-shadow: none; }
Adwaita: Style separator.sidebar Let separators be declared as sidebars to have the same style as those drawn by GtkStackSidebar. This also let them handle the selection-mode class, whether they are assigned it or they descend from something in selection mode. Also drop setting the selection mode color for non-sidebar separators. This is convenient when building a custom sidebar using a GtkSeparator and to extend a sidebar to the title bar.
2018-09-07 10:32:36 +00:00
headerbar entry, headerbar spinbutton, headerbar separator:not(.sidebar), headerbar button { margin-top: 6px; margin-bottom: 6px; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: Adjust switch margins on headerbars Closes https://gitlab.gnome.org/GNOME/gtk/issues/1759
2019-03-19 14:59:05 +00:00
headerbar switch { margin-top: 10px; margin-bottom: 10px; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: Drop the background of nested headerbars This is needed to work around headerbar sliding animation issues without refactoring Adwaita's support of titlebars and headerbars as it may break applications. https://gitlab.gnome.org/GNOME/gtk/issues/1264
2018-09-07 11:04:59 +00:00
headerbar.titlebar headerbar:not(.titlebar) { background: none; box-shadow: none; }
window: Add individual CSS classes based on edge constraints The last touch on this patch series is making GtkWindow able to selectively adjust various UI details based on the different tiled edges. The main driver here is that we don't want to show shadows on edges that are constrained. This patch adds the necessary code to do that, while still maintaining compatibility with the old ways. https://bugzilla.gnome.org/show_bug.cgi?id=783669
2017-08-18 23:12:23 +00:00
.background:not(.tiled):not(.maximized):not(.solid-csd) .titlebar:backdrop, .background:not(.tiled):not(.maximized):not(.solid-csd) .titlebar, .background:not(.tiled-top):not(.maximized):not(.solid-csd) .titlebar:backdrop, .background:not(.tiled-top):not(.maximized):not(.solid-csd) .titlebar, .background:not(.tiled-left):not(.maximized):not(.solid-csd) .titlebar:backdrop, .background:not(.tiled-left):not(.maximized):not(.solid-csd) .titlebar, .background:not(.tiled-right):not(.maximized):not(.solid-csd) .titlebar:backdrop, .background:not(.tiled-right):not(.maximized):not(.solid-csd) .titlebar, .background:not(.tiled-bottom):not(.maximized):not(.solid-csd) .titlebar:backdrop, .background:not(.tiled-bottom):not(.maximized):not(.solid-csd) .titlebar { border-top-left-radius: 7px; border-top-right-radius: 7px; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: Add missing rule for fullscreen headerbar Another selector forces round corners for headerbars in a stack, and it has higher priority than the selector covering the non-stack case from commit 796f9b5bfb0f356b06515d25203e3bcd00c80687. Totem’s MainToolbar happens to be in a stack, and we should maintain symmetry here anyway. So, as window classes .maximized and .tiled are excluded from this other selector, the newly handled .fullscreen case must be excluded here also. https://bugzilla.gnome.org/show_bug.cgi?id=770513
2017-05-31 17:48:11 +00:00
window:not(.tiled):not(.maximized):not(.fullscreen):not(.solid-csd) separator:first-child + headerbar:backdrop, window:not(.tiled):not(.maximized):not(.fullscreen):not(.solid-csd) separator:first-child + headerbar, window:not(.tiled):not(.maximized):not(.fullscreen):not(.solid-csd) headerbar:first-child:backdrop, window:not(.tiled):not(.maximized):not(.fullscreen):not(.solid-csd) headerbar:first-child { border-top-left-radius: 7px; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: Add missing rule for fullscreen headerbar Another selector forces round corners for headerbars in a stack, and it has higher priority than the selector covering the non-stack case from commit 796f9b5bfb0f356b06515d25203e3bcd00c80687. Totem’s MainToolbar happens to be in a stack, and we should maintain symmetry here anyway. So, as window classes .maximized and .tiled are excluded from this other selector, the newly handled .fullscreen case must be excluded here also. https://bugzilla.gnome.org/show_bug.cgi?id=770513
2017-05-31 17:48:11 +00:00
window:not(.tiled):not(.maximized):not(.fullscreen):not(.solid-csd) headerbar:last-child:backdrop, window:not(.tiled):not(.maximized):not(.fullscreen):not(.solid-csd) headerbar:last-child { border-top-right-radius: 7px; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: Add missing rule for fullscreen headerbar Another selector forces round corners for headerbars in a stack, and it has higher priority than the selector covering the non-stack case from commit 796f9b5bfb0f356b06515d25203e3bcd00c80687. Totem’s MainToolbar happens to be in a stack, and we should maintain symmetry here anyway. So, as window classes .maximized and .tiled are excluded from this other selector, the newly handled .fullscreen case must be excluded here also. https://bugzilla.gnome.org/show_bug.cgi?id=770513
2017-05-31 17:48:11 +00:00
window:not(.tiled):not(.maximized):not(.fullscreen):not(.solid-csd) stack headerbar:first-child:backdrop, window:not(.tiled):not(.maximized):not(.fullscreen):not(.solid-csd) stack headerbar:first-child, window:not(.tiled):not(.maximized):not(.fullscreen):not(.solid-csd) stack headerbar:last-child:backdrop, window:not(.tiled):not(.maximized):not(.fullscreen):not(.solid-csd) stack headerbar:last-child { border-top-left-radius: 7px; border-top-right-radius: 7px; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
window.csd > .titlebar:not(headerbar) { padding: 0; background-color: transparent; background-image: none; border-style: none; border-color: transparent; box-shadow: none; }
Adwaita: sync with stable styling - fold over changes in teh stable brnch to get the same look fixes issue #1656
2019-02-06 12:46:00 +00:00
.titlebar:not(headerbar) separator { background-color: #cdc7c2; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Revert "Adwaita: GNOME 3.32" This reverts all GNOME 3.32 styling from master
2018-12-10 20:22:56 +00:00
window.devel headerbar.titlebar:not(.selection-mode) { background: transparent -gtk-icontheme("system-run-symbolic") 90% 0/256px 256px no-repeat, linear-gradient(to left, #e3eaf2 8%, #f6f5f4 25%); color: rgba(46, 52, 54, 0.1); }
themes: Fix linked elements in error state Add instructions for color of linked elements border which ajoints entry, when parent linked entry is in error state.
2018-09-01 14:52:19 +00:00
Adwaita: prevent devel styling break selection mode - Selection mode does not get the special devel styling. - removed teh last-child() selector for it doesn't work anymore. Better style all section of the headerbar than none. Proper fix pending. https://source.puri.sm/Librem5/libhandy/issues/57
2018-10-22 08:31:20 +00:00
window.devel headerbar.titlebar:not(.selection-mode) label { color: #2e3436; }
themes: Fix linked elements in error state Add instructions for color of linked elements border which ajoints entry, when parent linked entry is in error state.
2018-09-01 14:52:19 +00:00
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
/************ Pathbars * */
.path-bar button.text-button, .path-bar button.image-button, .path-bar button { padding-left: 4px; padding-right: 4px; }
.path-bar button.text-button.image-button label { padding-left: 0; padding-right: 0; }
.path-bar button.text-button.image-button label:last-child, .path-bar button label:last-child { padding-right: 8px; }
.path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { padding-left: 8px; }
.path-bar button image { padding-left: 4px; padding-right: 4px; }
.path-bar button.slider-button { padding-left: 0; padding-right: 0; }
/************** Tree Views * */
Adwaita: use HIG grey for bg_color - refresh with a light bg color, use the new color palette
2018-11-09 14:37:08 +00:00
treeview.view { border-left-color: #979a9b; border-top-color: #f6f5f4; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
treeview.view:selected:focus, treeview.view:selected { border-radius: 0; }
Adwaita: use new HIG colors - blue selection color, success & destructive colors updates - blueish tint for dark Addresses issue #1443
2018-11-05 15:10:50 +00:00
treeview.view:selected:backdrop, treeview.view:selected { border-left-color: #9ac2f2; border-top-color: rgba(46, 52, 54, 0.1); }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: use HIG grey for bg_color - refresh with a light bg color, use the new color palette
2018-11-09 14:37:08 +00:00
treeview.view:disabled { color: #929595; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: use new HIG colors - blue selection color, success & destructive colors updates - blueish tint for dark Addresses issue #1443
2018-11-05 15:10:50 +00:00
treeview.view:disabled:selected { color: #86b5ef; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: use new HIG colors - blue selection color, success & destructive colors updates - blueish tint for dark Addresses issue #1443
2018-11-05 15:10:50 +00:00
treeview.view:disabled:selected:backdrop { color: #71a8eb; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: use HIG grey for bg_color - refresh with a light bg color, use the new color palette
2018-11-09 14:37:08 +00:00
treeview.view:disabled:backdrop { color: #d4cfca; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: use HIG grey for bg_color - refresh with a light bg color, use the new color palette
2018-11-09 14:37:08 +00:00
treeview.view.separator { min-height: 2px; color: #f6f5f4; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: use HIG grey for bg_color - refresh with a light bg color, use the new color palette
2018-11-09 14:37:08 +00:00
treeview.view.separator:backdrop { color: rgba(246, 245, 244, 0.1); }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: use HIG grey for bg_color - refresh with a light bg color, use the new color palette
2018-11-09 14:37:08 +00:00
treeview.view:backdrop { border-left-color: #c4c5c5; border-top: #f6f5f4; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: sync with stable styling - fold over changes in teh stable brnch to get the same look fixes issue #1656
2019-02-06 12:46:00 +00:00
treeview.view:drop(active) { border-style: solid none; border-width: 1px; border-color: #185fb4; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
treeview.view:drop(active).after { border-top-style: none; }
treeview.view:drop(active).before { border-bottom-style: none; }
TreeView: Get expander size from CSS min-width|height Rather than hard-coding this, get it from CSS. That way, themes will be able to set larger expanders than a fixed 16 px, e.g. for accessibility. See https://gitlab.gnome.org/GNOME/gtk/merge_requests/167
2018-06-20 20:11:59 +00:00
treeview.view.expander { min-width: 16px; min-height: 16px; -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); color: #4d4d4d; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
treeview.view.expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); }
treeview.view.expander:hover { color: black; }
Adwaita: use new HIG colors - blue selection color, success & destructive colors updates - blueish tint for dark Addresses issue #1443
2018-11-05 15:10:50 +00:00
treeview.view.expander:selected { color: #c2daf7; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
treeview.view.expander:selected:hover { color: #ffffff; }
Adwaita: use new HIG colors - blue selection color, success & destructive colors updates - blueish tint for dark Addresses issue #1443
2018-11-05 15:10:50 +00:00
treeview.view.expander:selected:backdrop { color: #c1d8f5; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
treeview.view.expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
Adwaita: use HIG grey for bg_color - refresh with a light bg color, use the new color palette
2018-11-09 14:37:08 +00:00
treeview.view.expander:backdrop { color: #b2b4b4; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: update treeview progressbars - The style resembles Clearlooks and is way outdated. https://gitlab.gnome.org/GNOME/gtk/issues/1938
2019-06-07 08:46:42 +00:00
treeview.view.progressbar { color: #ffffff; background-color: #3584e4; background-image: image(#3584e4); box-shadow: none; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: update treeview progressbars - The style resembles Clearlooks and is way outdated. https://gitlab.gnome.org/GNOME/gtk/issues/1938
2019-06-07 08:46:42 +00:00
treeview.view.progressbar:selected:focus, treeview.view.progressbar:selected { color: #3584e4; background-image: image(#ffffff); }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: update treeview progressbars - The style resembles Clearlooks and is way outdated. https://gitlab.gnome.org/GNOME/gtk/issues/1938
2019-06-07 08:46:42 +00:00
treeview.view.progressbar:selected:focus:backdrop, treeview.view.progressbar:selected:backdrop { color: #3584e4; background-color: #fcfcfc; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
treeview.view.progressbar:backdrop { color: #fcfcfc; background-image: none; box-shadow: none; }
Adwaita: update treeview progressbars - The style resembles Clearlooks and is way outdated. https://gitlab.gnome.org/GNOME/gtk/issues/1938
2019-06-07 08:46:42 +00:00
treeview.view.trough { background-color: rgba(46, 52, 54, 0.1); }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: update treeview progressbars - The style resembles Clearlooks and is way outdated. https://gitlab.gnome.org/GNOME/gtk/issues/1938
2019-06-07 08:46:42 +00:00
treeview.view.trough:selected:focus, treeview.view.trough:selected { background-color: rgba(255, 255, 255, 0.3); }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
treeview.view header button { color: #979a9b; background-color: #ffffff; font-weight: bold; text-shadow: none; box-shadow: none; }
treeview.view header button:hover { color: #636769; box-shadow: none; transition: none; }
treeview.view header button:active { color: #2e3436; transition: none; }
Adwaita: use new HIG colors - blue selection color, success & destructive colors updates - blueish tint for dark Addresses issue #1443
2018-11-05 15:10:50 +00:00
treeview.view button.dnd:active, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd, treeview.view header.button.dnd:active, treeview.view header.button.dnd:selected, treeview.view header.button.dnd:hover, treeview.view header.button.dnd { padding: 0 6px; color: #ffffff; background-image: none; background-color: #3584e4; border-style: none; border-radius: 0; box-shadow: inset 0 0 0 1px #ffffff; text-shadow: none; transition: none; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: use new HIG colors - blue selection color, success & destructive colors updates - blueish tint for dark Addresses issue #1443
2018-11-05 15:10:50 +00:00
treeview.view acceleditor > label { background-color: #3584e4; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: use HIG grey for bg_color - refresh with a light bg color, use the new color palette
2018-11-09 14:37:08 +00:00
treeview.view header button, treeview.view header button:hover, treeview.view header button:active { padding: 0 6px; background-image: none; border-style: none solid solid none; border-color: #f6f5f4; border-radius: 0; text-shadow: none; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: use HIG grey for bg_color - refresh with a light bg color, use the new color palette
2018-11-09 14:37:08 +00:00
treeview.view header button:disabled { border-color: #f6f5f4; background-image: none; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: use HIG grey for bg_color - refresh with a light bg color, use the new color palette
2018-11-09 14:37:08 +00:00
treeview.view header button:backdrop { color: #c4c5c5; border-color: #f6f5f4; border-style: none solid solid none; background-image: none; background-color: #fcfcfc; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: use HIG grey for bg_color - refresh with a light bg color, use the new color palette
2018-11-09 14:37:08 +00:00
treeview.view header button:backdrop:disabled { border-color: #f6f5f4; background-image: none; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: Avoid accindental border on last treeview header The :last-child selector supposed to reset the border was overridden by the :hover selector. This is fixed by moving the :last-child selector after the overriding one. Thanks to Sebastian Keller for spotting. Fixes https://bugzilla.gnome.org/show_bug.cgi?id=779078.
2017-05-17 16:09:59 +00:00
treeview.view header button:last-child:backdrop, treeview.view header button:last-child { border-right-style: none; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
/********* Menus * */
adwaita: Remove style properties They don't exist anymore.
2017-06-18 10:52:20 +00:00
menubar, .menubar { padding: 0px; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1); }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: use HIG grey for bg_color - refresh with a light bg color, use the new color palette
2018-11-09 14:37:08 +00:00
menubar:backdrop, .menubar:backdrop { background-color: #f6f5f4; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: update treeview progressbars - The style resembles Clearlooks and is way outdated. https://gitlab.gnome.org/GNOME/gtk/issues/1938
2019-06-07 08:46:42 +00:00
menubar > box > menuitem, .menubar > box > menuitem { min-height: 16px; padding: 4px 8px; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: update treeview progressbars - The style resembles Clearlooks and is way outdated. https://gitlab.gnome.org/GNOME/gtk/issues/1938
2019-06-07 08:46:42 +00:00
menubar > box > menuitem menu, .menubar > box > menuitem menu { border-radius: 0; padding: 0; }
Adwaita: sync with stable styling - fold over changes in teh stable brnch to get the same look fixes issue #1656
2019-02-06 12:46:00 +00:00
Adwaita: update treeview progressbars - The style resembles Clearlooks and is way outdated. https://gitlab.gnome.org/GNOME/gtk/issues/1938
2019-06-07 08:46:42 +00:00
menubar > box > menuitem menu menu, .menubar > box > menuitem menu menu { border-radius: 0; padding: 0; }
Adwaita: sync with stable styling - fold over changes in teh stable brnch to get the same look fixes issue #1656
2019-02-06 12:46:00 +00:00
Adwaita: update treeview progressbars - The style resembles Clearlooks and is way outdated. https://gitlab.gnome.org/GNOME/gtk/issues/1938
2019-06-07 08:46:42 +00:00
menubar > box > menuitem:hover, .menubar > box > menuitem:hover { box-shadow: inset 0 -3px #3584e4; color: #1b6acb; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: update treeview progressbars - The style resembles Clearlooks and is way outdated. https://gitlab.gnome.org/GNOME/gtk/issues/1938
2019-06-07 08:46:42 +00:00
menubar > box > menuitem:disabled, .menubar > box > menuitem:disabled { color: #929595; box-shadow: none; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: sync with stable styling - fold over changes in teh stable brnch to get the same look fixes issue #1656
2019-02-06 12:46:00 +00:00
menubar .csd.popup decoration, .menubar .csd.popup decoration { border-radius: 0; }
Adwaita: menu border-radius fix from gtk3 - avoid painting over the rounded corners with background
2019-02-06 13:34:55 +00:00
.background.popup { background-color: transparent; }
Adwaita: Don't round the non-csd menu corners Otherwise, the menu will have ugly black corners. See https://gitlab.gnome.org/GNOME/gtk/issues/1661
2019-05-12 08:40:47 +00:00
menu, .menu, .context-menu { padding: 4px 0px; background-color: #ffffff; border: 1px solid #cdc7c2; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: Don't round the non-csd menu corners Otherwise, the menu will have ugly black corners. See https://gitlab.gnome.org/GNOME/gtk/issues/1661
2019-05-12 08:40:47 +00:00
.csd menu, .csd .menu, .csd .context-menu { border: none; border-radius: 5px; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
menu:backdrop, .menu:backdrop, .context-menu:backdrop { background-color: #fcfcfc; }
menu menuitem, .menu menuitem, .context-menu menuitem { min-height: 16px; min-width: 40px; padding: 4px 6px; text-shadow: none; }
Adwaita: use new HIG colors - blue selection color, success & destructive colors updates - blueish tint for dark Addresses issue #1443
2018-11-05 15:10:50 +00:00
menu menuitem:hover, .menu menuitem:hover, .context-menu menuitem:hover { color: #ffffff; background-color: #3584e4; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: use HIG grey for bg_color - refresh with a light bg color, use the new color palette
2018-11-09 14:37:08 +00:00
menu menuitem:disabled, .menu menuitem:disabled, .context-menu menuitem:disabled { color: #929595; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: use HIG grey for bg_color - refresh with a light bg color, use the new color palette
2018-11-09 14:37:08 +00:00
menu menuitem:disabled:backdrop, .menu menuitem:disabled:backdrop, .context-menu menuitem:disabled:backdrop { color: #d4cfca; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: use HIG grey for bg_color - refresh with a light bg color, use the new color palette
2018-11-09 14:37:08 +00:00
menu menuitem:backdrop, menu menuitem:backdrop:hover, .menu menuitem:backdrop, .menu menuitem:backdrop:hover, .context-menu menuitem:backdrop, .context-menu menuitem:backdrop:hover { color: #929595; background-color: transparent; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
menu menuitem arrow, .menu menuitem arrow, .context-menu menuitem arrow { min-height: 16px; min-width: 16px; }
menu menuitem arrow:dir(ltr), .menu menuitem arrow:dir(ltr), .context-menu menuitem arrow:dir(ltr) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); margin-left: 10px; }
menu menuitem arrow:dir(rtl), .menu menuitem arrow:dir(rtl), .context-menu menuitem arrow:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); margin-right: 10px; }
menu menuitem label:dir(rtl), menu menuitem label:dir(ltr), .menu menuitem label:dir(rtl), .menu menuitem label:dir(ltr), .context-menu menuitem label:dir(rtl), .context-menu menuitem label:dir(ltr) { color: inherit; }
menu > arrow, .menu > arrow, .context-menu > arrow { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; min-height: 16px; min-width: 16px; padding: 4px; background-color: #ffffff; border-radius: 0; }
Adwaita: sync with stable styling - fold over changes in teh stable brnch to get the same look fixes issue #1656
2019-02-06 12:46:00 +00:00
menu > arrow.top, .menu > arrow.top, .context-menu > arrow.top { margin-top: -6px; border-bottom: 1px solid #eaebeb; border-top-right-radius: 5px; border-top-left-radius: 5px; -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: sync with stable styling - fold over changes in teh stable brnch to get the same look fixes issue #1656
2019-02-06 12:46:00 +00:00
menu > arrow.bottom, .menu > arrow.bottom, .context-menu > arrow.bottom { margin-bottom: -6px; border-top: 1px solid #eaebeb; border-top-right-radius: 5px; border-top-left-radius: 5px; -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
menu > arrow:hover, .menu > arrow:hover, .context-menu > arrow:hover { background-color: #eaebeb; }
menu > arrow:backdrop, .menu > arrow:backdrop, .context-menu > arrow:backdrop { background-color: #fcfcfc; }
menu > arrow:disabled, .menu > arrow:disabled, .context-menu > arrow:disabled { color: transparent; background-color: transparent; border-color: transparent; }
menuitem accelerator { color: alpha(currentColor,0.55); }
menuitem check, menuitem radio { min-height: 16px; min-width: 16px; }
menuitem check:dir(ltr), menuitem radio:dir(ltr) { margin-right: 7px; }
menuitem check:dir(rtl), menuitem radio:dir(rtl) { margin-left: 7px; }
/*************** Popovers * */
popover: Bring back the beak Bring back the code that draws an arrow.
2019-05-05 23:53:02 +00:00
popover.background { background-color: transparent; padding: 0px; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
popover: Bring back the beak Bring back the code that draws an arrow.
2019-05-05 23:53:02 +00:00
popover.menu > arrow, popover > arrow { background-color: #f6f5f4; border: 1px solid #cdc7c2; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
popover: Bring back the beak Bring back the code that draws an arrow.
2019-05-05 23:53:02 +00:00
popover > contents { padding: 8px; background-color: #f6f5f4; border: 1px solid #cdc7c2; margin: 0px; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: sync with stable styling - fold over changes in teh stable brnch to get the same look fixes issue #1656
2019-02-06 12:46:00 +00:00
popover > contents.background { border-radius: 9px; background-color: #f6f5f4; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: sync with stable styling - fold over changes in teh stable brnch to get the same look fixes issue #1656
2019-02-06 12:46:00 +00:00
.csd popover > contents.background, popover > contents.background { border: 1px solid #cdc7c2; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: use HIG grey for bg_color - refresh with a light bg color, use the new color palette
2018-11-09 14:37:08 +00:00
popover > contents.background:backdrop { background-color: #f6f5f4; box-shadow: none; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
popover: Add a contents node Remove the special case in gtkwidget.c where we didn't draw any css background/border for popovers. Instead, rely on themes to not style the popover node and add a contents gizmo that gets the actual css styling. We then requeste enough space for the popover to draw both the contents and the arrow on the side.
2017-07-08 10:04:44 +00:00
popover > contents.background > list, popover > contents.background > .view, popover > contents.background > iconview, popover > contents.background > toolbar { border-style: none; background-color: transparent; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
popover: Add a contents node Remove the special case in gtkwidget.c where we didn't draw any css background/border for popovers. Instead, rely on themes to not style the popover node and add a contents gizmo that gets the actual css styling. We then requeste enough space for the popover to draw both the contents and the arrow on the side.
2017-07-08 10:04:44 +00:00
.csd popover > contents.background.touch-selection, .csd popover > contents.background.magnifier, popover > contents.background.touch-selection, popover > contents.background.magnifier { border: 1px solid rgba(255, 255, 255, 0.1); }
popover > contents.background separator { margin: 3px; }
popover > contents.background list separator { margin: 0px; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
/************* Notebooks * */
Adwaita: sync with stable styling - fold over changes in teh stable brnch to get the same look fixes issue #1656
2019-02-06 12:46:00 +00:00
notebook box > header { padding: 1px; border-color: #cdc7c2; border-width: 1px; background-color: #e1dedb; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: sync with stable styling - fold over changes in teh stable brnch to get the same look fixes issue #1656
2019-02-06 12:46:00 +00:00
notebook box > header:backdrop { border-color: #d5d0cc; background-color: #eae8e6; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
adwaita: Fix notebook theming the header and the stack nodes are now inside a box node.
2017-05-11 20:08:19 +00:00
notebook box > header tabs { margin: -1px; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
adwaita: Fix notebook theming the header and the stack nodes are now inside a box node.
2017-05-11 20:08:19 +00:00
notebook box > header.top { border-bottom-style: solid; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
adwaita: Fix notebook theming the header and the stack nodes are now inside a box node.
2017-05-11 20:08:19 +00:00
notebook box > header.top > tabs { margin-bottom: -2px; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: sync with stable styling - fold over changes in teh stable brnch to get the same look fixes issue #1656
2019-02-06 12:46:00 +00:00
notebook box > header.top > tabs > tab:hover { box-shadow: inset 0 -3px #cdc7c2; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
adwaita: Fix notebook theming the header and the stack nodes are now inside a box node.
2017-05-11 20:08:19 +00:00
notebook box > header.top > tabs > tab:backdrop { box-shadow: none; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: use new HIG colors - blue selection color, success & destructive colors updates - blueish tint for dark Addresses issue #1443
2018-11-05 15:10:50 +00:00
notebook box > header.top > tabs > tab:checked { box-shadow: inset 0 -3px #3584e4; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
adwaita: Fix notebook theming the header and the stack nodes are now inside a box node.
2017-05-11 20:08:19 +00:00
notebook box > header.bottom { border-top-style: solid; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
adwaita: Fix notebook theming the header and the stack nodes are now inside a box node.
2017-05-11 20:08:19 +00:00
notebook box > header.bottom > tabs { margin-top: -2px; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: sync with stable styling - fold over changes in teh stable brnch to get the same look fixes issue #1656
2019-02-06 12:46:00 +00:00
notebook box > header.bottom > tabs > tab:hover { box-shadow: inset 0 3px #cdc7c2; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
adwaita: Fix notebook theming the header and the stack nodes are now inside a box node.
2017-05-11 20:08:19 +00:00
notebook box > header.bottom > tabs > tab:backdrop { box-shadow: none; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: use new HIG colors - blue selection color, success & destructive colors updates - blueish tint for dark Addresses issue #1443
2018-11-05 15:10:50 +00:00
notebook box > header.bottom > tabs > tab:checked { box-shadow: inset 0 3px #3584e4; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
adwaita: Fix notebook theming the header and the stack nodes are now inside a box node.
2017-05-11 20:08:19 +00:00
notebook box > header.left { border-right-style: solid; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
adwaita: Fix notebook theming the header and the stack nodes are now inside a box node.
2017-05-11 20:08:19 +00:00
notebook box > header.left > tabs { margin-right: -2px; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: sync with stable styling - fold over changes in teh stable brnch to get the same look fixes issue #1656
2019-02-06 12:46:00 +00:00
notebook box > header.left > tabs > tab:hover { box-shadow: inset -3px 0 #cdc7c2; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
adwaita: Fix notebook theming the header and the stack nodes are now inside a box node.
2017-05-11 20:08:19 +00:00
notebook box > header.left > tabs > tab:backdrop { box-shadow: none; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: use new HIG colors - blue selection color, success & destructive colors updates - blueish tint for dark Addresses issue #1443
2018-11-05 15:10:50 +00:00
notebook box > header.left > tabs > tab:checked { box-shadow: inset -3px 0 #3584e4; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
adwaita: Fix notebook theming the header and the stack nodes are now inside a box node.
2017-05-11 20:08:19 +00:00
notebook box > header.right { border-left-style: solid; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
adwaita: Fix notebook theming the header and the stack nodes are now inside a box node.
2017-05-11 20:08:19 +00:00
notebook box > header.right > tabs { margin-left: -2px; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: sync with stable styling - fold over changes in teh stable brnch to get the same look fixes issue #1656
2019-02-06 12:46:00 +00:00
notebook box > header.right > tabs > tab:hover { box-shadow: inset 3px 0 #cdc7c2; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
adwaita: Fix notebook theming the header and the stack nodes are now inside a box node.
2017-05-11 20:08:19 +00:00
notebook box > header.right > tabs > tab:backdrop { box-shadow: none; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: use new HIG colors - blue selection color, success & destructive colors updates - blueish tint for dark Addresses issue #1443
2018-11-05 15:10:50 +00:00
notebook box > header.right > tabs > tab:checked { box-shadow: inset 3px 0 #3584e4; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
adwaita: Fix notebook theming the header and the stack nodes are now inside a box node.
2017-05-11 20:08:19 +00:00
notebook box > header.top > tabs > arrow { border-top-style: none; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
adwaita: Fix notebook theming the header and the stack nodes are now inside a box node.
2017-05-11 20:08:19 +00:00
notebook box > header.bottom > tabs > arrow { border-bottom-style: none; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
adwaita: Fix notebook theming the header and the stack nodes are now inside a box node.
2017-05-11 20:08:19 +00:00
notebook box > header.top > tabs > arrow, notebook box > header.bottom > tabs > arrow { margin-left: -5px; margin-right: -5px; padding-left: 4px; padding-right: 4px; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
adwaita: Fix notebook theming the header and the stack nodes are now inside a box node.
2017-05-11 20:08:19 +00:00
notebook box > header.top > tabs > arrow.down, notebook box > header.bottom > tabs > arrow.down { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
adwaita: Fix notebook theming the header and the stack nodes are now inside a box node.
2017-05-11 20:08:19 +00:00
notebook box > header.top > tabs > arrow.up, notebook box > header.bottom > tabs > arrow.up { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
adwaita: Fix notebook theming the header and the stack nodes are now inside a box node.
2017-05-11 20:08:19 +00:00
notebook box > header.left > tabs > arrow { border-left-style: none; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
adwaita: Fix notebook theming the header and the stack nodes are now inside a box node.
2017-05-11 20:08:19 +00:00
notebook box > header.right > tabs > arrow { border-right-style: none; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
adwaita: Fix notebook theming the header and the stack nodes are now inside a box node.
2017-05-11 20:08:19 +00:00
notebook box > header.left > tabs > arrow, notebook box > header.right > tabs > arrow { margin-top: -5px; margin-bottom: -5px; padding-top: 4px; padding-bottom: 4px; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
adwaita: Fix notebook theming the header and the stack nodes are now inside a box node.
2017-05-11 20:08:19 +00:00
notebook box > header.left > tabs > arrow.down, notebook box > header.right > tabs > arrow.down { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
adwaita: Fix notebook theming the header and the stack nodes are now inside a box node.
2017-05-11 20:08:19 +00:00
notebook box > header.left > tabs > arrow.up, notebook box > header.right > tabs > arrow.up { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
adwaita: Fix notebook theming the header and the stack nodes are now inside a box node.
2017-05-11 20:08:19 +00:00
notebook box > header > tabs > arrow { min-height: 16px; min-width: 16px; border-radius: 0; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
adwaita: Fix notebook theming the header and the stack nodes are now inside a box node.
2017-05-11 20:08:19 +00:00
notebook box > header > tabs > arrow:hover:not(:active):not(:backdrop) { background-clip: padding-box; background-image: none; background-color: rgba(255, 255, 255, 0.3); border-color: transparent; box-shadow: none; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
adwaita: Fix notebook theming the header and the stack nodes are now inside a box node.
2017-05-11 20:08:19 +00:00
notebook box > header > tabs > arrow:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: use HIG grey for bg_color - refresh with a light bg color, use the new color palette
2018-11-09 14:37:08 +00:00
notebook box > header tab { min-height: 30px; min-width: 30px; padding: 3px 12px; outline-offset: -5px; color: #929595; font-weight: bold; border-width: 1px; border-color: transparent; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: use HIG grey for bg_color - refresh with a light bg color, use the new color palette
2018-11-09 14:37:08 +00:00
notebook box > header tab:hover { color: #606566; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: sync with stable styling - fold over changes in teh stable brnch to get the same look fixes issue #1656
2019-02-06 12:46:00 +00:00
notebook box > header tab:hover.reorderable-page { border-color: rgba(205, 199, 194, 0.3); background-color: rgba(246, 245, 244, 0.2); }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: use HIG grey for bg_color - refresh with a light bg color, use the new color palette
2018-11-09 14:37:08 +00:00
notebook box > header tab:backdrop { color: #babbbb; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
adwaita: Fix notebook theming the header and the stack nodes are now inside a box node.
2017-05-11 20:08:19 +00:00
notebook box > header tab:backdrop.reorderable-page { border-color: transparent; background-color: transparent; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
adwaita: Fix notebook theming the header and the stack nodes are now inside a box node.
2017-05-11 20:08:19 +00:00
notebook box > header tab:checked { color: #2e3436; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: sync with stable styling - fold over changes in teh stable brnch to get the same look fixes issue #1656
2019-02-06 12:46:00 +00:00
notebook box > header tab:checked.reorderable-page { border-color: rgba(205, 199, 194, 0.5); background-color: rgba(246, 245, 244, 0.5); }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: use HIG grey for bg_color - refresh with a light bg color, use the new color palette
2018-11-09 14:37:08 +00:00
notebook box > header tab:checked.reorderable-page:hover { background-color: rgba(246, 245, 244, 0.7); }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: use HIG grey for bg_color - refresh with a light bg color, use the new color palette
2018-11-09 14:37:08 +00:00
notebook box > header tab:backdrop:checked { color: #929595; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: sync with stable styling - fold over changes in teh stable brnch to get the same look fixes issue #1656
2019-02-06 12:46:00 +00:00
notebook box > header tab:backdrop:checked.reorderable-page { border-color: #d5d0cc; background-color: #f6f5f4; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
adwaita: Fix notebook theming the header and the stack nodes are now inside a box node.
2017-05-11 20:08:19 +00:00
notebook box > header tab button.flat { padding: 0; margin-top: 4px; margin-bottom: 4px; min-width: 20px; min-height: 20px; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
adwaita: Fix notebook theming the header and the stack nodes are now inside a box node.
2017-05-11 20:08:19 +00:00
notebook box > header tab button.flat:hover { color: currentColor; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
adwaita: Fix notebook theming the header and the stack nodes are now inside a box node.
2017-05-11 20:08:19 +00:00
notebook box > header tab button.flat, notebook box > header tab button.flat:backdrop { color: alpha(currentColor,0.3); }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
adwaita: Fix notebook theming the header and the stack nodes are now inside a box node.
2017-05-11 20:08:19 +00:00
notebook box > header tab button.flat:last-child { margin-left: 4px; margin-right: -4px; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
adwaita: Fix notebook theming the header and the stack nodes are now inside a box node.
2017-05-11 20:08:19 +00:00
notebook box > header tab button.flat:first-child { margin-left: -4px; margin-right: 4px; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
adwaita: Fix notebook theming the header and the stack nodes are now inside a box node.
2017-05-11 20:08:19 +00:00
notebook box > header.top tabs, notebook box > header.bottom tabs { padding-left: 4px; padding-right: 4px; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
adwaita: Fix notebook theming the header and the stack nodes are now inside a box node.
2017-05-11 20:08:19 +00:00
notebook box > header.top tabs:not(:only-child), notebook box > header.bottom tabs:not(:only-child) { margin-left: 3px; margin-right: 3px; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
adwaita: Fix notebook theming the header and the stack nodes are now inside a box node.
2017-05-11 20:08:19 +00:00
notebook box > header.top tabs:not(:only-child):first-child, notebook box > header.bottom tabs:not(:only-child):first-child { margin-left: -1px; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
adwaita: Fix notebook theming the header and the stack nodes are now inside a box node.
2017-05-11 20:08:19 +00:00
notebook box > header.top tabs:not(:only-child):last-child, notebook box > header.bottom tabs:not(:only-child):last-child { margin-right: -1px; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
adwaita: Fix notebook theming the header and the stack nodes are now inside a box node.
2017-05-11 20:08:19 +00:00
notebook box > header.top tabs tab, notebook box > header.bottom tabs tab { margin-left: 4px; margin-right: 4px; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
adwaita: Fix notebook theming the header and the stack nodes are now inside a box node.
2017-05-11 20:08:19 +00:00
notebook box > header.top tabs tab.reorderable-page, notebook box > header.bottom tabs tab.reorderable-page { border-style: none solid; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
adwaita: Fix notebook theming the header and the stack nodes are now inside a box node.
2017-05-11 20:08:19 +00:00
notebook box > header.left tabs, notebook box > header.right tabs { padding-top: 4px; padding-bottom: 4px; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
adwaita: Fix notebook theming the header and the stack nodes are now inside a box node.
2017-05-11 20:08:19 +00:00
notebook box > header.left tabs:not(:only-child), notebook box > header.right tabs:not(:only-child) { margin-top: 3px; margin-bottom: 3px; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
adwaita: Fix notebook theming the header and the stack nodes are now inside a box node.
2017-05-11 20:08:19 +00:00
notebook box > header.left tabs:not(:only-child):first-child, notebook box > header.right tabs:not(:only-child):first-child { margin-top: -1px; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
adwaita: Fix notebook theming the header and the stack nodes are now inside a box node.
2017-05-11 20:08:19 +00:00
notebook box > header.left tabs:not(:only-child):last-child, notebook box > header.right tabs:not(:only-child):last-child { margin-bottom: -1px; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
adwaita: Fix notebook theming the header and the stack nodes are now inside a box node.
2017-05-11 20:08:19 +00:00
notebook box > header.left tabs tab, notebook box > header.right tabs tab { margin-top: 4px; margin-bottom: 4px; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
adwaita: Fix notebook theming the header and the stack nodes are now inside a box node.
2017-05-11 20:08:19 +00:00
notebook box > header.left tabs tab.reorderable-page, notebook box > header.right tabs tab.reorderable-page { border-style: solid none; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
adwaita: Fix notebook theming the header and the stack nodes are now inside a box node.
2017-05-11 20:08:19 +00:00
notebook box > header.top tab { padding-bottom: 4px; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
adwaita: Fix notebook theming the header and the stack nodes are now inside a box node.
2017-05-11 20:08:19 +00:00
notebook box > header.bottom tab { padding-top: 4px; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
adwaita: Fix notebook theming the header and the stack nodes are now inside a box node.
2017-05-11 20:08:19 +00:00
notebook box > stack:not(:only-child) { background-color: #ffffff; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
adwaita: Fix notebook theming the header and the stack nodes are now inside a box node.
2017-05-11 20:08:19 +00:00
notebook box > stack:not(:only-child):backdrop { background-color: #fcfcfc; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
/************** Scrollbars * */
Adwaita: use HIG grey for bg_color - refresh with a light bg color, use the new color palette
2018-11-09 14:37:08 +00:00
scrollbar { background-color: #cecece; transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: sync with stable styling - fold over changes in teh stable brnch to get the same look fixes issue #1656
2019-02-06 12:46:00 +00:00
scrollbar.top { border-bottom: 1px solid #cdc7c2; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: sync with stable styling - fold over changes in teh stable brnch to get the same look fixes issue #1656
2019-02-06 12:46:00 +00:00
scrollbar.bottom { border-top: 1px solid #cdc7c2; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: sync with stable styling - fold over changes in teh stable brnch to get the same look fixes issue #1656
2019-02-06 12:46:00 +00:00
scrollbar.left { border-right: 1px solid #cdc7c2; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: sync with stable styling - fold over changes in teh stable brnch to get the same look fixes issue #1656
2019-02-06 12:46:00 +00:00
scrollbar.right { border-left: 1px solid #cdc7c2; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: sync with stable styling - fold over changes in teh stable brnch to get the same look fixes issue #1656
2019-02-06 12:46:00 +00:00
scrollbar:backdrop { background-color: #efedec; border-color: #d5d0cc; transition: 200ms ease-out; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: use HIG grey for bg_color - refresh with a light bg color, use the new color palette
2018-11-09 14:37:08 +00:00
scrollbar slider { min-width: 6px; min-height: 6px; margin: -1px; border: 4px solid transparent; border-radius: 8px; background-clip: padding-box; background-color: #7e8182; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: use HIG grey for bg_color - refresh with a light bg color, use the new color palette
2018-11-09 14:37:08 +00:00
scrollbar slider:hover { background-color: #565b5c; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: use new HIG colors - blue selection color, success & destructive colors updates - blueish tint for dark Addresses issue #1443
2018-11-05 15:10:50 +00:00
scrollbar slider:hover:active { background-color: #1b6acb; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: use HIG grey for bg_color - refresh with a light bg color, use the new color palette
2018-11-09 14:37:08 +00:00
scrollbar slider:backdrop { background-color: #cecfce; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
scrollbar slider:disabled { background-color: transparent; }
Adwaita: Remove focus outlines from scrollbars and scales gtk3 didn't have focus outlines for these, so remove them for now. Sorry lapo.
2017-10-25 07:34:52 +00:00
scrollbar range.fine-tune slider { min-width: 4px; min-height: 4px; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: Remove focus outlines from scrollbars and scales gtk3 didn't have focus outlines for these, so remove them for now. Sorry lapo.
2017-10-25 07:34:52 +00:00
scrollbar range.fine-tune.horizontal slider { border-width: 5px 4px; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: Remove focus outlines from scrollbars and scales gtk3 didn't have focus outlines for these, so remove them for now. Sorry lapo.
2017-10-25 07:34:52 +00:00
scrollbar range.fine-tune.vertical slider { border-width: 4px 5px; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
scrollbar.overlay-indicator:not(.dragging):not(.hovering) { border-color: transparent; opacity: 0.4; background-color: transparent; }
scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { margin: 0; min-width: 3px; min-height: 3px; background-color: #2e3436; border: 1px solid white; }
scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { min-width: 5px; min-height: 5px; background-color: #2e3436; background-clip: padding-box; border-radius: 100%; border: 1px solid white; -gtk-icon-source: none; }
scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider { margin: 0 2px; min-width: 40px; }
scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button { margin: 1px 2px; min-width: 5px; }
scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider { margin: 2px 0; min-height: 40px; }
scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button { margin: 2px 1px; min-height: 5px; }
scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { opacity: 0.8; }
scrollbar.horizontal slider { min-width: 40px; }
scrollbar.vertical slider { min-height: 40px; }
Adwaita: use HIG grey for bg_color - refresh with a light bg color, use the new color palette
2018-11-09 14:37:08 +00:00
scrollbar button { padding: 0; min-width: 12px; min-height: 12px; border-style: none; border-radius: 0; transition-property: min-height, min-width, color; border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #7e8182; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: use HIG grey for bg_color - refresh with a light bg color, use the new color palette
2018-11-09 14:37:08 +00:00
scrollbar button:hover { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #565b5c; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: use new HIG colors - blue selection color, success & destructive colors updates - blueish tint for dark Addresses issue #1443
2018-11-05 15:10:50 +00:00
scrollbar button:active, scrollbar button:checked { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #1b6acb; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: use HIG grey for bg_color - refresh with a light bg color, use the new color palette
2018-11-09 14:37:08 +00:00
scrollbar button:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: rgba(126, 129, 130, 0.2); }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: use HIG grey for bg_color - refresh with a light bg color, use the new color palette
2018-11-09 14:37:08 +00:00
scrollbar button:backdrop { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: #cecfce; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: use HIG grey for bg_color - refresh with a light bg color, use the new color palette
2018-11-09 14:37:08 +00:00
scrollbar button:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; color: rgba(206, 207, 206, 0.2); }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
scrollbar.vertical button.down { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
scrollbar.vertical button.up { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
scrollbar.horizontal button.down { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
scrollbar.horizontal button.up { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); }
Adwaita: sync with stable styling - fold over changes in teh stable brnch to get the same look fixes issue #1656
2019-02-06 12:46:00 +00:00
treeview ~ scrollbar.vertical { border-top: 1px solid #cdc7c2; margin-top: -1px; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
/********** Switch * */
Adwaita: sync with stable styling - fold over changes in teh stable brnch to get the same look fixes issue #1656
2019-02-06 12:46:00 +00:00
switch { font-weight: bold; font-size: smaller; outline-offset: -4px; border: 1px solid #cdc7c2; border-radius: 14px; color: #2e3436; background-color: #e1dedb; text-shadow: 0 1px rgba(0, 0, 0, 0.1); /* only show i / o for the accessible theme */ }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: sync with stable styling - fold over changes in teh stable brnch to get the same look fixes issue #1656
2019-02-06 12:46:00 +00:00
switch:checked { color: #ffffff; border-color: #185fb4; background-color: #3584e4; text-shadow: 0 1px rgba(24, 95, 180, 0.5), 0 0 2px rgba(255, 255, 255, 0.6); }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: sync with stable styling - fold over changes in teh stable brnch to get the same look fixes issue #1656
2019-02-06 12:46:00 +00:00
switch:disabled { color: #929595; border-color: #cdc7c2; background-color: #faf9f8; text-shadow: none; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: sync with stable styling - fold over changes in teh stable brnch to get the same look fixes issue #1656
2019-02-06 12:46:00 +00:00
switch:backdrop { color: #929595; border-color: #d5d0cc; background-color: #eae8e6; text-shadow: none; transition: 200ms ease-out; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: use HIG grey for bg_color - refresh with a light bg color, use the new color palette
2018-11-09 14:37:08 +00:00
switch:backdrop:checked { color: #f6f5f4; border-color: #3584e4; background-color: #3584e4; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: sync with stable styling - fold over changes in teh stable brnch to get the same look fixes issue #1656
2019-02-06 12:46:00 +00:00
switch:backdrop:disabled { color: #d4cfca; border-color: #d5d0cc; background-color: #faf9f8; }
switch slider { margin: -1px; min-width: 24px; min-height: 24px; border: 1px solid; border-radius: 50%; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); border-color: #bfb8b1; text-shadow: 0 1px rgba(255, 255, 255, 0.769231); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); background-image: linear-gradient(to bottom, white 20%, #f6f5f4 90%); box-shadow: inset 0 1px white, 0 1px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.07); }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: sync with stable styling - fold over changes in teh stable brnch to get the same look fixes issue #1656
2019-02-06 12:46:00 +00:00
switch image { color: transparent; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: sync with stable styling - fold over changes in teh stable brnch to get the same look fixes issue #1656
2019-02-06 12:46:00 +00:00
switch:hover slider { color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); border-color: #bfb8b1; box-shadow: inset 0 1px white, 0 1px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.07); background-image: linear-gradient(to bottom, white 10%, white 90%); }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: sync with stable styling - fold over changes in teh stable brnch to get the same look fixes issue #1656
2019-02-06 12:46:00 +00:00
switch:checked slider { border: 1px solid #185fb4; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: sync with stable styling - fold over changes in teh stable brnch to get the same look fixes issue #1656
2019-02-06 12:46:00 +00:00
switch:disabled slider { border-color: #cdc7c2; background-image: image(#faf9f8); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: use HIG grey for bg_color - refresh with a light bg color, use the new color palette
2018-11-09 14:37:08 +00:00
switch:disabled slider label, switch:disabled slider { color: #929595; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: sync with stable styling - fold over changes in teh stable brnch to get the same look fixes issue #1656
2019-02-06 12:46:00 +00:00
switch:backdrop slider { transition: 200ms ease-out; border-color: #d5d0cc; background-image: image(#f6f5f4); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: use HIG grey for bg_color - refresh with a light bg color, use the new color palette
2018-11-09 14:37:08 +00:00
switch:backdrop slider label, switch:backdrop slider { color: #929595; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: use new HIG colors - blue selection color, success & destructive colors updates - blueish tint for dark Addresses issue #1443
2018-11-05 15:10:50 +00:00
switch:backdrop:checked slider { border-color: #3584e4; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: sync with stable styling - fold over changes in teh stable brnch to get the same look fixes issue #1656
2019-02-06 12:46:00 +00:00
switch:backdrop:disabled slider { border-color: #d5d0cc; background-image: image(#faf9f8); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: use HIG grey for bg_color - refresh with a light bg color, use the new color palette
2018-11-09 14:37:08 +00:00
switch:backdrop:disabled slider label, switch:backdrop:disabled slider { color: #d4cfca; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: sync with stable styling - fold over changes in teh stable brnch to get the same look fixes issue #1656
2019-02-06 12:46:00 +00:00
row:selected switch { box-shadow: none; border-color: #185fb4; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: sync with stable styling - fold over changes in teh stable brnch to get the same look fixes issue #1656
2019-02-06 12:46:00 +00:00
row:selected switch:backdrop { border-color: #185fb4; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: sync with stable styling - fold over changes in teh stable brnch to get the same look fixes issue #1656
2019-02-06 12:46:00 +00:00
row:selected switch slider:checked, row:selected switch slider { border-color: #185fb4; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
/************************* Check and Radio items * */
Adwaita: Fix selection-mode checkboxes Use object-select-symbolic as a check icon, adjust styles. Closes https://gitlab.gnome.org/GNOME/gtk/issues/28
2019-03-11 13:57:19 +00:00
.view.content-view.check:not(list), iconview.content-view.check:not(list), .content-view .tile check:not(list) { margin: 4px; min-width: 32px; min-height: 32px; color: transparent; background-color: rgba(53, 132, 228, 0.95); border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: Fix selection-mode checkboxes Use object-select-symbolic as a check icon, adjust styles. Closes https://gitlab.gnome.org/GNOME/gtk/issues/28
2019-03-11 13:57:19 +00:00
.view.content-view.check:hover:not(list), iconview.content-view.check:hover:not(list), .content-view .tile check:hover:not(list) { margin: 4px; min-width: 32px; min-height: 32px; color: transparent; background-color: rgba(53, 132, 228, 0.95); border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: Fix selection-mode checkboxes Use object-select-symbolic as a check icon, adjust styles. Closes https://gitlab.gnome.org/GNOME/gtk/issues/28
2019-03-11 13:57:19 +00:00
.view.content-view.check:active:not(list), iconview.content-view.check:active:not(list), .content-view .tile check:active:not(list) { margin: 4px; min-width: 32px; min-height: 32px; color: transparent; background-color: rgba(53, 132, 228, 0.95); border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: Fix selection-mode checkboxes Use object-select-symbolic as a check icon, adjust styles. Closes https://gitlab.gnome.org/GNOME/gtk/issues/28
2019-03-11 13:57:19 +00:00
.view.content-view.check:backdrop:not(list), iconview.content-view.check:backdrop:not(list), .content-view .tile check:backdrop:not(list) { margin: 4px; min-width: 32px; min-height: 32px; color: transparent; background-color: rgba(141, 141, 141, 0.95); border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: Fix selection-mode checkboxes Use object-select-symbolic as a check icon, adjust styles. Closes https://gitlab.gnome.org/GNOME/gtk/issues/28
2019-03-11 13:57:19 +00:00
.view.content-view.check:checked:not(list), iconview.content-view.check:checked:not(list), .content-view .tile check:checked:not(list) { margin: 4px; min-width: 32px; min-height: 32px; color: #eeeeec; background-color: rgba(53, 132, 228, 0.95); border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: Fix selection-mode checkboxes Use object-select-symbolic as a check icon, adjust styles. Closes https://gitlab.gnome.org/GNOME/gtk/issues/28
2019-03-11 13:57:19 +00:00
.view.content-view.check:checked:hover:not(list), iconview.content-view.check:checked:hover:not(list), .content-view .tile check:checked:hover:not(list) { margin: 4px; min-width: 32px; min-height: 32px; color: #eeeeec; background-color: rgba(53, 132, 228, 0.95); border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: Fix selection-mode checkboxes Use object-select-symbolic as a check icon, adjust styles. Closes https://gitlab.gnome.org/GNOME/gtk/issues/28
2019-03-11 13:57:19 +00:00
.view.content-view.check:checked:active:not(list), iconview.content-view.check:checked:active:not(list), .content-view .tile check:checked:active:not(list) { margin: 4px; min-width: 32px; min-height: 32px; color: #eeeeec; background-color: rgba(53, 132, 228, 0.95); border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: Fix selection-mode checkboxes Use object-select-symbolic as a check icon, adjust styles. Closes https://gitlab.gnome.org/GNOME/gtk/issues/28
2019-03-11 13:57:19 +00:00
.view.content-view.check:backdrop:checked:not(list), iconview.content-view.check:backdrop:checked:not(list), .content-view .tile check:backdrop:checked:not(list) { margin: 4px; min-width: 32px; min-height: 32px; color: rgba(238, 238, 236, 0.8); background-color: rgba(141, 141, 141, 0.95); border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
checkbutton.text-button, radiobutton.text-button { padding: 2px 0; outline-offset: 0; }
checkbutton.text-button label:not(:only-child):first-child, radiobutton.text-button label:not(:only-child):first-child { margin-left: 4px; }
checkbutton.text-button label:not(:only-child):last-child, radiobutton.text-button label:not(:only-child):last-child { margin-right: 4px; }
Adwaita: sync with stable styling - fold over changes in teh stable brnch to get the same look fixes issue #1656
2019-02-06 12:46:00 +00:00
check, radio { margin: 0 4px; min-height: 14px; min-width: 14px; border: 1px solid; -gtk-icon-source: none; color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); border-color: #bfb8b1; text-shadow: 0 1px rgba(255, 255, 255, 0.769231); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); background-image: linear-gradient(to bottom, white 20%, #f6f5f4 90%); box-shadow: inset 0 1px white, 0 1px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.07); }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
check:only-child, radio:only-child { margin: 0; }
popover check.left:dir(rtl), popover radio.left:dir(rtl) { margin-left: 0; margin-right: 12px; }
popover check.right:dir(ltr), popover radio.right:dir(ltr) { margin-left: 12px; margin-right: 0; }
Adwaita: sync with stable styling - fold over changes in teh stable brnch to get the same look fixes issue #1656
2019-02-06 12:46:00 +00:00
check:hover, radio:hover { color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); border-color: #bfb8b1; box-shadow: inset 0 1px white, 0 1px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.07); background-image: linear-gradient(to bottom, white 10%, white 90%); }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: sync with stable styling - fold over changes in teh stable brnch to get the same look fixes issue #1656
2019-02-06 12:46:00 +00:00
check:active, radio:active { color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); border-color: #cdc7c2; background-image: image(#d6d1cd); box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: sync with stable styling - fold over changes in teh stable brnch to get the same look fixes issue #1656
2019-02-06 12:46:00 +00:00
check:disabled, radio:disabled { border-color: #cdc7c2; background-image: image(#faf9f8); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: use HIG grey for bg_color - refresh with a light bg color, use the new color palette
2018-11-09 14:37:08 +00:00
check:disabled label, check:disabled, radio:disabled label, radio:disabled { color: #929595; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: sync with stable styling - fold over changes in teh stable brnch to get the same look fixes issue #1656
2019-02-06 12:46:00 +00:00
check:backdrop, radio:backdrop { border-color: #d5d0cc; background-image: image(#f6f5f4); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); transition: 200ms ease-out; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: use HIG grey for bg_color - refresh with a light bg color, use the new color palette
2018-11-09 14:37:08 +00:00
check:backdrop label, check:backdrop, radio:backdrop label, radio:backdrop { color: #929595; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: sync with stable styling - fold over changes in teh stable brnch to get the same look fixes issue #1656
2019-02-06 12:46:00 +00:00
check:backdrop:disabled, radio:backdrop:disabled { border-color: #d5d0cc; background-image: image(#faf9f8); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: use HIG grey for bg_color - refresh with a light bg color, use the new color palette
2018-11-09 14:37:08 +00:00
check:backdrop:disabled label, check:backdrop:disabled, radio:backdrop:disabled label, radio:backdrop:disabled { color: #d4cfca; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: sync with stable styling - fold over changes in teh stable brnch to get the same look fixes issue #1656
2019-02-06 12:46:00 +00:00
row:selected check, row:selected radio { border-color: #185fb4; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: OSD set semi-opaque again - forgot the bling bling
2019-04-11 13:35:24 +00:00
.osd check, .osd radio { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(53, 53, 53, 0.7)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: OSD set semi-opaque again - forgot the bling bling
2019-04-11 13:35:24 +00:00
.osd check:hover, .osd radio:hover { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(53, 53, 53, 0.7)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
.osd check:active, .osd radio:active { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(0, 0, 0, 0.7)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(238, 238, 236, 0.3); }
Adwaita: OSD set semi-opaque again - forgot the bling bling
2019-04-11 13:35:24 +00:00
.osd check:backdrop, .osd radio:backdrop { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(53, 53, 53, 0.7)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: less purple OSD style - one of the bits that escaped the purple cast is the osd background color
2019-04-11 13:26:55 +00:00
.osd check:disabled, .osd radio:disabled { color: #919190; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(71, 71, 71, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
menu menuitem check, menu menuitem radio { margin: 0; }
menu menuitem check, menu menuitem check:hover, menu menuitem check:disabled, menu menuitem radio, menu menuitem radio:hover, menu menuitem radio:disabled { min-height: 14px; min-width: 14px; background-image: none; background-color: transparent; box-shadow: none; -gtk-icon-shadow: none; color: inherit; border-color: currentColor; }
themes: Regenerate CSS to reflect recent commits a lot of them, in this case
2018-01-01 19:53:43 +00:00
check { border-radius: 3px; -gtk-icon-size: 14px; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
themes: Do expander arrow :hover properly We want to prelight the arrow even when the label is hovered.
2017-11-05 04:08:18 +00:00
check:checked { -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/check-symbolic.symbolic.png")), -gtk-recolor(url("assets/check@2-symbolic.symbolic.png"))); }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
themes: Do expander arrow :hover properly We want to prelight the arrow even when the label is hovered.
2017-11-05 04:08:18 +00:00
check:indeterminate { -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/dash-symbolic.symbolic.png")), -gtk-recolor(url("assets/dash@2-symbolic.symbolic.png"))); }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
themes: Regenerate CSS to reflect recent commits a lot of them, in this case
2018-01-01 19:53:43 +00:00
treeview.view radio:selected:focus, treeview.view radio:selected, radio { border-radius: 100%; -gtk-icon-size: 14px; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
themes: Do expander arrow :hover properly We want to prelight the arrow even when the label is hovered.
2017-11-05 04:08:18 +00:00
treeview.view radio:checked:selected, radio:checked { -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/bullet-symbolic.symbolic.png")), -gtk-recolor(url("assets/bullet@2-symbolic.symbolic.png"))); }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
themes: Do expander arrow :hover properly We want to prelight the arrow even when the label is hovered.
2017-11-05 04:08:18 +00:00
treeview.view radio:indeterminate:selected, radio:indeterminate { -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/dash-symbolic.symbolic.png")), -gtk-recolor(url("assets/dash@2-symbolic.symbolic.png"))); }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
radio:not(:indeterminate):not(:checked):active:not(:backdrop) { -gtk-icon-transform: scale(0); }
check:not(:indeterminate):not(:checked):active:not(:backdrop) { -gtk-icon-transform: translate(6px, -3px) rotate(-45deg) scaleY(0.2) rotate(45deg) scaleX(0); }
radio:active, check:active { -gtk-icon-transform: scale(0, 1); }
radio:checked:not(:backdrop), radio:indeterminate:not(:backdrop), check:checked:not(:backdrop), check:indeterminate:not(:backdrop) { -gtk-icon-transform: unset; transition: 400ms; }
menu menuitem radio:checked:not(:backdrop), menu menuitem radio:indeterminate:not(:backdrop), menu menuitem check:checked:not(:backdrop), menu menuitem check:indeterminate:not(:backdrop) { transition: none; }
Adwaita: sync with stable styling - fold over changes in teh stable brnch to get the same look fixes issue #1656
2019-02-06 12:46:00 +00:00
treeview.view check:selected:focus, treeview.view check:selected, treeview.view radio:selected:focus, treeview.view radio:selected { color: #2e3436; border-color: #185fb4; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: use HIG grey for bg_color - refresh with a light bg color, use the new color palette
2018-11-09 14:37:08 +00:00
treeview.view check:selected:disabled, treeview.view radio:selected:disabled { color: #929595; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: use HIG grey for bg_color - refresh with a light bg color, use the new color palette
2018-11-09 14:37:08 +00:00
treeview.view check:selected:disabled:backdrop, treeview.view radio:selected:disabled:backdrop { color: #d4cfca; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: use HIG grey for bg_color - refresh with a light bg color, use the new color palette
2018-11-09 14:37:08 +00:00
treeview.view check:backdrop:selected, treeview.view check:backdrop, treeview.view radio:backdrop:selected, treeview.view radio:backdrop { color: #929595; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
/************ GtkScale * */
Adwaita: sync with stable styling - fold over changes in teh stable brnch to get the same look fixes issue #1656
2019-02-06 12:46:00 +00:00
scale trough, scale fill, progressbar trough { border: 1px solid #cdc7c2; border-radius: 3px; background-color: #e1dedb; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: use HIG grey for bg_color - refresh with a light bg color, use the new color palette
2018-11-09 14:37:08 +00:00
scale trough:disabled, scale fill:disabled, progressbar trough:disabled { background-color: #faf9f8; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: sync with stable styling - fold over changes in teh stable brnch to get the same look fixes issue #1656
2019-02-06 12:46:00 +00:00
scale trough:backdrop, scale fill:backdrop, progressbar trough:backdrop { background-color: #eae8e6; border-color: #d5d0cc; transition: 200ms ease-out; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: use HIG grey for bg_color - refresh with a light bg color, use the new color palette
2018-11-09 14:37:08 +00:00
scale trough:backdrop:disabled, scale fill:backdrop:disabled, progressbar trough:backdrop:disabled { background-color: #faf9f8; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: sync with stable styling - fold over changes in teh stable brnch to get the same look fixes issue #1656
2019-02-06 12:46:00 +00:00
row:selected scale trough:disabled, scale row:selected trough:disabled, row:selected scale fill:disabled, scale row:selected fill:disabled, row:selected progressbar trough:disabled, progressbar row:selected trough:disabled, row:selected scale trough, scale row:selected trough, row:selected scale fill, scale row:selected fill, row:selected progressbar trough, progressbar row:selected trough { border-color: #185fb4; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
.osd scale trough, scale .osd trough, .osd scale fill, scale .osd fill, .osd progressbar trough, progressbar .osd trough { border-color: rgba(0, 0, 0, 0.7); background-color: rgba(0, 0, 0, 0.5); }
Adwaita: less purple OSD style - one of the bits that escaped the purple cast is the osd background color
2019-04-11 13:26:55 +00:00
.osd scale trough:disabled, scale .osd trough:disabled, .osd scale fill:disabled, scale .osd fill:disabled, .osd progressbar trough:disabled, progressbar .osd trough:disabled { background-color: rgba(71, 71, 71, 0.5); }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: sync with stable styling - fold over changes in teh stable brnch to get the same look fixes issue #1656
2019-02-06 12:46:00 +00:00
scale highlight, progressbar progress { border: 1px solid #185fb4; border-radius: 3px; background-color: #3584e4; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
scale highlight:disabled, progressbar progress:disabled { background-color: transparent; border-color: transparent; }
Adwaita: use new HIG colors - blue selection color, success & destructive colors updates - blueish tint for dark Addresses issue #1443
2018-11-05 15:10:50 +00:00
scale highlight:backdrop, progressbar progress:backdrop { border-color: #3584e4; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: Drop some unneeded overrides The pseudoclasses work fine on the subnodes without having to also apply `parent:class subnode`.
2018-07-02 20:45:06 +00:00
scale highlight:backdrop:disabled, progressbar progress:backdrop:disabled { background-color: transparent; border-color: transparent; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: sync with stable styling - fold over changes in teh stable brnch to get the same look fixes issue #1656
2019-02-06 12:46:00 +00:00
row:selected scale highlight:disabled, scale row:selected highlight:disabled, row:selected progressbar progress:disabled, progressbar row:selected progress:disabled, row:selected scale highlight, scale row:selected highlight, row:selected progressbar progress, progressbar row:selected progress { border-color: #185fb4; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
.osd scale highlight, scale .osd highlight, .osd progressbar progress, progressbar .osd progress { border-color: rgba(0, 0, 0, 0.7); }
.osd scale highlight:disabled, scale .osd highlight:disabled, .osd progressbar progress:disabled, progressbar .osd progress:disabled { border-color: transparent; }
scale { min-height: 10px; min-width: 10px; padding: 12px; }
scale fill, scale highlight { margin: -1px; }
scale slider { min-height: 18px; min-width: 18px; margin: -9px; }
Adwaita: Remove focus outlines from scrollbars and scales gtk3 didn't have focus outlines for these, so remove them for now. Sorry lapo.
2017-10-25 07:34:52 +00:00
scale:focus { outline: none; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
scale.fine-tune.horizontal { padding-top: 9px; padding-bottom: 9px; min-height: 16px; }
scale.fine-tune.vertical { padding-left: 9px; padding-right: 9px; min-width: 16px; }
scale.fine-tune slider { margin: -6px; }
scale.fine-tune fill, scale.fine-tune highlight, scale.fine-tune trough { border-radius: 5px; -gtk-outline-radius: 7px; }
scale trough { outline-offset: 2px; -gtk-outline-radius: 5px; }
Adwaita: sync with stable styling - fold over changes in teh stable brnch to get the same look fixes issue #1656
2019-02-06 12:46:00 +00:00
scale fill:backdrop, scale fill { background-color: #cdc7c2; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
scale fill:disabled:backdrop, scale fill:disabled { border-color: transparent; background-color: transparent; }
.osd scale fill { background-color: rgba(91, 91, 90, 0.775); }
.osd scale fill:disabled:backdrop, .osd scale fill:disabled { border-color: transparent; background-color: transparent; }
Adwaita: sync with stable styling - fold over changes in teh stable brnch to get the same look fixes issue #1656
2019-02-06 12:46:00 +00:00
scale slider { color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); border-color: #bfb8b1; text-shadow: 0 1px rgba(255, 255, 255, 0.769231); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); background-image: linear-gradient(to bottom, white 20%, #f6f5f4 90%); box-shadow: inset 0 1px white, 0 1px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.07); border: 1px solid #b8b0a8; border-radius: 100%; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: background, border, box-shadow; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: sync with stable styling - fold over changes in teh stable brnch to get the same look fixes issue #1656
2019-02-06 12:46:00 +00:00
scale slider:hover { color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); border-color: #bfb8b1; box-shadow: inset 0 1px white, 0 1px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.07); background-image: linear-gradient(to bottom, white 10%, white 90%); }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: sync with stable styling - fold over changes in teh stable brnch to get the same look fixes issue #1656
2019-02-06 12:46:00 +00:00
scale slider:active { border-color: #185fb4; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: sync with stable styling - fold over changes in teh stable brnch to get the same look fixes issue #1656
2019-02-06 12:46:00 +00:00
scale slider:disabled { border-color: #cdc7c2; background-image: image(#faf9f8); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: use HIG grey for bg_color - refresh with a light bg color, use the new color palette
2018-11-09 14:37:08 +00:00
scale slider:disabled label, scale slider:disabled { color: #929595; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: sync with stable styling - fold over changes in teh stable brnch to get the same look fixes issue #1656
2019-02-06 12:46:00 +00:00
scale slider:backdrop { transition: 200ms ease-out; border-color: #d5d0cc; background-image: image(#f6f5f4); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: use HIG grey for bg_color - refresh with a light bg color, use the new color palette
2018-11-09 14:37:08 +00:00
scale slider:backdrop label, scale slider:backdrop { color: #929595; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: sync with stable styling - fold over changes in teh stable brnch to get the same look fixes issue #1656
2019-02-06 12:46:00 +00:00
scale slider:backdrop:disabled { border-color: #d5d0cc; background-image: image(#faf9f8); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: use HIG grey for bg_color - refresh with a light bg color, use the new color palette
2018-11-09 14:37:08 +00:00
scale slider:backdrop:disabled label, scale slider:backdrop:disabled { color: #d4cfca; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: sync with stable styling - fold over changes in teh stable brnch to get the same look fixes issue #1656
2019-02-06 12:46:00 +00:00
row:selected scale slider:disabled, row:selected scale slider { border-color: #185fb4; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: OSD set semi-opaque again - forgot the bling bling
2019-04-11 13:35:24 +00:00
.osd scale slider { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(53, 53, 53, 0.7)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); border-color: rgba(0, 0, 0, 0.7); background-color: #353535; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: OSD set semi-opaque again - forgot the bling bling
2019-04-11 13:35:24 +00:00
.osd scale slider:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(83, 83, 83, 0.7)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); background-color: #353535; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: less purple OSD style - one of the bits that escaped the purple cast is the osd background color
2019-04-11 13:26:55 +00:00
.osd scale slider:active { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(0, 0, 0, 0.7)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(238, 238, 236, 0.3); background-color: #353535; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: less purple OSD style - one of the bits that escaped the purple cast is the osd background color
2019-04-11 13:26:55 +00:00
.osd scale slider:disabled { color: #919190; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(71, 71, 71, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; background-color: #353535; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: OSD set semi-opaque again - forgot the bling bling
2019-04-11 13:35:24 +00:00
.osd scale slider:backdrop { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(53, 53, 53, 0.7)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; background-color: #353535; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: less purple OSD style - one of the bits that escaped the purple cast is the osd background color
2019-04-11 13:26:55 +00:00
.osd scale slider:backdrop:disabled { background-color: #353535; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
scale value { color: alpha(currentColor,0.55); }
scale.fine-tune marks.top { margin-bottom: 6px; margin-top: -9px; }
scale.fine-tune marks.bottom { margin-top: 6px; margin-bottom: -9px; }
scale.fine-tune marks.top { margin-right: 6px; margin-left: -9px; }
scale.fine-tune marks.bottom { margin-left: 6px; margin-right: -9px; }
adwaita: Fix scale styling for latest changes
2018-01-10 08:29:45 +00:00
scale.horizontal > marks { color: alpha(currentColor,0.55); }
scale.horizontal > marks.top { margin-bottom: 6px; }
scale.horizontal > marks.bottom { margin-top: 6px; }
scale.horizontal > marks indicator { background-color: currentColor; min-height: 6px; min-width: 1px; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
adwaita: Add some spacing to the scale value So the slider does not overlap the value label. Since the value label is allocated at the widget edge in gtk3, the correct fix here would probably be to remove the 12px padding we apply to the entire scale and instead apply it only to the trough.
2018-01-10 09:10:11 +00:00
scale.horizontal > value.top { margin-bottom: 9px; }
scale.horizontal > value.bottom { margin-top: 9px; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
scale.horizontal.fine-tune indicator { min-height: 3px; }
adwaita: Fix scale styling for latest changes
2018-01-10 08:29:45 +00:00
scale.vertical > marks { color: alpha(currentColor,0.55); }
scale.vertical > marks.top { margin-right: 6px; }
scale.vertical > marks.bottom { margin-left: 6px; }
scale.vertical > marks indicator { background-color: currentColor; min-height: 1px; min-width: 6px; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
adwaita: Add some spacing to the scale value So the slider does not overlap the value label. Since the value label is allocated at the widget edge in gtk3, the correct fix here would probably be to remove the 12px padding we apply to the entire scale and instead apply it only to the trough.
2018-01-10 09:10:11 +00:00
scale.vertical > value.top { margin-bottom: 9px; }
scale.vertical > value.bottom { margin-top: 9px; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
scale.vertical.fine-tune indicator { min-width: 3px; }
scale.horizontal.marks-before:not(.marks-after) slider { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above.png"), url("assets/slider-horz-scale-has-marks-above@2.png")); min-height: 26px; min-width: 22px; margin-top: -14px; background-position: top; background-repeat: no-repeat; box-shadow: none; }
scale.horizontal.marks-before:not(.marks-after).fine-tune slider { margin: -7px; margin-top: -11px; }
scale.horizontal.marks-before:not(.marks-after) slider:hover { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-hover.png"), url("assets/slider-horz-scale-has-marks-above-hover@2.png")); min-height: 26px; min-width: 22px; margin-top: -14px; background-position: top; background-repeat: no-repeat; box-shadow: none; }
scale.horizontal.marks-before:not(.marks-after).fine-tune slider { margin: -7px; margin-top: -11px; }
scale.horizontal.marks-before:not(.marks-after) slider:active { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active.png"), url("assets/slider-horz-scale-has-marks-above-active@2.png")); min-height: 26px; min-width: 22px; margin-top: -14px; background-position: top; background-repeat: no-repeat; box-shadow: none; }
scale.horizontal.marks-before:not(.marks-after).fine-tune slider { margin: -7px; margin-top: -11px; }
scale.horizontal.marks-before:not(.marks-after) slider:disabled { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-insensitive.png"), url("assets/slider-horz-scale-has-marks-above-insensitive@2.png")); min-height: 26px; min-width: 22px; margin-top: -14px; background-position: top; background-repeat: no-repeat; box-shadow: none; }
scale.horizontal.marks-before:not(.marks-after).fine-tune slider { margin: -7px; margin-top: -11px; }
scale.horizontal.marks-before:not(.marks-after) slider:backdrop { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-backdrop.png"), url("assets/slider-horz-scale-has-marks-above-backdrop@2.png")); min-height: 26px; min-width: 22px; margin-top: -14px; background-position: top; background-repeat: no-repeat; box-shadow: none; }
scale.horizontal.marks-before:not(.marks-after).fine-tune slider { margin: -7px; margin-top: -11px; }
scale.horizontal.marks-before:not(.marks-after) slider:backdrop:disabled { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-backdrop-insensitive.png"), url("assets/slider-horz-scale-has-marks-above-backdrop-insensitive@2.png")); min-height: 26px; min-width: 22px; margin-top: -14px; background-position: top; background-repeat: no-repeat; box-shadow: none; }
scale.horizontal.marks-before:not(.marks-after).fine-tune slider { margin: -7px; margin-top: -11px; }
scale.horizontal.marks-after:not(.marks-before) slider { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below.png"), url("assets/slider-horz-scale-has-marks-below@2.png")); min-height: 26px; min-width: 22px; margin-bottom: -14px; background-position: bottom; background-repeat: no-repeat; box-shadow: none; }
scale.horizontal.marks-after:not(.marks-before).fine-tune slider { margin: -7px; margin-bottom: -11px; }
scale.horizontal.marks-after:not(.marks-before) slider:hover { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-hover.png"), url("assets/slider-horz-scale-has-marks-below-hover@2.png")); min-height: 26px; min-width: 22px; margin-bottom: -14px; background-position: bottom; background-repeat: no-repeat; box-shadow: none; }
scale.horizontal.marks-after:not(.marks-before).fine-tune slider { margin: -7px; margin-bottom: -11px; }
scale.horizontal.marks-after:not(.marks-before) slider:active { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-active.png"), url("assets/slider-horz-scale-has-marks-below-active@2.png")); min-height: 26px; min-width: 22px; margin-bottom: -14px; background-position: bottom; background-repeat: no-repeat; box-shadow: none; }
scale.horizontal.marks-after:not(.marks-before).fine-tune slider { margin: -7px; margin-bottom: -11px; }
scale.horizontal.marks-after:not(.marks-before) slider:disabled { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-insensitive.png"), url("assets/slider-horz-scale-has-marks-below-insensitive@2.png")); min-height: 26px; min-width: 22px; margin-bottom: -14px; background-position: bottom; background-repeat: no-repeat; box-shadow: none; }
scale.horizontal.marks-after:not(.marks-before).fine-tune slider { margin: -7px; margin-bottom: -11px; }
scale.horizontal.marks-after:not(.marks-before) slider:backdrop { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-backdrop.png"), url("assets/slider-horz-scale-has-marks-below-backdrop@2.png")); min-height: 26px; min-width: 22px; margin-bottom: -14px; background-position: bottom; background-repeat: no-repeat; box-shadow: none; }
scale.horizontal.marks-after:not(.marks-before).fine-tune slider { margin: -7px; margin-bottom: -11px; }
scale.horizontal.marks-after:not(.marks-before) slider:backdrop:disabled { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-backdrop-insensitive.png"), url("assets/slider-horz-scale-has-marks-below-backdrop-insensitive@2.png")); min-height: 26px; min-width: 22px; margin-bottom: -14px; background-position: bottom; background-repeat: no-repeat; box-shadow: none; }
scale.horizontal.marks-after:not(.marks-before).fine-tune slider { margin: -7px; margin-bottom: -11px; }
scale.vertical.marks-before:not(.marks-after) slider { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above.png"), url("assets/slider-vert-scale-has-marks-above@2.png")); min-height: 22px; min-width: 26px; margin-left: -14px; background-position: left bottom; background-repeat: no-repeat; box-shadow: none; }
scale.vertical.marks-before:not(.marks-after).fine-tune slider { margin: -7px; margin-left: -11px; }
scale.vertical.marks-before:not(.marks-after) slider:hover { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-hover.png"), url("assets/slider-vert-scale-has-marks-above-hover@2.png")); min-height: 22px; min-width: 26px; margin-left: -14px; background-position: left bottom; background-repeat: no-repeat; box-shadow: none; }
scale.vertical.marks-before:not(.marks-after).fine-tune slider { margin: -7px; margin-left: -11px; }
scale.vertical.marks-before:not(.marks-after) slider:active { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-active.png"), url("assets/slider-vert-scale-has-marks-above-active@2.png")); min-height: 22px; min-width: 26px; margin-left: -14px; background-position: left bottom; background-repeat: no-repeat; box-shadow: none; }
scale.vertical.marks-before:not(.marks-after).fine-tune slider { margin: -7px; margin-left: -11px; }
scale.vertical.marks-before:not(.marks-after) slider:disabled { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-insensitive.png"), url("assets/slider-vert-scale-has-marks-above-insensitive@2.png")); min-height: 22px; min-width: 26px; margin-left: -14px; background-position: left bottom; background-repeat: no-repeat; box-shadow: none; }
scale.vertical.marks-before:not(.marks-after).fine-tune slider { margin: -7px; margin-left: -11px; }
scale.vertical.marks-before:not(.marks-after) slider:backdrop { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-backdrop.png"), url("assets/slider-vert-scale-has-marks-above-backdrop@2.png")); min-height: 22px; min-width: 26px; margin-left: -14px; background-position: left bottom; background-repeat: no-repeat; box-shadow: none; }
scale.vertical.marks-before:not(.marks-after).fine-tune slider { margin: -7px; margin-left: -11px; }
scale.vertical.marks-before:not(.marks-after) slider:backdrop:disabled { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-backdrop-insensitive.png"), url("assets/slider-vert-scale-has-marks-above-backdrop-insensitive@2.png")); min-height: 22px; min-width: 26px; margin-left: -14px; background-position: left bottom; background-repeat: no-repeat; box-shadow: none; }
scale.vertical.marks-before:not(.marks-after).fine-tune slider { margin: -7px; margin-left: -11px; }
scale.vertical.marks-after:not(.marks-before) slider { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below.png"), url("assets/slider-vert-scale-has-marks-below@2.png")); min-height: 22px; min-width: 26px; margin-right: -14px; background-position: right bottom; background-repeat: no-repeat; box-shadow: none; }
scale.vertical.marks-after:not(.marks-before).fine-tune slider { margin: -7px; margin-right: -11px; }
scale.vertical.marks-after:not(.marks-before) slider:hover { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-hover.png"), url("assets/slider-vert-scale-has-marks-below-hover@2.png")); min-height: 22px; min-width: 26px; margin-right: -14px; background-position: right bottom; background-repeat: no-repeat; box-shadow: none; }
scale.vertical.marks-after:not(.marks-before).fine-tune slider { margin: -7px; margin-right: -11px; }
scale.vertical.marks-after:not(.marks-before) slider:active { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-active.png"), url("assets/slider-vert-scale-has-marks-below-active@2.png")); min-height: 22px; min-width: 26px; margin-right: -14px; background-position: right bottom; background-repeat: no-repeat; box-shadow: none; }
scale.vertical.marks-after:not(.marks-before).fine-tune slider { margin: -7px; margin-right: -11px; }
scale.vertical.marks-after:not(.marks-before) slider:disabled { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-insensitive.png"), url("assets/slider-vert-scale-has-marks-below-insensitive@2.png")); min-height: 22px; min-width: 26px; margin-right: -14px; background-position: right bottom; background-repeat: no-repeat; box-shadow: none; }
scale.vertical.marks-after:not(.marks-before).fine-tune slider { margin: -7px; margin-right: -11px; }
scale.vertical.marks-after:not(.marks-before) slider:backdrop { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-backdrop.png"), url("assets/slider-vert-scale-has-marks-below-backdrop@2.png")); min-height: 22px; min-width: 26px; margin-right: -14px; background-position: right bottom; background-repeat: no-repeat; box-shadow: none; }
scale.vertical.marks-after:not(.marks-before).fine-tune slider { margin: -7px; margin-right: -11px; }
scale.vertical.marks-after:not(.marks-before) slider:backdrop:disabled { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-backdrop-insensitive.png"), url("assets/slider-vert-scale-has-marks-below-backdrop-insensitive@2.png")); min-height: 22px; min-width: 26px; margin-right: -14px; background-position: right bottom; background-repeat: no-repeat; box-shadow: none; }
scale.vertical.marks-after:not(.marks-before).fine-tune slider { margin: -7px; margin-right: -11px; }
scale.color { min-height: 0; min-width: 0; }
Adwaita: sync with stable styling - fold over changes in teh stable brnch to get the same look fixes issue #1656
2019-02-06 12:46:00 +00:00
scale.color trough { background-image: image(#cdc7c2); background-repeat: no-repeat; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
scale.color.horizontal { padding: 0 0 15px 0; }
scale.color.horizontal trough { padding-bottom: 4px; background-position: 0 -3px; border-top-left-radius: 0; border-top-right-radius: 0; }
scale.color.horizontal slider:dir(ltr):hover, scale.color.horizontal slider:dir(ltr):backdrop, scale.color.horizontal slider:dir(ltr):disabled, scale.color.horizontal slider:dir(ltr):backdrop:disabled, scale.color.horizontal slider:dir(ltr), scale.color.horizontal slider:dir(rtl):hover, scale.color.horizontal slider:dir(rtl):backdrop, scale.color.horizontal slider:dir(rtl):disabled, scale.color.horizontal slider:dir(rtl):backdrop:disabled, scale.color.horizontal slider:dir(rtl) { margin-bottom: -15px; margin-top: 6px; }
scale.color.vertical:dir(ltr) { padding: 0 0 0 15px; }
scale.color.vertical:dir(ltr) trough { padding-left: 4px; background-position: 3px 0; border-bottom-right-radius: 0; border-top-right-radius: 0; }
scale.color.vertical:dir(ltr) slider:hover, scale.color.vertical:dir(ltr) slider:backdrop, scale.color.vertical:dir(ltr) slider:disabled, scale.color.vertical:dir(ltr) slider:backdrop:disabled, scale.color.vertical:dir(ltr) slider { margin-left: -15px; margin-right: 6px; }
scale.color.vertical:dir(rtl) { padding: 0 15px 0 0; }
scale.color.vertical:dir(rtl) trough { padding-right: 4px; background-position: -3px 0; border-bottom-left-radius: 0; border-top-left-radius: 0; }
scale.color.vertical:dir(rtl) slider:hover, scale.color.vertical:dir(rtl) slider:backdrop, scale.color.vertical:dir(rtl) slider:disabled, scale.color.vertical:dir(rtl) slider:backdrop:disabled, scale.color.vertical:dir(rtl) slider { margin-right: -15px; margin-left: 6px; }
scale.color.fine-tune.horizontal:dir(ltr), scale.color.fine-tune.horizontal:dir(rtl) { padding: 0 0 12px 0; }
scale.color.fine-tune.horizontal:dir(ltr) trough, scale.color.fine-tune.horizontal:dir(rtl) trough { padding-bottom: 7px; background-position: 0 -6px; }
scale.color.fine-tune.horizontal:dir(ltr) slider, scale.color.fine-tune.horizontal:dir(rtl) slider { margin-bottom: -15px; margin-top: 6px; }
scale.color.fine-tune.vertical:dir(ltr) { padding: 0 0 0 12px; }
scale.color.fine-tune.vertical:dir(ltr) trough { padding-left: 7px; background-position: 6px 0; }
scale.color.fine-tune.vertical:dir(ltr) slider { margin-left: -15px; margin-right: 6px; }
scale.color.fine-tune.vertical:dir(rtl) { padding: 0 12px 0 0; }
scale.color.fine-tune.vertical:dir(rtl) trough { padding-right: 7px; background-position: -6px 0; }
scale.color.fine-tune.vertical:dir(rtl) slider { margin-right: -15px; margin-left: 6px; }
/***************** Progress bars * */
progressbar { font-size: smaller; color: rgba(46, 52, 54, 0.4); }
themes: Restore default progressbar min sizes The min size on the oriented axis used to come from style props with default values in the source file, used if the theme did not provide a min size in CSS. When the style props were removed, so was any notion of a minimal size for proressbars' main axis, meaning that now progressbars without expand or any other source of min size were just tiny specks. The right place to do that was always the theme, so in our themes now, fix that by copying the old default values for the style properties; see: https://gitlab.gnome.org/GNOME/gtk/issues/1191#note_259393 https://gitlab.gnome.org/GNOME/gtk/blob/gtk-3-24/gtk/gtkprogressbar.c#L92 The result should be the same in that (A) the min size is now what it is in GTK+ 3 & (B) an app/user can override the theme exactly the same way. Close https://gitlab.gnome.org/GNOME/gtk/issues/1192
2018-07-03 17:55:31 +00:00
progressbar.horizontal trough { min-width: 150px; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
progressbar.horizontal trough, progressbar.horizontal progress { min-height: 2px; }
themes: Restore default progressbar min sizes The min size on the oriented axis used to come from style props with default values in the source file, used if the theme did not provide a min size in CSS. When the style props were removed, so was any notion of a minimal size for proressbars' main axis, meaning that now progressbars without expand or any other source of min size were just tiny specks. The right place to do that was always the theme, so in our themes now, fix that by copying the old default values for the style properties; see: https://gitlab.gnome.org/GNOME/gtk/issues/1191#note_259393 https://gitlab.gnome.org/GNOME/gtk/blob/gtk-3-24/gtk/gtkprogressbar.c#L92 The result should be the same in that (A) the min size is now what it is in GTK+ 3 & (B) an app/user can override the theme exactly the same way. Close https://gitlab.gnome.org/GNOME/gtk/issues/1192
2018-07-03 17:55:31 +00:00
progressbar.vertical trough { min-height: 80px; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
progressbar.vertical trough, progressbar.vertical progress { min-width: 2px; }
progressbar.horizontal progress { margin: 0 -1px; }
progressbar.vertical progress { margin: -1px 0; }
progressbar:backdrop { box-shadow: none; transition: 200ms ease-out; }
Adwaita: draw insensitive progressbars - keep inheriting stuff from scales, but do draw highlights Addresses issue #1191
2018-09-26 20:41:27 +00:00
progressbar progress { /* share most of scales' */ /* override insensitive that is specific to progress */ border-radius: 1.5px; }
Adwaita: use HIG grey for bg_color - refresh with a light bg color, use the new color palette
2018-11-09 14:37:08 +00:00
progressbar progress:disabled { background-color: #929595; border-color: #929595; }
Adwaita: draw insensitive progressbars - keep inheriting stuff from scales, but do draw highlights Addresses issue #1191
2018-09-26 20:41:27 +00:00
Adwaita: use HIG grey for bg_color - refresh with a light bg color, use the new color palette
2018-11-09 14:37:08 +00:00
progressbar progress:backdrop:disabled { background-color: #d4cfca; border-color: #d4cfca; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
progressbar progress.left { border-top-left-radius: 2px; border-bottom-left-radius: 2px; }
progressbar progress.right { border-top-right-radius: 2px; border-bottom-right-radius: 2px; }
progressbar progress.top { border-top-right-radius: 2px; border-top-left-radius: 2px; }
progressbar progress.bottom { border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; }
progressbar.osd { min-width: 3px; min-height: 3px; background-color: transparent; }
progressbar.osd trough { border-style: none; border-radius: 0; background-color: transparent; box-shadow: none; }
progressbar.osd progress { border-style: none; border-radius: 0; }
progressbar trough.empty progress { all: unset; }
/************* Level Bar * */
LevelBar: Really fix underallocation of blocks Themes should not enforce min sizes on blocks in continuous mode; in this case, the filled block should be as large as it needs to be to reflect the current value, and no larger or smaller than that. So, the fact that the minimal size was selected on just levelbar block is wrong: we should also require the levelbar.discrete class to apply min sizes. The widget should enforce whatever correct minimum size results from the above fix, by reapplying commit 78b4885fe8850e132d8bb06df8ab90ac6c2033e0 Except: we should not allocate/draw the filled block if the value is 0, as in this case, the LevelBar should be empty, not have a min-size fill. This partially reverts commit 96062ffeae5245fa165a96a2af86d5645f5e8569, as it makes sense to set min sizes for discrete blocks, so keep that in. https://bugzilla.gnome.org/show_bug.cgi?id=783649
2017-08-12 15:13:11 +00:00
levelbar.horizontal block { min-height: 1px; }
levelbar.horizontal.discrete block { margin: 0 1px; min-width: 32px; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
adwaita: remove min-<lenght> from levelbar blocks It's not needed and causes issues, see for details: https://bugzilla.gnome.org/show_bug.cgi?id=783649
2017-08-11 14:25:40 +00:00
levelbar.vertical block { min-width: 1px; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
LevelBar: Really fix underallocation of blocks Themes should not enforce min sizes on blocks in continuous mode; in this case, the filled block should be as large as it needs to be to reflect the current value, and no larger or smaller than that. So, the fact that the minimal size was selected on just levelbar block is wrong: we should also require the levelbar.discrete class to apply min sizes. The widget should enforce whatever correct minimum size results from the above fix, by reapplying commit 78b4885fe8850e132d8bb06df8ab90ac6c2033e0 Except: we should not allocate/draw the filled block if the value is 0, as in this case, the LevelBar should be empty, not have a min-size fill. This partially reverts commit 96062ffeae5245fa165a96a2af86d5645f5e8569, as it makes sense to set min sizes for discrete blocks, so keep that in. https://bugzilla.gnome.org/show_bug.cgi?id=783649
2017-08-12 15:13:11 +00:00
levelbar.vertical.discrete block { margin: 1px 0; min-height: 32px; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
levelbar:backdrop { transition: 200ms ease-out; }
Adwaita: sync with stable styling - fold over changes in teh stable brnch to get the same look fixes issue #1656
2019-02-06 12:46:00 +00:00
levelbar trough { border: 1px solid; padding: 2px; border-radius: 3px; color: black; border-color: #cdc7c2; background-color: #ffffff; box-shadow: inset 0 0 0 1px rgba(53, 132, 228, 0); }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: sync with stable styling - fold over changes in teh stable brnch to get the same look fixes issue #1656
2019-02-06 12:46:00 +00:00
levelbar trough:backdrop { color: #323232; border-color: #d5d0cc; background-color: #fcfcfc; box-shadow: none; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
levelbar block { border: 1px solid; border-radius: 1px; }
levelbar block.low { border-color: #8f4700; background-color: #f57900; }
levelbar block.low:backdrop { border-color: #f57900; }
Adwaita: use new HIG colors - blue selection color, success & destructive colors updates - blueish tint for dark Addresses issue #1443
2018-11-05 15:10:50 +00:00
levelbar block.high, levelbar block:not(.empty) { border-color: #15539e; background-color: #3584e4; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: use new HIG colors - blue selection color, success & destructive colors updates - blueish tint for dark Addresses issue #1443
2018-11-05 15:10:50 +00:00
levelbar block.high:backdrop, levelbar block:not(.empty):backdrop { border-color: #3584e4; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: use new HIG colors - blue selection color, success & destructive colors updates - blueish tint for dark Addresses issue #1443
2018-11-05 15:10:50 +00:00
levelbar block.full { border-color: #1d814a; background-color: #33d17a; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: use new HIG colors - blue selection color, success & destructive colors updates - blueish tint for dark Addresses issue #1443
2018-11-05 15:10:50 +00:00
levelbar block.full:backdrop { border-color: #33d17a; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
levelbar block.empty { background-color: transparent; border-color: rgba(46, 52, 54, 0.2); }
Adwaita: use HIG grey for bg_color - refresh with a light bg color, use the new color palette
2018-11-09 14:37:08 +00:00
levelbar block.empty:backdrop { border-color: rgba(146, 149, 149, 0.15); }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
/**************** Print dialog * */
Adwaita: Remove focus outlines from scrollbars and scales gtk3 didn't have focus outlines for these, so remove them for now. Sorry lapo.
2017-10-25 07:34:52 +00:00
printdialog drawing { color: #2e3436; background: white; border: none; padding: 0; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: sync with stable styling - fold over changes in teh stable brnch to get the same look fixes issue #1656
2019-02-06 12:46:00 +00:00
printdialog drawing:backdrop { color: #929595; border-color: #d5d0cc; }
Adwaita: Remove focus outlines from scrollbars and scales gtk3 didn't have focus outlines for these, so remove them for now. Sorry lapo.
2017-10-25 07:34:52 +00:00
Adwaita: sync with stable styling - fold over changes in teh stable brnch to get the same look fixes issue #1656
2019-02-06 12:46:00 +00:00
printdialog drawing paper { border: 1px solid #cdc7c2; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
printdialog .dialog-action-box { margin: 12px; }
/********** Frames * */
Adwaita: sync with stable styling - fold over changes in teh stable brnch to get the same look fixes issue #1656
2019-02-06 12:46:00 +00:00
frame, .frame { box-shadow: none; margin: 0; padding: 0; border-radius: 0; border: 1px solid #cdc7c2; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
frame.flat, .frame.flat { border-style: none; }
Adwaita: sync with stable styling - fold over changes in teh stable brnch to get the same look fixes issue #1656
2019-02-06 12:46:00 +00:00
frame:backdrop, .frame:backdrop { border-color: #d5d0cc; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: sync with stable styling - fold over changes in teh stable brnch to get the same look fixes issue #1656
2019-02-06 12:46:00 +00:00
actionbar > revealer > box { padding: 6px; border-top: 1px solid #cdc7c2; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: sync with stable styling - fold over changes in teh stable brnch to get the same look fixes issue #1656
2019-02-06 12:46:00 +00:00
actionbar > revealer > box:backdrop { border-color: #d5d0cc; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
scrolledwindow viewport.frame { border-style: none; }
Adwaita: sync with stable styling - fold over changes in teh stable brnch to get the same look fixes issue #1656
2019-02-06 12:46:00 +00:00
scrolledwindow overshoot.top { background-image: radial-gradient(farthest-side at top, #b6aea5 85%, rgba(182, 174, 165, 0)), radial-gradient(farthest-side at top, rgba(46, 52, 54, 0.07), rgba(46, 52, 54, 0)); background-size: 100% 3%, 100% 50%; background-repeat: no-repeat; background-position: top; background-color: transparent; border: none; box-shadow: none; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: sync with stable styling - fold over changes in teh stable brnch to get the same look fixes issue #1656
2019-02-06 12:46:00 +00:00
scrolledwindow overshoot.top:backdrop { background-image: radial-gradient(farthest-side at top, #d5d0cc 85%, rgba(213, 208, 204, 0)); background-size: 100% 3%; background-repeat: no-repeat; background-position: top; background-color: transparent; border: none; box-shadow: none; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: sync with stable styling - fold over changes in teh stable brnch to get the same look fixes issue #1656
2019-02-06 12:46:00 +00:00
scrolledwindow overshoot.bottom { background-image: radial-gradient(farthest-side at bottom, #b6aea5 85%, rgba(182, 174, 165, 0)), radial-gradient(farthest-side at bottom, rgba(46, 52, 54, 0.07), rgba(46, 52, 54, 0)); background-size: 100% 3%, 100% 50%; background-repeat: no-repeat; background-position: bottom; background-color: transparent; border: none; box-shadow: none; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: sync with stable styling - fold over changes in teh stable brnch to get the same look fixes issue #1656
2019-02-06 12:46:00 +00:00
scrolledwindow overshoot.bottom:backdrop { background-image: radial-gradient(farthest-side at bottom, #d5d0cc 85%, rgba(213, 208, 204, 0)); background-size: 100% 3%; background-repeat: no-repeat; background-position: bottom; background-color: transparent; border: none; box-shadow: none; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: sync with stable styling - fold over changes in teh stable brnch to get the same look fixes issue #1656
2019-02-06 12:46:00 +00:00
scrolledwindow overshoot.left { background-image: radial-gradient(farthest-side at left, #b6aea5 85%, rgba(182, 174, 165, 0)), radial-gradient(farthest-side at left, rgba(46, 52, 54, 0.07), rgba(46, 52, 54, 0)); background-size: 3% 100%, 50% 100%; background-repeat: no-repeat; background-position: left; background-color: transparent; border: none; box-shadow: none; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: sync with stable styling - fold over changes in teh stable brnch to get the same look fixes issue #1656
2019-02-06 12:46:00 +00:00
scrolledwindow overshoot.left:backdrop { background-image: radial-gradient(farthest-side at left, #d5d0cc 85%, rgba(213, 208, 204, 0)); background-size: 3% 100%; background-repeat: no-repeat; background-position: left; background-color: transparent; border: none; box-shadow: none; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: sync with stable styling - fold over changes in teh stable brnch to get the same look fixes issue #1656
2019-02-06 12:46:00 +00:00
scrolledwindow overshoot.right { background-image: radial-gradient(farthest-side at right, #b6aea5 85%, rgba(182, 174, 165, 0)), radial-gradient(farthest-side at right, rgba(46, 52, 54, 0.07), rgba(46, 52, 54, 0)); background-size: 3% 100%, 50% 100%; background-repeat: no-repeat; background-position: right; background-color: transparent; border: none; box-shadow: none; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: sync with stable styling - fold over changes in teh stable brnch to get the same look fixes issue #1656
2019-02-06 12:46:00 +00:00
scrolledwindow overshoot.right:backdrop { background-image: radial-gradient(farthest-side at right, #d5d0cc 85%, rgba(213, 208, 204, 0)); background-size: 3% 100%; background-repeat: no-repeat; background-position: right; background-color: transparent; border: none; box-shadow: none; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: sync with stable styling - fold over changes in teh stable brnch to get the same look fixes issue #1656
2019-02-06 12:46:00 +00:00
scrolledwindow junction { border-color: transparent; border-image: linear-gradient(to bottom, #cdc7c2 1px, transparent 1px) 0 0 0 1/0 1px stretch; background-color: #cecece; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
scrolledwindow junction:dir(rtl) { border-image-slice: 0 1 0 0; }
Adwaita: sync with stable styling - fold over changes in teh stable brnch to get the same look fixes issue #1656
2019-02-06 12:46:00 +00:00
scrolledwindow junction:backdrop { border-image-source: linear-gradient(to bottom, #d5d0cc 1px, transparent 1px); background-color: #efedec; transition: 200ms ease-out; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
separator { background: rgba(0, 0, 0, 0.1); min-width: 1px; min-height: 1px; }
/********* Lists * */
Adwaita: sync with stable styling - fold over changes in teh stable brnch to get the same look fixes issue #1656
2019-02-06 12:46:00 +00:00
list { color: black; background-color: #ffffff; border-color: #cdc7c2; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: sync with stable styling - fold over changes in teh stable brnch to get the same look fixes issue #1656
2019-02-06 12:46:00 +00:00
list:backdrop { background-color: #fcfcfc; border-color: #d5d0cc; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
adwaita: Fix the greediness of row:not(.expander) This avoids list rows (e.g. the ones in a stack sidebar) to be accidentally selected and see their padding messed up.
2019-01-23 20:27:33 +00:00
list row { padding: 2px; }
list row.expander { padding: 0px; }
adwaita: Fix the padding of row.expander This will allow to implement the expanding rows pattern.
2019-01-22 11:43:07 +00:00
list row.expander .row-header { padding: 2px; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
themes: Regenerate CSS Seems to have been forgotten a few times.
2019-04-18 00:24:41 +00:00
list.separators row:not(:first-child) { border-top: 1px solid #cdc7c2; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
row { transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
row:hover { transition: none; }
row:backdrop { transition: 200ms ease-out; }
row.activatable.has-open-popup, row.activatable:hover { background-color: rgba(46, 52, 54, 0.05); }
row.activatable:active { box-shadow: inset 0 2px 2px -2px rgba(0, 0, 0, 0.2); }
row.activatable:backdrop:hover { background-color: transparent; }
row.activatable:selected:active { box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.5); }
Adwaita: use new HIG colors - blue selection color, success & destructive colors updates - blueish tint for dark Addresses issue #1443
2018-11-05 15:10:50 +00:00
row.activatable:selected.has-open-popup, row.activatable:selected:hover { background-color: #347cd3; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: use new HIG colors - blue selection color, success & destructive colors updates - blueish tint for dark Addresses issue #1443
2018-11-05 15:10:50 +00:00
row.activatable:selected:backdrop { background-color: #3584e4; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
/********************* App Notifications * */
Adwaita: OSD set semi-opaque again - forgot the bling bling
2019-04-11 13:35:24 +00:00
.app-notification, .app-notification.frame { padding: 10px; border-radius: 0 0 5px 5px; background-color: rgba(53, 53, 53, 0.7); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), transparent 2px); background-clip: padding-box; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
.app-notification:backdrop, .app-notification.frame:backdrop { background-image: none; transition: 200ms ease-out; }
.app-notification border, .app-notification.frame border { border: none; }
/************* Expanders * */
themes: Regenerate CSS to reflect recent commits a lot of them, in this case
2018-01-01 19:53:43 +00:00
expander title > arrow { min-width: 16px; min-height: 16px; -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
themes: Regenerate CSS to reflect recent commits a lot of them, in this case
2018-01-01 19:53:43 +00:00
expander title > arrow:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: use HIG grey for bg_color - refresh with a light bg color, use the new color palette
2018-11-09 14:37:08 +00:00
expander title > arrow:disabled { color: #929595; }
themes: Make disabled Expander arrow look disabled If GtkExpander:sensitive was FALSE, the arrow still got the normal fg colour, which made it look clickable, in contrast to the adjacent label. Fix this by adding selectors to catch the applicable :disabled states. Note: Needing these may indicate an oops in generic styles elsewhere, but I couldn’t see any, so let’s just get it looking right for now. Close https://gitlab.gnome.org/GNOME/gtk/issues/146
2018-03-29 20:23:50 +00:00
Adwaita: use HIG grey for bg_color - refresh with a light bg color, use the new color palette
2018-11-09 14:37:08 +00:00
expander title > arrow:disabled:backdrop { color: #d4cfca; }
themes: Make disabled Expander arrow look disabled If GtkExpander:sensitive was FALSE, the arrow still got the normal fg colour, which made it look clickable, in contrast to the adjacent label. Fix this by adding selectors to catch the applicable :disabled states. Note: Needing these may indicate an oops in generic styles elsewhere, but I couldn’t see any, so let’s just get it looking right for now. Close https://gitlab.gnome.org/GNOME/gtk/issues/146
2018-03-29 20:23:50 +00:00
Adwaita: tone down the 'devel' styling The selected bg was too prominent and intefered with button styling.
2018-09-26 13:50:58 +00:00
expander title > arrow:checked, expander title:checked > arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
themes: missing specificity bump on expander arrow Commit 4ee02725b407b277c36720f6f4279989730d24a2 made the :hover apply to the title node, not the arrow node, but the selectors it added were not caught by the recent commits fixing the specificity of title > arrow.
2018-01-01 21:21:52 +00:00
expander title:hover > arrow { color: #748489; }
themes: Do expander arrow :hover properly We want to prelight the arrow even when the label is hovered.
2017-11-05 04:08:18 +00:00
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
/************ Calendar * */
Adwaita: sync with stable styling - fold over changes in teh stable brnch to get the same look fixes issue #1656
2019-02-06 12:46:00 +00:00
calendar { color: black; border: 1px solid #cdc7c2; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
calendar:selected { border-radius: 3px; }
calendar.header { border-bottom-color: rgba(0, 0, 0, 0.1); }
calendar.header:backdrop { border-bottom-color: rgba(0, 0, 0, 0.1); }
calendar.button { color: rgba(46, 52, 54, 0.45); }
calendar.button:hover { color: #2e3436; }
Adwaita: use HIG grey for bg_color - refresh with a light bg color, use the new color palette
2018-11-09 14:37:08 +00:00
calendar.button:backdrop { color: rgba(146, 149, 149, 0.45); }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: use HIG grey for bg_color - refresh with a light bg color, use the new color palette
2018-11-09 14:37:08 +00:00
calendar.button:disabled { color: rgba(146, 149, 149, 0.45); }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: use HIG grey for bg_color - refresh with a light bg color, use the new color palette
2018-11-09 14:37:08 +00:00
calendar.highlight { color: #929595; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: use HIG grey for bg_color - refresh with a light bg color, use the new color palette
2018-11-09 14:37:08 +00:00
calendar.highlight:backdrop { color: #d4cfca; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: sync with stable styling - fold over changes in teh stable brnch to get the same look fixes issue #1656
2019-02-06 12:46:00 +00:00
calendar:backdrop { color: #323232; border-color: #d5d0cc; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
calendar:indeterminate { color: alpha(currentColor,0.1); }
/*********** Dialogs * */
Adwaita: use HIG grey for bg_color - refresh with a light bg color, use the new color palette
2018-11-09 14:37:08 +00:00
messagedialog .titlebar { min-height: 20px; background-image: none; background-color: #f6f5f4; border-style: none; border-top-left-radius: 7px; border-top-right-radius: 7px; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
themes: Regenerate CSS Seems to have been forgotten a few times.
2019-04-18 00:24:41 +00:00
messagedialog box.dialog-vbox.vertical { border-spacing: 10px; }
Adwaita: tone down infobars Fixes https://gitlab.gnome.org/GNOME/gtk/issues/1957
2019-06-17 17:52:32 +00:00
messagedialog label.title { font-weight: 800; font-size: 15pt; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
messagedialog.csd.background { border-bottom-left-radius: 9px; border-bottom-right-radius: 9px; }
messagedialog.csd .dialog-action-area button { padding: 10px 14px; border-radius: 0; border-left-style: solid; border-right-style: none; border-bottom-style: none; }
messagedialog.csd .dialog-action-area button:first-child { border-left-style: none; border-bottom-left-radius: 7px; -gtk-outline-bottom-left-radius: 5px; }
messagedialog.csd .dialog-action-area button:last-child { border-bottom-right-radius: 7px; -gtk-outline-bottom-right-radius: 5px; }
Adwaita: sync with stable styling - fold over changes in teh stable brnch to get the same look fixes issue #1656
2019-02-06 12:46:00 +00:00
filechooser .dialog-action-box { border-top: 1px solid #cdc7c2; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: sync with stable styling - fold over changes in teh stable brnch to get the same look fixes issue #1656
2019-02-06 12:46:00 +00:00
filechooser .dialog-action-box:backdrop { border-top-color: #d5d0cc; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: use HIG grey for bg_color - refresh with a light bg color, use the new color palette
2018-11-09 14:37:08 +00:00
filechooser #pathbarbox { border-bottom: 1px solid #f6f5f4; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: Bring filechooserbutton spacing back Add some space between the icons and the text, like there was in gtk3.
2019-04-28 08:34:47 +00:00
filechooserbutton > button > box { border-spacing: 6px; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
filechooserbutton:drop(active) { box-shadow: none; border-color: transparent; }
/*********** Sidebar * */
Adwaita: use HIG grey for bg_color - refresh with a light bg color, use the new color palette
2018-11-09 14:37:08 +00:00
.sidebar { border-style: none; background-color: #fbfafa; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: sync with stable styling - fold over changes in teh stable brnch to get the same look fixes issue #1656
2019-02-06 12:46:00 +00:00
stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:not(separator):dir(ltr), .sidebar:not(separator).left, .sidebar:not(separator).left:dir(rtl) { border-right: 1px solid #cdc7c2; border-left-style: none; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: Fix typo (missing comma) Closes https://gitlab.gnome.org/GNOME/gtk/issues/1713 (cherry picked from commit 0b61d6f6aef9fba35e896ac437a66b78eb649f75)
2019-03-04 15:30:43 +00:00
stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:not(separator):dir(rtl), .sidebar:not(separator).right { border-left: 1px solid #cdc7c2; border-right-style: none; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: sync with stable styling - fold over changes in teh stable brnch to get the same look fixes issue #1656
2019-02-06 12:46:00 +00:00
.sidebar:backdrop { background-color: #f9f9f8; border-color: #d5d0cc; transition: 200ms ease-out; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
.sidebar list { background-color: transparent; }
paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { border-style: none; }
stacksidebar row { padding: 10px 4px; }
stacksidebar row > label { padding-left: 6px; padding-right: 6px; }
stacksidebar row.needs-attention > label { background-size: 6px 6px, 0 0; }
Adwaita: sync with stable styling - fold over changes in teh stable brnch to get the same look fixes issue #1656
2019-02-06 12:46:00 +00:00
separator.sidebar { background-color: #cdc7c2; }
Adwaita: Style separator.sidebar Let separators be declared as sidebars to have the same style as those drawn by GtkStackSidebar. This also let them handle the selection-mode class, whether they are assigned it or they descend from something in selection mode. Also drop setting the selection mode color for non-sidebar separators. This is convenient when building a custom sidebar using a GtkSeparator and to extend a sidebar to the title bar.
2018-09-07 10:32:36 +00:00
Adwaita: sync with stable styling - fold over changes in teh stable brnch to get the same look fixes issue #1656
2019-02-06 12:46:00 +00:00
separator.sidebar:backdrop { background-color: #d5d0cc; }
Adwaita: Style separator.sidebar Let separators be declared as sidebars to have the same style as those drawn by GtkStackSidebar. This also let them handle the selection-mode class, whether they are assigned it or they descend from something in selection mode. Also drop setting the selection mode color for non-sidebar separators. This is convenient when building a custom sidebar using a GtkSeparator and to extend a sidebar to the title bar.
2018-09-07 10:32:36 +00:00
Adwaita: use new HIG colors - blue selection color, success & destructive colors updates - blueish tint for dark Addresses issue #1443
2018-11-05 15:10:50 +00:00
separator.sidebar.selection-mode, .selection-mode separator.sidebar { background-color: #15539e; }
Adwaita: Style separator.sidebar Let separators be declared as sidebars to have the same style as those drawn by GtkStackSidebar. This also let them handle the selection-mode class, whether they are assigned it or they descend from something in selection mode. Also drop setting the selection mode color for non-sidebar separators. This is convenient when building a custom sidebar using a GtkSeparator and to extend a sidebar to the title bar.
2018-09-07 10:32:36 +00:00
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
/**************** File chooser * */
adwaita: use generic sidebar icon style https://bugzilla.gnome.org/show_bug.cgi?id=786613
2017-08-23 20:26:06 +00:00
row image.sidebar-icon { opacity: 0.7; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
placessidebar > viewport.frame { border-style: none; }
placessidebar row { min-height: 36px; padding: 0px; }
placessidebar row > revealer { padding: 0 14px; }
placessidebar row:selected { color: #ffffff; }
Adwaita: use HIG grey for bg_color - refresh with a light bg color, use the new color palette
2018-11-09 14:37:08 +00:00
placessidebar row:disabled { color: #929595; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: use HIG grey for bg_color - refresh with a light bg color, use the new color palette
2018-11-09 14:37:08 +00:00
placessidebar row:backdrop { color: #929595; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
placessidebar row:backdrop:selected { color: #fcfcfc; }
Adwaita: use HIG grey for bg_color - refresh with a light bg color, use the new color palette
2018-11-09 14:37:08 +00:00
placessidebar row:backdrop:disabled { color: #d4cfca; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
placessidebar row image.sidebar-icon:dir(ltr) { padding-right: 8px; }
placessidebar row image.sidebar-icon:dir(rtl) { padding-left: 8px; }
placessidebar row label.sidebar-label:dir(ltr) { padding-right: 2px; }
placessidebar row label.sidebar-label:dir(rtl) { padding-left: 2px; }
button.sidebar-button { min-height: 26px; min-width: 26px; margin-top: 3px; margin-bottom: 3px; padding: 0; border-radius: 100%; -gtk-outline-radius: 100%; }
button.sidebar-button:not(:hover):not(:active) > image, button.sidebar-button:backdrop > image { opacity: 0.7; }
placessidebar row:selected:active { box-shadow: none; }
placessidebar row.sidebar-placeholder-row { padding: 0 8px; min-height: 2px; background-image: image(#4e9a06); background-clip: content-box; }
Adwaita: use new HIG colors - blue selection color, success & destructive colors updates - blueish tint for dark Addresses issue #1443
2018-11-05 15:10:50 +00:00
placessidebar row.sidebar-new-bookmark-row { color: #3584e4; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
placessidebar row:drop(active):not(:disabled) { color: #4e9a06; box-shadow: inset 0 1px #4e9a06, inset 0 -1px #4e9a06; }
placessidebar row:drop(active):not(:disabled):selected { color: #ffffff; background-color: #4e9a06; }
placesview .server-list-button > image { transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-icon-transform: rotate(0turn); }
placesview .server-list-button:checked > image { transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-icon-transform: rotate(-0.5turn); }
placesview row.activatable:hover { background-color: transparent; }
placesview: Bring spacing in the actionbar back In particular between the Connect button and the adjacent button/entry combination.
2019-04-29 06:47:24 +00:00
placesview > actionbar > revealer > box > box { border-spacing: 6px; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
/********* Paned * */
Adwaita: sync with stable styling - fold over changes in teh stable brnch to get the same look fixes issue #1656
2019-02-06 12:46:00 +00:00
paned > separator { min-width: 1px; min-height: 1px; -gtk-icon-source: none; border-style: none; background-color: transparent; background-image: image(#cdc7c2); background-size: 1px 1px; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: use new HIG colors - blue selection color, success & destructive colors updates - blueish tint for dark Addresses issue #1443
2018-11-05 15:10:50 +00:00
paned > separator:selected { background-image: image(#3584e4); }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: sync with stable styling - fold over changes in teh stable brnch to get the same look fixes issue #1656
2019-02-06 12:46:00 +00:00
paned > separator:backdrop { background-image: image(#d5d0cc); }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: sync with stable styling - fold over changes in teh stable brnch to get the same look fixes issue #1656
2019-02-06 12:46:00 +00:00
paned > separator.wide { min-width: 5px; min-height: 5px; background-color: #f6f5f4; background-image: image(#cdc7c2), image(#cdc7c2); background-size: 1px 1px, 1px 1px; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: sync with stable styling - fold over changes in teh stable brnch to get the same look fixes issue #1656
2019-02-06 12:46:00 +00:00
paned > separator.wide:backdrop { background-color: #f6f5f4; background-image: image(#d5d0cc), image(#d5d0cc); }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
paned.horizontal > separator { background-repeat: repeat-y; }
paned.horizontal > separator:dir(ltr) { margin: 0 -8px 0 0; padding: 0 8px 0 0; background-position: left; }
paned.horizontal > separator:dir(rtl) { margin: 0 0 0 -8px; padding: 0 0 0 8px; background-position: right; }
paned.horizontal > separator.wide { margin: 0; padding: 0; background-repeat: repeat-y, repeat-y; background-position: left, right; }
paned.vertical > separator { margin: 0 0 -8px 0; padding: 0 0 8px 0; background-repeat: repeat-x; background-position: top; }
paned.vertical > separator.wide { margin: 0; padding: 0; background-repeat: repeat-x, repeat-x; background-position: bottom, top; }
Adwaita: Regenerate CSS from SASS https://gitlab.gnome.org/GNOME/gtk/merge_requests/66 introduced spurious red/green fore/background. Also, the GtkVideo stuff didn't get regenerated in.
2018-03-22 20:58:31 +00:00
/************** GtkVideo * */
video { background: black; }
video image.osd { min-width: 64px; min-height: 64px; border-radius: 32px; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
/************** GtkInfoBar * */
infobar { border-style: none; }
Adwaita: tone down infobars Fixes https://gitlab.gnome.org/GNOME/gtk/issues/1957
2019-06-17 17:52:32 +00:00
infobar.info, infobar.question, infobar.warning, infobar.error { text-shadow: none; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: tone down infobars Fixes https://gitlab.gnome.org/GNOME/gtk/issues/1957
2019-06-17 17:52:32 +00:00
infobar.info:backdrop, infobar.info, infobar.question:backdrop, infobar.question, infobar.warning:backdrop, infobar.warning, infobar.error:backdrop, infobar.error { background-color: #f1e6d9; border-color: #e4e1de; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: tone down infobars Fixes https://gitlab.gnome.org/GNOME/gtk/issues/1957
2019-06-17 17:52:32 +00:00
infobar.info:backdrop label, infobar.info:backdrop, infobar.info label, infobar.info, infobar.question:backdrop label, infobar.question:backdrop, infobar.question label, infobar.question, infobar.warning:backdrop label, infobar.warning:backdrop, infobar.warning label, infobar.warning, infobar.error:backdrop label, infobar.error:backdrop, infobar.error label, infobar.error { color: #2e3436; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
infobar.info:backdrop, infobar.question:backdrop, infobar.warning:backdrop, infobar.error:backdrop { text-shadow: none; }
Adwaita: tone down infobars Fixes https://gitlab.gnome.org/GNOME/gtk/issues/1957
2019-06-17 17:52:32 +00:00
infobar.info button, infobar.question button, infobar.warning button, infobar.error button { color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); border-color: #cdc7c2; border-bottom-color: #bfb8b1; background-image: linear-gradient(to top, #edebe9 2px, #f6f5f4); text-shadow: 0 1px rgba(255, 255, 255, 0.769231); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.07); }
infobar.info button:hover, infobar.question button:hover, infobar.warning button:hover, infobar.error button:hover { color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); border-color: #cdc7c2; border-bottom-color: #bfb8b1; text-shadow: 0 1px rgba(255, 255, 255, 0.769231); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.07); background-image: linear-gradient(to top, #f6f5f4, #f8f8f7 1px); }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: tone down infobars Fixes https://gitlab.gnome.org/GNOME/gtk/issues/1957
2019-06-17 17:52:32 +00:00
infobar.info button:active, infobar.info button:checked, infobar.question button:active, infobar.question button:checked, infobar.warning button:active, infobar.warning button:checked, infobar.error button:active, infobar.error button:checked { color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); border-color: #cdc7c2; background-image: image(#d6d1cd); box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: tone down infobars Fixes https://gitlab.gnome.org/GNOME/gtk/issues/1957
2019-06-17 17:52:32 +00:00
infobar.info button:disabled, infobar.question button:disabled, infobar.warning button:disabled, infobar.error button:disabled { border-color: #cdc7c2; background-image: image(#faf9f8); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: tone down infobars Fixes https://gitlab.gnome.org/GNOME/gtk/issues/1957
2019-06-17 17:52:32 +00:00
infobar.info button:disabled label, infobar.info button:disabled, infobar.question button:disabled label, infobar.question button:disabled, infobar.warning button:disabled label, infobar.warning button:disabled, infobar.error button:disabled label, infobar.error button:disabled { color: #929595; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: tone down infobars Fixes https://gitlab.gnome.org/GNOME/gtk/issues/1957
2019-06-17 17:52:32 +00:00
infobar.info button:backdrop, infobar.question button:backdrop, infobar.warning button:backdrop, infobar.error button:backdrop { border-color: #d5d0cc; background-image: image(#f6f5f4); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #dfdcd8; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: tone down infobars Fixes https://gitlab.gnome.org/GNOME/gtk/issues/1957
2019-06-17 17:52:32 +00:00
infobar.info button:backdrop label, infobar.info button:backdrop, infobar.question button:backdrop label, infobar.question button:backdrop, infobar.warning button:backdrop label, infobar.warning button:backdrop, infobar.error button:backdrop label, infobar.error button:backdrop { color: #929595; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: tone down infobars Fixes https://gitlab.gnome.org/GNOME/gtk/issues/1957
2019-06-17 17:52:32 +00:00
infobar.info button:backdrop:disabled, infobar.question button:backdrop:disabled, infobar.warning button:backdrop:disabled, infobar.error button:backdrop:disabled { border-color: #d5d0cc; background-image: image(#faf9f8); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #dfdcd8; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: tone down infobars Fixes https://gitlab.gnome.org/GNOME/gtk/issues/1957
2019-06-17 17:52:32 +00:00
infobar.info button:backdrop:disabled label, infobar.info button:backdrop:disabled, infobar.question button:backdrop:disabled label, infobar.question button:backdrop:disabled, infobar.warning button:backdrop:disabled label, infobar.warning button:backdrop:disabled, infobar.error button:backdrop:disabled label, infobar.error button:backdrop:disabled { color: #d4cfca; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: tone down infobars Fixes https://gitlab.gnome.org/GNOME/gtk/issues/1957
2019-06-17 17:52:32 +00:00
infobar.info button:backdrop label, infobar.info button:backdrop, infobar.info button label, infobar.info button, infobar.question button:backdrop label, infobar.question button:backdrop, infobar.question button label, infobar.question button, infobar.warning button:backdrop label, infobar.warning button:backdrop, infobar.warning button label, infobar.warning button, infobar.error button:backdrop label, infobar.error button:backdrop, infobar.error button label, infobar.error button { color: #2e3436; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: tone down infobars Fixes https://gitlab.gnome.org/GNOME/gtk/issues/1957
2019-06-17 17:52:32 +00:00
infobar.info selection, infobar.question selection, infobar.warning selection, infobar.error selection { background-color: #dfdcd8; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
/************ Tooltips * */
tooltip: Remove excessive padding tooltips support padding now, just like everthing else.
2018-01-12 21:31:11 +00:00
tooltip { padding: 4px; border-radius: 5px; box-shadow: none; text-shadow: 0 1px black; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
adwaita: Regenerate proper CSS
2018-01-13 06:39:54 +00:00
tooltip.background { background-color: rgba(0, 0, 0, 0.8); background-clip: padding-box; border: 1px solid rgba(255, 255, 255, 0.1); }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
tooltip decoration { background-color: transparent; }
tooltip: Remove excessive padding tooltips support padding now, just like everthing else.
2018-01-12 21:31:11 +00:00
tooltip * { background-color: transparent; color: white; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
/***************** Color Chooser * */
colorswatch:drop(active), colorswatch { border-style: none; }
colorswatch.top { border-top-left-radius: 5.5px; border-top-right-radius: 5.5px; }
colorswatch.top overlay { border-top-left-radius: 5px; border-top-right-radius: 5px; }
colorswatch.bottom { border-bottom-left-radius: 5.5px; border-bottom-right-radius: 5.5px; }
colorswatch.bottom overlay { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }
colorswatch.left, colorswatch:first-child:not(.top) { border-top-left-radius: 5.5px; border-bottom-left-radius: 5.5px; }
colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { border-top-left-radius: 5px; border-bottom-left-radius: 5px; }
colorswatch.right, colorswatch:last-child:not(.bottom) { border-top-right-radius: 5.5px; border-bottom-right-radius: 5.5px; }
colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { border-top-right-radius: 5px; border-bottom-right-radius: 5px; }
Adwaita: Fix color of focus outline on colorswatch The focus outline disappeared as the colour of the swatch got close to the normal focus outline colour, which is alpha(currentColor, 0.3). Fix by making the outline an alpha’d version of the tick colour, but more opaque than normal outlines. 0.6 seems good enough; feel free to improve it, but at least this ensures the outline can’t vanish anymore. HighContrast achieves this already because it applies the color property to the main node, not the overlay. Doing that means the outline is fully opaque, which is fine for HC obviously but was excessive for Adwaita. https://bugzilla.gnome.org/show_bug.cgi?id=787757
2017-09-16 16:02:24 +00:00
colorswatch.dark { outline-color: rgba(255, 255, 255, 0.6); }
Adwaita: dark: Make colorswatch.light tick visible It used $text_color unconditionally, but in :dark, text is white, so we overlaid a white tick on any light colours, all the way to white itself. Using these named colours doesn’t make practical or semantic sense. Instead, use white/black over dark/light swatches, as in HC, so all variant–swatch combos work. Light looks the same, & :dark works now. For backdrop, use alpha 0.5, unlike 0.7 in HC, as that seemed excessive & different from the current effect. 0.5 is almost identical to how $backdrop_fg_colour is a 50% mix of $fg_color, & matches backdrop text. https://bugzilla.gnome.org/show_bug.cgi?id=787531
2017-09-16 14:46:50 +00:00
colorswatch.dark overlay { color: white; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
colorswatch.dark overlay:hover { border-color: rgba(0, 0, 0, 0.8); }
Adwaita: dark: Make colorswatch.light tick visible It used $text_color unconditionally, but in :dark, text is white, so we overlaid a white tick on any light colours, all the way to white itself. Using these named colours doesn’t make practical or semantic sense. Instead, use white/black over dark/light swatches, as in HC, so all variant–swatch combos work. Light looks the same, & :dark works now. For backdrop, use alpha 0.5, unlike 0.7 in HC, as that seemed excessive & different from the current effect. 0.5 is almost identical to how $backdrop_fg_colour is a 50% mix of $fg_color, & matches backdrop text. https://bugzilla.gnome.org/show_bug.cgi?id=787531
2017-09-16 14:46:50 +00:00
colorswatch.dark overlay:backdrop { color: rgba(255, 255, 255, 0.5); }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: Fix color of focus outline on colorswatch The focus outline disappeared as the colour of the swatch got close to the normal focus outline colour, which is alpha(currentColor, 0.3). Fix by making the outline an alpha’d version of the tick colour, but more opaque than normal outlines. 0.6 seems good enough; feel free to improve it, but at least this ensures the outline can’t vanish anymore. HighContrast achieves this already because it applies the color property to the main node, not the overlay. Doing that means the outline is fully opaque, which is fine for HC obviously but was excessive for Adwaita. https://bugzilla.gnome.org/show_bug.cgi?id=787757
2017-09-16 16:02:24 +00:00
colorswatch.light { outline-color: rgba(0, 0, 0, 0.6); }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
colorswatch.light overlay { color: black; }
colorswatch.light overlay:hover { border-color: rgba(0, 0, 0, 0.5); }
Adwaita: dark: Make colorswatch.light tick visible It used $text_color unconditionally, but in :dark, text is white, so we overlaid a white tick on any light colours, all the way to white itself. Using these named colours doesn’t make practical or semantic sense. Instead, use white/black over dark/light swatches, as in HC, so all variant–swatch combos work. Light looks the same, & :dark works now. For backdrop, use alpha 0.5, unlike 0.7 in HC, as that seemed excessive & different from the current effect. 0.5 is almost identical to how $backdrop_fg_colour is a 50% mix of $fg_color, & matches backdrop text. https://bugzilla.gnome.org/show_bug.cgi?id=787531
2017-09-16 14:46:50 +00:00
colorswatch.light overlay:backdrop { color: rgba(0, 0, 0, 0.5); }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
colorswatch:drop(active) { box-shadow: none; }
colorswatch:drop(active).light overlay { border-color: #4e9a06; box-shadow: inset 0 0 0 2px #3d7805, inset 0 0 0 1px #4e9a06; }
colorswatch:drop(active).dark overlay { border-color: #4e9a06; box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.3), inset 0 0 0 1px #4e9a06; }
colorswatch overlay { border: 1px solid rgba(0, 0, 0, 0.3); }
colorswatch overlay:hover { box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), inset 0 -1px rgba(0, 0, 0, 0.2); }
colorswatch overlay:backdrop, colorswatch overlay:backdrop:hover { border-color: rgba(0, 0, 0, 0.3); box-shadow: none; }
popover: Bring back the beak Bring back the code that draws an arrow.
2019-05-05 23:53:02 +00:00
colorswatch#add-color-button { border-radius: 5px 0 0 5px; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
colorswatch#add-color-button:only-child { border-radius: 5px; }
Adwaita: sync with stable styling - fold over changes in teh stable brnch to get the same look fixes issue #1656
2019-02-06 12:46:00 +00:00
colorswatch#add-color-button overlay { color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); border-color: #cdc7c2; border-bottom-color: #bfb8b1; background-image: linear-gradient(to top, #edebe9 2px, #f6f5f4); text-shadow: 0 1px rgba(255, 255, 255, 0.769231); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.07); }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: sync with stable styling - fold over changes in teh stable brnch to get the same look fixes issue #1656
2019-02-06 12:46:00 +00:00
colorswatch#add-color-button overlay:hover { color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); border-color: #cdc7c2; border-bottom-color: #bfb8b1; text-shadow: 0 1px rgba(255, 255, 255, 0.769231); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.07); background-image: linear-gradient(to top, #f6f5f4, #f8f8f7 1px); }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: sync with stable styling - fold over changes in teh stable brnch to get the same look fixes issue #1656
2019-02-06 12:46:00 +00:00
colorswatch#add-color-button overlay:backdrop { border-color: #d5d0cc; background-image: image(#f6f5f4); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: use HIG grey for bg_color - refresh with a light bg color, use the new color palette
2018-11-09 14:37:08 +00:00
colorswatch#add-color-button overlay:backdrop label, colorswatch#add-color-button overlay:backdrop { color: #929595; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
colorswatch:disabled { opacity: 0.5; }
colorswatch:disabled overlay { border-color: rgba(0, 0, 0, 0.6); box-shadow: none; }
row:selected colorswatch { box-shadow: 0 0 0 2px #ffffff; }
colorswatch#editor-color-sample { border-radius: 4px; }
colorswatch#editor-color-sample overlay { border-radius: 4.5px; }
colorchooser .popover.osd { border-radius: 5px; }
/******** Misc * */
Adwaita: use HIG grey for bg_color - refresh with a light bg color, use the new color palette
2018-11-09 14:37:08 +00:00
.content-view { background-color: #e6e3e0; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
.content-view:hover { -gtk-icon-filter: brightness(1.2); }
Adwaita: use HIG grey for bg_color - refresh with a light bg color, use the new color palette
2018-11-09 14:37:08 +00:00
.content-view:backdrop { background-color: #e6e3e0; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
.osd .scale-popup button.flat { border-style: none; border-radius: 5px; }
.scale-popup button:hover { background-color: rgba(46, 52, 54, 0.1); border-radius: 5px; }
/********************** Window Decorations * */
Adwaita: sync with stable styling - fold over changes in teh stable brnch to get the same look fixes issue #1656
2019-02-06 12:46:00 +00:00
decoration { border-radius: 8px 8px 0 0; border-width: 0px; box-shadow: 0 3px 9px 1px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(0, 0, 0, 0.23); margin: 10px; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
decoration:backdrop { box-shadow: 0 3px 9px 1px transparent, 0 2px 6px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.18); transition: 200ms ease-out; }
window: Add individual CSS classes based on edge constraints The last touch on this patch series is making GtkWindow able to selectively adjust various UI details based on the different tiled edges. The main driver here is that we don't want to show shadows on edges that are constrained. This patch adds the necessary code to do that, while still maintaining compatibility with the old ways. https://bugzilla.gnome.org/show_bug.cgi?id=783669
2017-08-18 23:12:23 +00:00
.maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-left decoration, .tiled-right decoration, .tiled-bottom decoration { border-radius: 0; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
.popup decoration { box-shadow: none; }
.ssd decoration { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.23); }
Adwaita: sync with stable styling - fold over changes in teh stable brnch to get the same look fixes issue #1656
2019-02-06 12:46:00 +00:00
.csd.popup decoration { border-radius: 5px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.13); }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
tooltip.csd decoration { border-radius: 5px; box-shadow: none; }
Adwaita: sync with stable styling - fold over changes in teh stable brnch to get the same look fixes issue #1656
2019-02-06 12:46:00 +00:00
messagedialog.csd decoration { border-radius: 8px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.13); }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: sync with stable styling - fold over changes in teh stable brnch to get the same look fixes issue #1656
2019-02-06 12:46:00 +00:00
.solid-csd decoration { margin: 0; padding: 4px; background-color: #cdc7c2; border: solid 1px #cdc7c2; border-radius: 0; box-shadow: inset 0 0 0 3px white, inset 0 1px rgba(255, 255, 255, 0.8); }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: use HIG grey for bg_color - refresh with a light bg color, use the new color palette
2018-11-09 14:37:08 +00:00
.solid-csd decoration:backdrop { box-shadow: inset 0 0 0 3px #f6f5f4, inset 0 1px rgba(255, 255, 255, 0.8); }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
button.titlebutton { text-shadow: 0 1px rgba(255, 255, 255, 0.769231); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); }
button.titlebutton:backdrop { -gtk-icon-shadow: none; }
Adwaita: use new HIG colors - blue selection color, success & destructive colors updates - blueish tint for dark Addresses issue #1443
2018-11-05 15:10:50 +00:00
.selection-mode headerbar button.titlebutton, .selection-mode .titlebar button.titlebutton, headerbar.selection-mode button.titlebutton, .titlebar.selection-mode button.titlebutton { text-shadow: 0 -1px rgba(0, 0, 0, 0.559216); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.559216); }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: Set selection mode to headerbars if it's on ancestors This allows to set the container of the headerbars in selection mode rather than having to set the mode to each element of the title bar.
2018-09-07 13:24:24 +00:00
.selection-mode headerbar button.titlebutton:backdrop, .selection-mode .titlebar button.titlebutton:backdrop, headerbar.selection-mode button.titlebutton:backdrop, .titlebar.selection-mode button.titlebutton:backdrop { -gtk-icon-shadow: none; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: separate '.view text' from textview>text The first rule breaks GtkText inside GtkSearchEntry inside something that has .view applied, as found in the file chooser when searching.
2019-04-27 06:12:46 +00:00
.view:selected:focus, .view:selected, iconview:selected, textview > text:selected, textview > text selection:focus, textview > text selection, flowbox flowboxchild:selected, spinbutton:not(.vertical) selection, spinbutton.vertical text selection, entry selection, modelbutton.flat:selected, .menuitem.button.flat:selected, treeview.view:selected:focus, treeview.view:selected, row:selected, calendar:selected { background-color: #3584e4; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: separate '.view text' from textview>text The first rule breaks GtkText inside GtkSearchEntry inside something that has .view applied, as found in the file chooser when searching.
2019-04-27 06:12:46 +00:00
row:selected label, label:selected, .selection-mode button.titlebutton, .view:selected:focus, .view:selected, iconview:selected, textview > text:selected, textview > text selection:focus, textview > text selection, flowbox flowboxchild:selected, spinbutton:not(.vertical) selection, spinbutton.vertical text selection, entry selection, modelbutton.flat:selected, .menuitem.button.flat:selected, treeview.view:selected:focus, treeview.view:selected, row:selected, calendar:selected { color: #ffffff; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: separate '.view text' from textview>text The first rule breaks GtkText inside GtkSearchEntry inside something that has .view applied, as found in the file chooser when searching.
2019-04-27 06:12:46 +00:00
row:selected label:disabled, label:disabled:selected, .selection-mode button.titlebutton:disabled, iconview:disabled:selected:focus, .view:disabled:selected, iconview:disabled:selected, textview > text:disabled:selected:focus, textview > text:disabled:selected, textview > text selection:disabled, flowbox flowboxchild:disabled:selected, label:disabled selection, spinbutton:not(.vertical) selection:disabled, spinbutton.vertical text selection:disabled, entry selection:disabled, modelbutton.flat:disabled:selected, .menuitem.button.flat:disabled:selected, row:disabled:selected, calendar:disabled:selected { color: #9ac2f2; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: separate '.view text' from textview>text The first rule breaks GtkText inside GtkSearchEntry inside something that has .view applied, as found in the file chooser when searching.
2019-04-27 06:12:46 +00:00
row:selected label:backdrop, label:backdrop:selected, .selection-mode button.titlebutton:backdrop, iconview:backdrop:selected:focus, .view:backdrop:selected, iconview:backdrop:selected, textview > text:backdrop:selected:focus, textview > text:backdrop:selected, textview > text selection:backdrop, flowbox flowboxchild:backdrop:selected, label:backdrop selection, spinbutton:not(.vertical) selection:backdrop, spinbutton.vertical text selection:backdrop, entry selection:backdrop, modelbutton.flat:backdrop:selected, .menuitem.button.flat:backdrop:selected, row:backdrop:selected, calendar:backdrop:selected { color: #fcfcfc; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: separate '.view text' from textview>text The first rule breaks GtkText inside GtkSearchEntry inside something that has .view applied, as found in the file chooser when searching.
2019-04-27 06:12:46 +00:00
row:selected label:backdrop:disabled, label:backdrop:disabled:selected, .selection-mode button.titlebutton:backdrop:disabled, .view:backdrop:disabled:selected, iconview:backdrop:disabled:selected, textview > text:backdrop:disabled:selected, textview > text selection:backdrop:disabled, flowbox flowboxchild:backdrop:disabled:selected, label:disabled selection:backdrop, label:backdrop selection:disabled, spinbutton:not(.vertical) selection:backdrop:disabled, spinbutton.vertical text selection:backdrop:disabled, entry selection:backdrop:disabled, modelbutton.flat:backdrop:disabled:selected, .menuitem.button.flat:backdrop:disabled:selected, row:backdrop:disabled:selected, calendar:backdrop:disabled:selected { color: #71a8eb; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
.monospace { font-family: monospace; }
/********************** Touch Copy & Paste * */
Adwaita: Regenerate CSS for text handle overhaul Commit b3e91b7111f5b46a9165b03d0fc37080358c93e4 forgot this.
2018-07-02 21:04:17 +00:00
cursor-handle { background-color: transparent; background-image: none; box-shadow: none; border-style: none; min-width: 20px; min-height: 24px; padding-left: 20px; padding-right: 20px; padding-top: 24px; padding-bottom: 24px; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: Regenerate CSS for text handle overhaul Commit b3e91b7111f5b46a9165b03d0fc37080358c93e4 forgot this.
2018-07-02 21:04:17 +00:00
cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/text-select-start.png"), url("assets/text-select-start@2.png")); }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: Regenerate CSS for text handle overhaul Commit b3e91b7111f5b46a9165b03d0fc37080358c93e4 forgot this.
2018-07-02 21:04:17 +00:00
cursor-handle.bottom:dir(ltr), cursor-handle.top:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/text-select-end.png"), url("assets/text-select-end@2.png")); }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above.png"), url("assets/slider-horz-scale-has-marks-above@2.png")); }
Adwaita: Regenerate CSS for text handle overhaul Commit b3e91b7111f5b46a9165b03d0fc37080358c93e4 forgot this.
2018-07-02 21:04:17 +00:00
cursor-handle.top:hover:dir(ltr), cursor-handle.bottom:hover:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/text-select-start-hover.png"), url("assets/text-select-start-hover@2.png")); }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: Regenerate CSS for text handle overhaul Commit b3e91b7111f5b46a9165b03d0fc37080358c93e4 forgot this.
2018-07-02 21:04:17 +00:00
cursor-handle.bottom:hover:dir(ltr), cursor-handle.top:hover:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/text-select-end-hover.png"), url("assets/text-select-end-hover@2.png")); }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
cursor-handle.insertion-cursor:hover:dir(ltr), cursor-handle.insertion-cursor:hover:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-hover.png"), url("assets/slider-horz-scale-has-marks-above-hover@2.png")); }
Adwaita: Regenerate CSS for text handle overhaul Commit b3e91b7111f5b46a9165b03d0fc37080358c93e4 forgot this.
2018-07-02 21:04:17 +00:00
cursor-handle.top:active:dir(ltr), cursor-handle.bottom:active:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/text-select-start-active.png"), url("assets/text-select-start-active@2.png")); }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: Regenerate CSS for text handle overhaul Commit b3e91b7111f5b46a9165b03d0fc37080358c93e4 forgot this.
2018-07-02 21:04:17 +00:00
cursor-handle.bottom:active:dir(ltr), cursor-handle.top:active:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/text-select-end-active.png"), url("assets/text-select-end-active@2.png")); }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
cursor-handle.insertion-cursor:active:dir(ltr), cursor-handle.insertion-cursor:active:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active.png"), url("assets/slider-horz-scale-has-marks-above-active@2.png")); }
.context-menu { font: initial; }
Adwaita: Remove focus outlines from scrollbars and scales gtk3 didn't have focus outlines for these, so remove them for now. Sorry lapo.
2017-10-25 07:34:52 +00:00
shortcuts-section { margin: 20px; }
.shortcuts-search-results { margin: 20px; border-spacing: 24px; }
Adwaita: sync with stable styling - fold over changes in teh stable brnch to get the same look fixes issue #1656
2019-02-06 12:46:00 +00:00
.keycap { min-width: 20px; min-height: 25px; margin-top: 2px; padding-bottom: 3px; padding-left: 6px; padding-right: 6px; color: #2e3436; background-color: #ffffff; border: 1px solid; border-color: #e1dedb; border-radius: 5px; box-shadow: inset 0 -3px #f8f7f6; font-size: smaller; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
Adwaita: use HIG grey for bg_color - refresh with a light bg color, use the new color palette
2018-11-09 14:37:08 +00:00
.keycap:backdrop { background-color: #fcfcfc; color: #929595; transition: 200ms ease-out; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
:not(decoration):not(window):drop(active):focus, :not(decoration):not(window):drop(active) { border-color: #4e9a06; box-shadow: inset 0 0 0 1px #4e9a06; caret-color: #4e9a06; }
stackswitcher button.text-button { min-width: 100px; }
stackswitcher button.circular, stackswitcher button.text-button.circular { min-width: 32px; min-height: 32px; padding: 0; }
Adwaita: sync with stable styling - fold over changes in teh stable brnch to get the same look fixes issue #1656
2019-02-06 12:46:00 +00:00
/************* App Icons * */
/* Outline for low res icons */
Adwaita: tone down lowres icon aid Fixes https://gitlab.gnome.org/GNOME/gtk/issues/1818
2019-04-29 13:06:32 +00:00
.lowres-icon { -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.05), 1px 0 rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.3), -1px 0 rgba(0, 0, 0, 0.1); }
Adwaita: sync with stable styling - fold over changes in teh stable brnch to get the same look fixes issue #1656
2019-02-06 12:46:00 +00:00
/* Drapshadow for large icons */
.icon-dropshadow { -gtk-icon-shadow: 0 2px 12px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.7); }
Adwaita: Make use of SASS syntax for emoji stuff This makes the theme easier to maintain. https://bugzilla.gnome.org/show_bug.cgi?id=786956
2017-09-02 15:56:14 +00:00
/********* Emoji * */
Add an Emoji chooser widget Add a popover that shows color Emoji, with a search entry. The recently-used Emoji are stored in a GSetting.
2017-08-11 15:54:15 +00:00
popover.emoji-picker { padding-left: 0; padding-right: 0; }
Adwaita: proper colours for inactive emoji buttons Use opacity to differentiate unselected/hovered/selected buttons. It had assumed bg < border < fg colours, which may be false, as in Adwaita:dark This also means we do not need to special-case for the backdrop state. https://bugzilla.gnome.org/show_bug.cgi?id=786956
2017-09-02 15:54:47 +00:00
button.emoji-section { border-color: transparent; border-width: 3px; border-style: none none solid; border-radius: 0; margin: 2px 4px 2px 4px; padding: 3px 0 0; min-width: 32px; min-height: 28px; /* reset props inherited from the button style */ background: none; box-shadow: none; text-shadow: none; outline-offset: -5px; }
Add an Emoji chooser widget Add a popover that shows color Emoji, with a search entry. The recently-used Emoji are stored in a GSetting.
2017-08-11 15:54:15 +00:00
Adwaita: Make use of SASS syntax for emoji stuff This makes the theme easier to maintain. https://bugzilla.gnome.org/show_bug.cgi?id=786956
2017-09-02 15:56:14 +00:00
button.emoji-section:backdrop:not(:checked) { border-color: transparent; }
Add an Emoji chooser widget Add a popover that shows color Emoji, with a search entry. The recently-used Emoji are stored in a GSetting.
2017-08-11 15:54:15 +00:00
Adwaita: sync with stable styling - fold over changes in teh stable brnch to get the same look fixes issue #1656
2019-02-06 12:46:00 +00:00
button.emoji-section:hover { border-color: #cdc7c2; }
Add an Emoji chooser widget Add a popover that shows color Emoji, with a search entry. The recently-used Emoji are stored in a GSetting.
2017-08-11 15:54:15 +00:00
Adwaita: use new HIG colors - blue selection color, success & destructive colors updates - blueish tint for dark Addresses issue #1443
2018-11-05 15:10:50 +00:00
button.emoji-section:checked { border-color: #3584e4; }
Add an Emoji chooser widget Add a popover that shows color Emoji, with a search entry. The recently-used Emoji are stored in a GSetting.
2017-08-11 15:54:15 +00:00
Adwaita: proper colours for inactive emoji buttons Use opacity to differentiate unselected/hovered/selected buttons. It had assumed bg < border < fg colours, which may be false, as in Adwaita:dark This also means we do not need to special-case for the backdrop state. https://bugzilla.gnome.org/show_bug.cgi?id=786956
2017-09-02 15:54:47 +00:00
button.emoji-section label { padding: 0; opacity: 0.55; }
Add an Emoji chooser widget Add a popover that shows color Emoji, with a search entry. The recently-used Emoji are stored in a GSetting.
2017-08-11 15:54:15 +00:00
Adwaita: proper colours for inactive emoji buttons Use opacity to differentiate unselected/hovered/selected buttons. It had assumed bg < border < fg colours, which may be false, as in Adwaita:dark This also means we do not need to special-case for the backdrop state. https://bugzilla.gnome.org/show_bug.cgi?id=786956
2017-09-02 15:54:47 +00:00
button.emoji-section:hover label { opacity: 0.775; }
Add an Emoji chooser widget Add a popover that shows color Emoji, with a search entry. The recently-used Emoji are stored in a GSetting.
2017-08-11 15:54:15 +00:00
Adwaita: proper colours for inactive emoji buttons Use opacity to differentiate unselected/hovered/selected buttons. It had assumed bg < border < fg colours, which may be false, as in Adwaita:dark This also means we do not need to special-case for the backdrop state. https://bugzilla.gnome.org/show_bug.cgi?id=786956
2017-09-02 15:54:47 +00:00
button.emoji-section:checked label { opacity: 1; }
Adwaita: Make use of SASS syntax for emoji stuff This makes the theme easier to maintain. https://bugzilla.gnome.org/show_bug.cgi?id=786956
2017-09-02 15:56:14 +00:00
themes: Regenerate CSS for recent commits e.g. the box.linked one, which didn't update the compiled CSS.
2018-06-20 18:25:04 +00:00
popover.emoji-picker .emoji { font-size: x-large; padding: 6px; border-radius: 6px; }
Adwaita: use new HIG colors - blue selection color, success & destructive colors updates - blueish tint for dark Addresses issue #1443
2018-11-05 15:10:50 +00:00
popover.emoji-picker .emoji :hover { background: #3584e4; }
themes: Regenerate CSS for recent commits e.g. the box.linked one, which didn't update the compiled CSS.
2018-06-20 18:25:04 +00:00
popover.emoji-completion contents row box { border-spacing: 10px; padding: 2px 10px; }
Add an Emoji chooser widget Add a popover that shows color Emoji, with a search entry. The recently-used Emoji are stored in a GSetting.
2017-08-11 15:54:15 +00:00
Adwaita: use HIG grey for bg_color - refresh with a light bg color, use the new color palette
2018-11-09 14:37:08 +00:00
popover.emoji-completion .emoji:hover { background-color: white; }
Add an Emoji chooser widget Add a popover that shows color Emoji, with a search entry. The recently-used Emoji are stored in a GSetting.
2017-08-11 15:54:15 +00:00
Adwaita: update treeview progressbars - The style resembles Clearlooks and is way outdated. https://gitlab.gnome.org/GNOME/gtk/issues/1938
2019-06-07 08:46:42 +00:00
popover.entry-completion contents { padding: 0; }
Adwaita: tone down infobars Fixes https://gitlab.gnome.org/GNOME/gtk/issues/1957
2019-06-17 17:52:32 +00:00
menubar { padding: 0px; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1); }
menubar:backdrop { background-color: #f6f5f4; }
menubar > item { min-height: 16px; padding: 4px 8px; }
menubar > item:selected { box-shadow: inset 0 -3px #3584e4; color: #1b6acb; }
menubar > item:disabled { color: #929595; box-shadow: none; }
menubar .csd.popup decoration { border-radius: 0; }
popover.menu button.flat.image-button.model { padding: 0; border: none; }
popover.menu button.flat.image-button.model:selected { border: none; color: #ffffff; background: #3584e4; }
popover.menu box.inline-buttons { border-radius: 5px; border-style: none; border-width: 0; border-image-source: none; border-image-width: 1px; }
popover.menu box.circular-buttons { padding-bottom: 5px; }
popover.menu.background contents { background: white; }
popover.menu.background separator { margin: 5px 0px; }
popover.menu accelerator { margin-left: 20px; color: gray; }
popover.menu box.inline-buttons { padding: 0 5px; }
popover.menu radio.left, popover.menu check.left { margin-left: 0; margin-right: 12px; }
popover.menu radio.right, popover.menu check.right { margin-left: 12px; margin-right: 0; }
popover.menu modelbutton:selected { color: #ffffff; background-color: #3584e4; }
popover.menu modelbutton:selected accelerator { color: silver; }
Adwaita: regenerate css using sassc
2017-05-03 15:43:45 +00:00
/* GTK NAMED COLORS ---------------- use responsibly! */
Adwaita: comment exported colors
2014-10-18 14:29:19 +00:00
/*
Adwaita: GtkPlacesSidebar treeview text color fix With my latest changes we have a darker text color for views and entries (which I assume are content), the places sidebar is totally chrome though so it needs the chrome text color back.
2014-10-20 13:22:42 +00:00
widget text/foreground color */
Adwaita: take named colors out of _colors.scss To be able to use sass for shipped css, importing _colors.scss and _drawings.scss.
2014-08-28 11:21:14 +00:00
@define-color theme_fg_color #2e3436;
Adwaita: comment exported colors
2014-10-18 14:29:19 +00:00
/*
Adwaita: add back text color. See https://bugzilla.gnome.org/show_bug.cgi?id=726316 for details.
2014-10-18 14:57:39 +00:00
text color for entries, views and content in general */
@define-color theme_text_color black;
/*
Adwaita: comment exported colors
2014-10-18 14:29:19 +00:00
widget base background color */
Adwaita: use HIG grey for bg_color - refresh with a light bg color, use the new color palette
2018-11-09 14:37:08 +00:00
@define-color theme_bg_color #f6f5f4;
Adwaita: comment exported colors
2014-10-18 14:29:19 +00:00
/*
text widgets and the like base background color */
Adwaita: really fix tooltips background See https://bugzilla.gnome.org/show_bug.cgi?id=736155 for details.
2014-09-06 14:02:34 +00:00
@define-color theme_base_color #ffffff;
Adwaita: comment exported colors
2014-10-18 14:29:19 +00:00
/*
base background color of selections */
Adwaita: use new HIG colors - blue selection color, success & destructive colors updates - blueish tint for dark Addresses issue #1443
2018-11-05 15:10:50 +00:00
@define-color theme_selected_bg_color #3584e4;
Adwaita: comment exported colors
2014-10-18 14:29:19 +00:00
/*
text/foreground color of selections */
Adwaita: really fix tooltips background See https://bugzilla.gnome.org/show_bug.cgi?id=736155 for details.
2014-09-06 14:02:34 +00:00
@define-color theme_selected_fg_color #ffffff;
Adwaita: comment exported colors
2014-10-18 14:29:19 +00:00
/*
base background color of insensitive widgets */
Adwaita: use HIG grey for bg_color - refresh with a light bg color, use the new color palette
2018-11-09 14:37:08 +00:00
@define-color insensitive_bg_color #faf9f8;
Adwaita: comment exported colors
2014-10-18 14:29:19 +00:00
/*
text foreground color of insensitive widgets */
Adwaita: use HIG grey for bg_color - refresh with a light bg color, use the new color palette
2018-11-09 14:37:08 +00:00
@define-color insensitive_fg_color #929595;
Adwaita: comment exported colors
2014-10-18 14:29:19 +00:00
/*
insensitive text widgets and the like base background color */
Adwaita: really fix tooltips background See https://bugzilla.gnome.org/show_bug.cgi?id=736155 for details.
2014-09-06 14:02:34 +00:00
@define-color insensitive_base_color #ffffff;
Adwaita: comment exported colors
2014-10-18 14:29:19 +00:00
/*
widget text/foreground color on backdrop windows */
Adwaita: use HIG grey for bg_color - refresh with a light bg color, use the new color palette
2018-11-09 14:37:08 +00:00
@define-color theme_unfocused_fg_color #929595;
Adwaita: comment exported colors
2014-10-18 14:29:19 +00:00
/*
Adwaita: add back text color. See https://bugzilla.gnome.org/show_bug.cgi?id=726316 for details.
2014-10-18 14:57:39 +00:00
text color for entries, views and content in general on backdrop windows */
@define-color theme_unfocused_text_color black;
/*
Adwaita: comment exported colors
2014-10-18 14:29:19 +00:00
widget base background color on backdrop windows */
Adwaita: use HIG grey for bg_color - refresh with a light bg color, use the new color palette
2018-11-09 14:37:08 +00:00
@define-color theme_unfocused_bg_color #f6f5f4;
Adwaita: comment exported colors
2014-10-18 14:29:19 +00:00
/*
text widgets and the like base background color on backdrop windows */
Adwaita: fix label styling backdrop wasn't in the mix, added and adjusted other widgets styling not to be overridden by it when not needed. Spotted a typo making the backdrop base color white in the process.
2016-03-19 17:55:13 +00:00
@define-color theme_unfocused_base_color #fcfcfc;
Adwaita: comment exported colors
2014-10-18 14:29:19 +00:00
/*
base background color of selections on backdrop windows */
Adwaita: use new HIG colors - blue selection color, success & destructive colors updates - blueish tint for dark Addresses issue #1443
2018-11-05 15:10:50 +00:00
@define-color theme_unfocused_selected_bg_color #3584e4;
Adwaita: comment exported colors
2014-10-18 14:29:19 +00:00
/*
text/foreground color of selections on backdrop windows */
Adwaita: really fix tooltips background See https://bugzilla.gnome.org/show_bug.cgi?id=736155 for details.
2014-09-06 14:02:34 +00:00
@define-color theme_unfocused_selected_fg_color #ffffff;
Adwaita: comment exported colors
2014-10-18 14:29:19 +00:00
/*
Adwaita: export yet another named color for insensitive bg/fg... ...which was needed, but not there, use responsibly.
2016-07-24 16:04:51 +00:00
insensitive color on backdrop windows*/
Adwaita: use HIG grey for bg_color - refresh with a light bg color, use the new color palette
2018-11-09 14:37:08 +00:00
@define-color unfocused_insensitive_color #d4cfca;
Adwaita: export yet another named color for insensitive bg/fg... ...which was needed, but not there, use responsibly.
2016-07-24 16:04:51 +00:00
/*
Adwaita: comment exported colors
2014-10-18 14:29:19 +00:00
widgets main borders color */
Adwaita: sync with stable styling - fold over changes in teh stable brnch to get the same look fixes issue #1656
2019-02-06 12:46:00 +00:00
@define-color borders #cdc7c2;
Adwaita: comment exported colors
2014-10-18 14:29:19 +00:00
/*
widgets main borders color on backdrop windows */
Adwaita: sync with stable styling - fold over changes in teh stable brnch to get the same look fixes issue #1656
2019-02-06 12:46:00 +00:00
@define-color unfocused_borders #d5d0cc;
Adwaita: comment exported colors
2014-10-18 14:29:19 +00:00
/*
these are pretty self explicative */
Adwaita: take named colors out of _colors.scss To be able to use sass for shipped css, importing _colors.scss and _drawings.scss.
2014-08-28 11:21:14 +00:00
@define-color warning_color #f57900;
@define-color error_color #cc0000;
Adwaita: use new HIG colors - blue selection color, success & destructive colors updates - blueish tint for dark Addresses issue #1443
2018-11-05 15:10:50 +00:00
@define-color success_color #33d17a;
Adwaita: comment exported colors
2014-10-18 14:29:19 +00:00
/*
these colors are exported for the window manager and shouldn't be used in applications,
read if you used those and something break with a version upgrade you're on your own... */
Adwaita: take named colors out of _colors.scss To be able to use sass for shipped css, importing _colors.scss and _drawings.scss.
2014-08-28 11:21:14 +00:00
@define-color wm_title shade(#2e3436, 1.8);
Adwaita: use HIG grey for bg_color - refresh with a light bg color, use the new color palette
2018-11-09 14:37:08 +00:00
@define-color wm_unfocused_title #929595;
Adwaita: slight color tweaks
2015-12-04 17:42:56 +00:00
@define-color wm_highlight rgba(255, 255, 255, 0.8);
@define-color wm_borders_edge rgba(255, 255, 255, 0.8);
Adwaita: use HIG grey for bg_color - refresh with a light bg color, use the new color palette
2018-11-09 14:37:08 +00:00
@define-color wm_bg_a shade(#f6f5f4, 1.2);
@define-color wm_bg_b #f6f5f4;
Adwaita: take named colors out of _colors.scss To be able to use sass for shipped css, importing _colors.scss and _drawings.scss.
2014-08-28 11:21:14 +00:00
@define-color wm_shadow alpha(black, 0.35);
@define-color wm_border alpha(black, 0.18);
Adwaita: use HIG grey for bg_color - refresh with a light bg color, use the new color palette
2018-11-09 14:37:08 +00:00
@define-color wm_button_hover_color_a shade(#f6f5f4, 1.3);
@define-color wm_button_hover_color_b #f6f5f4;
@define-color wm_button_active_color_a shade(#f6f5f4, 0.85);
@define-color wm_button_active_color_b shade(#f6f5f4, 0.89);
@define-color wm_button_active_color_c shade(#f6f5f4, 0.9);
Adwaita: really fix tooltips background See https://bugzilla.gnome.org/show_bug.cgi?id=736155 for details.
2014-09-06 14:02:34 +00:00
@define-color content_view_bg #ffffff;
Reference in New Issue Copy Permalink