--- /dev/null
- textview > text > selection:focus-within { background-color: #15539e; }
+/*************************** Check and Radio buttons * */
+/*************** Base States * */
+.background { color: #eeeeec; background-color: #353535; }
+
+.background:backdrop { text-shadow: none; -gtk-icon-shadow: none; }
+
+dnd { color: #eeeeec; }
+
+.normal-icons { -gtk-icon-size: 16px; }
+
+.large-icons { -gtk-icon-size: 32px; }
+
+image:disabled { -gtk-icon-filter: opacity(0.5); }
+
+.view, iconview, textview > text { color: white; background-color: #2d2d2d; }
+
+.view:disabled, iconview:disabled, textview > text:disabled { color: #919190; background-color: #323232; }
+
+.view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, textview > text:selected:focus, textview > text:selected { border-radius: 3px; }
+
+textview > text > selection { background-color: rgba(90, 90, 90, 0.5); }
+
- label > selection:focus-within { background-color: #15539e; }
++textview > text > selection:focus-within { background-color: rgba(21, 83, 158, 0.3); }
+
+textview:drop(active) { caret-color: #26a269; }
+
+textview > border { background-color: #313131; }
+
+iconview { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+iconview { outline: 0 solid transparent; outline-offset: 4px; }
+
+iconview:focus:focus-visible { outline-color: rgba(21, 83, 158, 0.7); outline-width: 2px; outline-offset: -2px; }
+
+iconview:drop(active) { box-shadow: none; }
+
+iconview > dndtarget:drop(active) { border-style: solid; border-width: 1px; border-color: #030c17; }
+
+rubberband, .content-view > rubberband, columnview.view > rubberband, treeview.view > rubberband, gridview > rubberband, flowbox > rubberband { border: 1px solid #0f3b71; background-color: rgba(15, 59, 113, 0.2); }
+
+flowbox > flowboxchild { padding: 3px; transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+flowbox > flowboxchild { outline: 0 solid transparent; outline-offset: 4px; }
+
+flowbox > flowboxchild:focus:focus-visible { outline-color: rgba(21, 83, 158, 0.7); outline-width: 2px; outline-offset: -2px; }
+
+flowbox > flowboxchild:selected { outline-color: rgba(255, 255, 255, 0.3); }
+
+gridview > child { padding: 3px; transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+gridview > child { outline: 0 solid transparent; outline-offset: 4px; }
+
+gridview > child:focus:focus-visible { outline-color: rgba(21, 83, 158, 0.7); outline-width: 2px; outline-offset: -2px; }
+
+gridview > child:selected { outline-color: rgba(255, 255, 255, 0.3); }
+
+gridview > child box { border-spacing: 8px; margin: 12px; }
+
+coverflow cover { color: white; background-color: #2d2d2d; border: 1px solid black; }
+
+label { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+label { outline: 0 solid transparent; outline-offset: 4px; }
+
+label:focus:focus-visible { outline-color: rgba(21, 83, 158, 0.7); outline-width: 2px; outline-offset: -2px; }
+
+label > selection { background-color: rgba(90, 90, 90, 0.5); color: #ffffff; }
+
- spinbutton.vertical > text > text > selection:focus-within, spinbutton:not(.vertical) > text > selection:focus-within, entry > text > selection:focus-within { background-color: #15539e; color: #ffffff; }
++label > selection:focus-within { background-color: rgba(21, 83, 158, 0.3); }
+
+label:disabled { color: #919190; }
+
+button label:disabled { color: inherit; }
+
+label.error { color: #cc0000; }
+
+label.error:disabled { color: rgba(204, 0, 0, 0.5); }
+
+.dim-label, .titlebar:not(headerbar) .subtitle, headerbar .subtitle, spinbutton.vertical > text > text > placeholder, spinbutton:not(.vertical) > text > placeholder, entry > text > placeholder, label.separator { opacity: 0.55; text-shadow: none; }
+
+window.assistant .sidebar { padding: 5px; border-top: 1px solid #1b1b1b; }
+
+window.assistant.csd .sidebar { border-top-style: none; }
+
+window.assistant .sidebar > label { padding: 6px 12px; }
+
+window.assistant .sidebar > label.highlight { background-color: #202020; border-radius: 5px; }
+
+window.aboutdialog image.large-icons { -gtk-icon-size: 128px; }
+
+.osd .scale-popup, .app-notification, .osd popover.background > arrow, .osd popover.background > contents, popover.background.touch-selection > arrow, popover.background.touch-selection > contents, popover.background.magnifier > arrow, popover.background.magnifier > contents, .osd { color: #eeeeec; border: none; background-color: rgba(38, 38, 38, 0.7); background-clip: padding-box; -gtk-icon-shadow: 0 1px black; }
+
+/********************* Spinner Animation * */
+@keyframes spin { to { 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; }
+
+/********************** General Typography * */
+.large-title { font-weight: 300; font-size: 24pt; }
+
+.title-1 { font-weight: 800; font-size: 20pt; }
+
+.title-2 { font-weight: 800; font-size: 15pt; }
+
+.title-3 { font-weight: 700; font-size: 15pt; }
+
+.title-4 { font-weight: 700; font-size: 13pt; }
+
+.heading { font-weight: 700; font-size: 11pt; }
+
+.body { font-weight: 400; font-size: 11pt; }
+
+.caption-heading { font-weight: 700; font-size: 9pt; }
+
+.caption { font-weight: 400; font-size: 9pt; }
+
+/**************** Text Entries * */
+spinbutton.vertical > text, spinbutton:not(.vertical), entry { min-height: 32px; padding-left: 8px; padding-right: 8px; border: 1px solid; border-radius: 5px; border-spacing: 6px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: white; border-color: #1b1b1b; background-color: #2d2d2d; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+spinbutton.vertical > text, spinbutton:not(.vertical), entry { outline: 0 solid transparent; outline-offset: 4px; }
+
+spinbutton.vertical > text:focus-within, spinbutton:focus-within:not(.vertical), entry:focus-within { outline-color: rgba(21, 83, 158, 0.7); outline-width: 2px; outline-offset: -2px; }
+
+spinbutton.vertical > text > image.left, spinbutton:not(.vertical) > image.left, entry > image.left { margin-right: 6px; }
+
+spinbutton.vertical > text > image.right, spinbutton:not(.vertical) > image.right, entry > image.right { margin-left: 6px; }
+
+spinbutton.vertical > text > text > block-cursor, spinbutton:not(.vertical) > text > block-cursor, entry > text > block-cursor { color: #2d2d2d; background-color: white; }
+
+spinbutton.vertical > text.flat, spinbutton.flat:not(.vertical), entry.flat:focus-within, entry.flat:backdrop, entry.flat:disabled, entry.flat { min-height: 0; padding: 2px; background-color: transparent; border-color: transparent; border-radius: 0; }
+
+spinbutton.vertical > text:focus-within > placeholder, spinbutton:focus-within:not(.vertical) > placeholder, entry:focus-within > placeholder { opacity: 0; /* We hide placeholders on focus */ }
+
+spinbutton.vertical > text:disabled, spinbutton:disabled:not(.vertical), entry:disabled { color: #919190; border-color: #1b1b1b; background-color: #323232; }
+
+spinbutton.vertical > text > text > selection, spinbutton:not(.vertical) > text > selection, entry > text > selection { background-color: rgba(90, 90, 90, 0.5); color: transparent; }
+
- spinbutton.vertical > text > selection:focus-within { background-color: #15539e; color: #ffffff; }
++spinbutton.vertical > text > text > selection:focus-within, spinbutton:not(.vertical) > text > selection:focus-within, entry > text > selection:focus-within { background-color: rgba(21, 83, 158, 0.3); color: #eeeeec; }
+
+spinbutton.vertical > text.error, spinbutton.error:not(.vertical), entry.error { color: #cc0000; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+spinbutton.vertical > text.error, spinbutton.error:not(.vertical), entry.error { outline: 0 solid transparent; outline-offset: 4px; }
+
+spinbutton.vertical > text.error:focus-within, spinbutton.error:focus-within:not(.vertical), entry.error:focus-within { outline-color: rgba(204, 0, 0, 0.5); outline-width: 2px; outline-offset: -2px; }
+
+spinbutton.vertical > text.error > selection, spinbutton.error:not(.vertical) > selection, entry.error > selection { background-color: #cc0000; }
+
+spinbutton.vertical > text.warning, spinbutton.warning:not(.vertical), entry.warning { color: #f57900; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+spinbutton.vertical > text.warning, spinbutton.warning:not(.vertical), entry.warning { outline: 0 solid transparent; outline-offset: 4px; }
+
+spinbutton.vertical > text.warning:focus-within, spinbutton.warning:focus-within:not(.vertical), entry.warning:focus-within { outline-color: rgba(245, 121, 0, 0.5); outline-width: 2px; outline-offset: -2px; }
+
+spinbutton.vertical > text.warning > selection, spinbutton.warning:not(.vertical) > selection, entry.warning > selection { background-color: #f57900; }
+
+spinbutton.vertical > text > image, spinbutton:not(.vertical) > image, entry > image { color: #c7c7c6; }
+
+spinbutton.vertical > text > image:hover, spinbutton:not(.vertical) > image:hover, entry > image:hover { color: #eeeeec; }
+
+spinbutton.vertical > text > image:active, spinbutton:not(.vertical) > image:active, entry > image:active { color: #15539e; }
+
+spinbutton.vertical > text.password image.caps-lock-indicator, spinbutton.password:not(.vertical) image.caps-lock-indicator, entry.password image.caps-lock-indicator { color: #7e7e7d; }
+
+spinbutton.vertical > text:drop(active), spinbutton:drop(active):not(.vertical), entry:drop(active):focus-within, entry:drop(active) { border-color: #26a269; box-shadow: inset 0 0 0 1px #26a269; }
+
+.osd spinbutton.vertical > text, .osd spinbutton:not(.vertical), .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; -gtk-icon-shadow: 0 1px black; }
+
+.osd spinbutton.vertical > text:focus-within, .osd spinbutton:focus-within:not(.vertical), .osd entry:focus-within { color: white; border-color: #15539e; background-color: rgba(0, 0, 0, 0.5); background-clip: padding-box; }
+
+.osd spinbutton.vertical > text:disabled, .osd spinbutton:disabled:not(.vertical), .osd entry:disabled { color: #8a8a89; border-color: rgba(0, 0, 0, 0.7); background-color: rgba(58, 58, 57, 0.5); background-clip: padding-box; }
+
+spinbutton.vertical > text > progress, spinbutton:not(.vertical) > progress, entry > progress { margin-bottom: 2px; }
+
+spinbutton.vertical > text progress > trough > progress, spinbutton:not(.vertical) progress > trough > progress, entry progress > trough > progress { background-color: transparent; background-image: none; border-radius: 0; border-width: 0 0 2px; border-color: #15539e; border-style: solid; box-shadow: none; }
+
+spinbutton.vertical.linked:not(.vertical) > text:drop(active) + text, spinbutton.vertical.linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + text, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + spinbutton:not(.vertical), .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + spinbutton:not(.vertical), spinbutton.vertical.linked:not(.vertical) > text:drop(active) + button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + menubutton > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + menubutton > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + dropdown > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + dropdown > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + colorbutton > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + colorbutton > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + fontbutton > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + fontbutton > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + filechooserbutton > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + filechooserbutton > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + combobox > box > button.combo, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + entry, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + entry, .linked:not(.vertical) > entry:drop(active) + button, .linked:not(.vertical) > entry:drop(active) + menubutton > button, .linked:not(.vertical) > entry:drop(active) + dropdown > button, .linked:not(.vertical) > entry:drop(active) + colorbutton > button, .linked:not(.vertical) > entry:drop(active) + fontbutton > button, .linked:not(.vertical) > entry:drop(active) + filechooserbutton > button, .linked:not(.vertical) > entry:drop(active) + combobox > box > button.combo, spinbutton.vertical.linked:not(.vertical) > entry:drop(active) + text, .linked:not(.vertical) > entry:drop(active) + spinbutton:not(.vertical), .linked:not(.vertical) > entry:drop(active) + entry { border-left-color: #26a269; }
+
+spinbutton.vertical.linked > text:not(:disabled) + entry:not(:disabled), .linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled), spinbutton.vertical.linked > text:not(:disabled) + text:not(:disabled), spinbutton.vertical.linked > spinbutton:not(:disabled):not(.vertical) + text:not(:disabled), spinbutton.vertical.linked > text:not(:disabled) + spinbutton:not(:disabled):not(.vertical), .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):not(.vertical), .linked.vertical > entry:not(:disabled) + entry:not(:disabled), spinbutton.vertical.linked > entry:not(:disabled) + text:not(:disabled), .linked.vertical > entry:not(:disabled) + spinbutton:not(:disabled):not(.vertical) { border-top-color: #282828; }
+
+spinbutton.vertical.linked > text:disabled + text:disabled, spinbutton.vertical.linked > spinbutton:disabled:not(.vertical) + text:disabled, spinbutton.vertical.linked > text:disabled + spinbutton:disabled:not(.vertical), .linked.vertical > spinbutton:disabled:not(.vertical) + spinbutton:disabled:not(.vertical), spinbutton.vertical.linked > text:disabled + entry:disabled, .linked.vertical > spinbutton:disabled:not(.vertical) + entry:disabled, spinbutton.vertical.linked > entry:disabled + text:disabled, .linked.vertical > entry:disabled + spinbutton:disabled:not(.vertical), .linked.vertical > entry:disabled + entry:disabled { border-top-color: #282828; }
+
+spinbutton.vertical.linked > text + text:drop(active):not(:only-child), spinbutton.vertical.linked > spinbutton:not(.vertical) + text:drop(active):not(:only-child), spinbutton.vertical.linked > text + spinbutton:drop(active):not(:only-child):not(.vertical), .linked.vertical > spinbutton:not(.vertical) + spinbutton:drop(active):not(:only-child):not(.vertical), spinbutton.vertical.linked > text + entry:drop(active):not(:only-child), .linked.vertical > spinbutton:not(.vertical) + entry:drop(active):not(:only-child), spinbutton.vertical.linked > entry + text:drop(active):not(:only-child), .linked.vertical > entry + spinbutton:drop(active):not(:only-child):not(.vertical), .linked.vertical > entry + entry:drop(active):not(:only-child) { border-top-color: #26a269; }
+
+spinbutton.vertical.linked > text:drop(active):not(:only-child) + text, spinbutton.vertical.linked > spinbutton:drop(active):not(:only-child):not(.vertical) + text, spinbutton.vertical.linked > text:drop(active):not(:only-child) + spinbutton:not(.vertical), .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + spinbutton:not(.vertical), spinbutton.vertical.linked > text:drop(active):not(:only-child) + entry, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + entry, spinbutton.vertical.linked > text:drop(active):not(:only-child) + button, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + button, spinbutton.vertical.linked > text:drop(active):not(:only-child) + menubutton > button, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + menubutton > button, spinbutton.vertical.linked > text:drop(active):not(:only-child) + dropdown > button, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + dropdown > button, spinbutton.vertical.linked > text:drop(active):not(:only-child) + colorbutton > button, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + colorbutton > button, spinbutton.vertical.linked > text:drop(active):not(:only-child) + fontbutton > button, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + fontbutton > button, spinbutton.vertical.linked > text:drop(active):not(:only-child) + filechooserbutton > button, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + filechooserbutton > button, spinbutton.vertical.linked > text:drop(active):not(:only-child) + combobox > box > button.combo, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + combobox > box > button.combo, spinbutton.vertical.linked > entry:drop(active):not(:only-child) + text, .linked.vertical > entry:drop(active):not(:only-child) + spinbutton:not(.vertical), .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) + menubutton > button, .linked.vertical > entry:drop(active):not(:only-child) + dropdown > button, .linked.vertical > entry:drop(active):not(:only-child) + colorbutton > button, .linked.vertical > entry:drop(active):not(:only-child) + fontbutton > button, .linked.vertical > entry:drop(active):not(:only-child) + filechooserbutton > button, .linked.vertical > entry:drop(active):not(:only-child) + combobox > box > button.combo { border-top-color: #26a269; }
+
+spinbutton.vertical > text.error, spinbutton.error:not(.vertical), entry.error { color: #cc0000; }
+
+treeview entry:focus-within:dir(rtl), treeview entry:focus-within:dir(ltr) { background-color: #2d2d2d; transition-property: color, background; }
+
+treeview entry.flat, treeview entry { border-radius: 0; background-image: none; background-color: #2d2d2d; }
+
+treeview entry.flat:focus-within, treeview entry:focus-within { border-color: #15539e; }
+
+/******************* Editable Labels * */
+editablelabel > stack > text { color: white; border-color: #1b1b1b; background-color: #2d2d2d; }
+
+/*********** Buttons * */
+@keyframes needs_attention { from { background-image: radial-gradient(farthest-side, #1f76e1 0%, rgba(31, 118, 225, 0) 0%); }
+ to { background-image: radial-gradient(farthest-side, #1f76e1 95%, rgba(31, 118, 225, 0)); } }
+
+notebook > header > tabs > arrow, windowcontrols button, 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: #eeeeec; outline-color: rgba(21, 83, 158, 0.7); border-color: #1b1b1b; background-image: linear-gradient(to top, #373737 2px, #3a3a3a); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+notebook > header > tabs > arrow, windowcontrols button, button { outline: 0 solid transparent; outline-offset: 4px; }
+
+notebook > header > tabs > arrow:focus:focus-visible, button:focus:focus-visible { outline-color: rgba(21, 83, 158, 0.7); outline-width: 2px; outline-offset: -2px; }
+
+notebook > header > tabs > arrow:hover, button:hover { color: #eeeeec; border-color: #1b1b1b; background-image: linear-gradient(to top, #303030 20%, #323232 90%); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); -gtk-icon-filter: brightness(1.2); }
+
+notebook > header > tabs > arrow.keyboard-activating, notebook > header > tabs > arrow:active, notebook > header > tabs > arrow:checked, button.keyboard-activating, button:active, button:checked { color: #eeeeec; border-color: #1b1b1b; background-image: image(#232323); box-shadow: none; transition-duration: 50ms; }
+
+notebook > header > tabs > arrow:checked:hover, button:checked:hover { color: #eeeeec; border-color: #1b1b1b; background-image: image(#1b1b1b); box-shadow: none; }
+
+notebook > header > tabs > arrow:checked:active, button:checked:active { color: #eeeeec; border-color: #1b1b1b; background-image: image(#161616); box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop, button.flat:backdrop, button:backdrop { color: #919190; border-color: #202020; background-image: image(#353535); box-shadow: none; transition: 200ms ease-out; }
+
+notebook > header > tabs > arrow:backdrop:not(:disabled), button.flat:backdrop:not(:disabled), button:backdrop:not(:disabled) { -gtk-icon-filter: none; }
+
+notebook > header > tabs > arrow:backdrop:active, notebook > header > tabs > arrow:backdrop:checked, button.flat:backdrop:active, button.flat:backdrop:checked, button:backdrop:active, button:backdrop:checked { color: #919190; border-color: #202020; background-image: image(#2e2e2e); box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop:disabled, button.flat:backdrop:disabled, button:backdrop:disabled { color: #5b5b5b; border-color: #202020; background-image: image(#323232); box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, button.flat:backdrop:disabled:active, button.flat:backdrop:disabled:checked, button:backdrop:disabled:active, button:backdrop:disabled:checked { color: #5b5b5b; border-color: #202020; background-image: image(#2e2e2e); box-shadow: none; }
+
+notebook > header > tabs > arrow:disabled, button:disabled { color: #919190; border-color: #202020; background-image: image(#323232); -gtk-icon-filter: opacity(0.5); }
+
+notebook > header > tabs > arrow:disabled:active, notebook > header > tabs > arrow:disabled:checked, button:disabled:active, button:disabled:checked { color: #919190; border-color: #202020; background-image: image(#292929); box-shadow: none; }
+
+button.sidebar-button, notebook > header > tabs > arrow, windowcontrols button, .toolbar > button, .toolbar > :not(.linked) > button, .toolbar :not(.linked) > menubutton > button, .toolbar :not(.linked) > scalebutton > button, .toolbar :not(.linked) > dropdown > button, .toolbar :not(.linked) > colorbutton > button, .toolbar :not(.linked) > fontbutton > button, .toolbar :not(.linked) > appchooserbutton > button, .toolbar :not(.linked) > combobox > box > button, notebook > header > tabs > arrow.flat, button.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: none; }
+
+button.sidebar-button:hover, notebook > header > tabs > arrow:hover, windowcontrols button:hover, .toolbar > button:hover, .toolbar > :not(.linked) > button:hover, .toolbar :not(.linked) > menubutton > button:hover, .toolbar :not(.linked) > scalebutton > button:hover, .toolbar :not(.linked) > dropdown > button:hover, .toolbar :not(.linked) > colorbutton > button:hover, .toolbar :not(.linked) > fontbutton > button:hover, .toolbar :not(.linked) > appchooserbutton > button:hover, .toolbar :not(.linked) > combobox > box > button:hover, button.flat:hover { border-color: transparent; background-image: none; box-shadow: none; background-color: #373737; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-duration: 500ms; }
+
+button.keyboard-activating.sidebar-button, notebook > header > tabs > arrow.keyboard-activating, windowcontrols button.keyboard-activating, .toolbar > button.keyboard-activating, .toolbar > :not(.linked) > button.keyboard-activating, .toolbar :not(.linked) > menubutton > button.keyboard-activating, .toolbar :not(.linked) > scalebutton > button.keyboard-activating, .toolbar :not(.linked) > dropdown > button.keyboard-activating, .toolbar :not(.linked) > colorbutton > button.keyboard-activating, .toolbar :not(.linked) > fontbutton > button.keyboard-activating, .toolbar :not(.linked) > appchooserbutton > button.keyboard-activating, .toolbar :not(.linked) > combobox > box > button.keyboard-activating, button.sidebar-button:active, notebook > header > tabs > arrow:active, windowcontrols button:active, .toolbar > button:active, .toolbar > :not(.linked) > button:active, .toolbar :not(.linked) > menubutton > button:active, .toolbar :not(.linked) > scalebutton > button:active, .toolbar :not(.linked) > dropdown > button:active, .toolbar :not(.linked) > colorbutton > button:active, .toolbar :not(.linked) > fontbutton > button:active, .toolbar :not(.linked) > appchooserbutton > button:active, .toolbar :not(.linked) > combobox > box > button:active, button.sidebar-button:checked, notebook > header > tabs > arrow:checked, windowcontrols button:checked, .toolbar > button:checked, .toolbar > :not(.linked) > button:checked, .toolbar :not(.linked) > menubutton > button:checked, .toolbar :not(.linked) > scalebutton > button:checked, .toolbar :not(.linked) > dropdown > button:checked, .toolbar :not(.linked) > colorbutton > button:checked, .toolbar :not(.linked) > fontbutton > button:checked, .toolbar :not(.linked) > appchooserbutton > button:checked, .toolbar :not(.linked) > combobox > box > button:checked, button.flat.keyboard-activating, button.flat:active, button.flat:checked { border-color: transparent; background-image: none; box-shadow: none; background-color: #2d2d2d; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+button.sidebar-button:backdrop, notebook > header > tabs > arrow:backdrop, windowcontrols button:backdrop, .toolbar > button:backdrop, .toolbar > :not(.linked) > button:backdrop, .toolbar :not(.linked) > menubutton > button:backdrop, .toolbar :not(.linked) > scalebutton > button:backdrop, .toolbar :not(.linked) > dropdown > button:backdrop, .toolbar :not(.linked) > colorbutton > button:backdrop, .toolbar :not(.linked) > fontbutton > button:backdrop, .toolbar :not(.linked) > appchooserbutton > button:backdrop, .toolbar :not(.linked) > combobox > box > button:backdrop, button.sidebar-button:disabled, notebook > header > tabs > arrow:disabled, windowcontrols button:disabled, .toolbar > button:disabled, .toolbar > :not(.linked) > button:disabled, .toolbar :not(.linked) > menubutton > button:disabled, .toolbar :not(.linked) > scalebutton > button:disabled, .toolbar :not(.linked) > dropdown > button:disabled, .toolbar :not(.linked) > colorbutton > button:disabled, .toolbar :not(.linked) > fontbutton > button:disabled, .toolbar :not(.linked) > appchooserbutton > button:disabled, .toolbar :not(.linked) > combobox > box > button:disabled, button.flat:backdrop, button.flat:disabled, button.flat:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow.image-button, button.image-button { min-width: 24px; padding-left: 5px; padding-right: 5px; }
+
+notebook > header > tabs > arrow.text-button, button.text-button { padding-left: 16px; padding-right: 16px; }
+
+notebook > header > tabs > arrow.text-button.image-button, button.text-button.image-button { padding-left: 8px; padding-right: 8px; }
+
+notebook > header > tabs > arrow.text-button.image-button label, button.text-button.image-button label { padding-left: 8px; padding-right: 8px; }
+
+notebook > header > tabs > arrow.arrow-button, button.arrow-button { padding-left: 10px; padding-right: 10px; }
+
+notebook > header > tabs > arrow.arrow-button > box, windowcontrols button.arrow-button > box, button.arrow-button > box { border-spacing: 4px; }
+
+dropdown:drop(active) button.combo, combobox:drop(active) button.combo, notebook > header > tabs > arrow:drop(active), button:drop(active) { color: #26a269; border-color: #26a269; box-shadow: inset 0 0 0 1px #26a269; }
+
+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: #919190; }
+
+button.osd { min-width: 26px; min-height: 32px; color: #eeeeec; border-radius: 5px; color: #eeeeec; outline-color: rgba(21, 83, 158, 0.7); border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(38, 38, 38, 0.7)); background-clip: padding-box; border: none; box-shadow: none; }
+
+button.osd.image-button { min-width: 30px; }
+
+button.osd.image-button:only-child { margin: 4px; border-radius: 50%; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); }
+
+button.osd:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(12, 12, 12, 0.7)); background-clip: padding-box; border: none; box-shadow: none; }
+
+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; border: none; box-shadow: none; }
+
+.app-notification button, popover.background.touch-selection button, popover.background.magnifier button, .osd button { color: #eeeeec; outline-color: rgba(21, 83, 158, 0.7); border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(38, 38, 38, 0.7)); background-clip: padding-box; }
+
+.app-notification button:hover, popover.background.touch-selection button:hover, popover.background.magnifier button:hover, .osd button:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(12, 12, 12, 0.7)); background-clip: padding-box; }
+
+.app-notification button:active, popover.background.touch-selection button:active, popover.background.magnifier button:active, .app-notification button:checked, popover.background.touch-selection button:checked, popover.background.magnifier 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; }
+
+.app-notification button:disabled, popover.background.touch-selection button:disabled, popover.background.magnifier button:disabled, .osd button:disabled:backdrop, .osd button:disabled { color: #8a8a89; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(58, 58, 57, 0.5)); background-clip: padding-box; }
+
+.app-notification button.flat, popover.background.touch-selection button.flat, popover.background.magnifier button.flat, .osd button.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; box-shadow: none; -gtk-icon-shadow: 0 1px black; }
+
+.app-notification button.flat:hover, popover.background.touch-selection button.flat:hover, popover.background.magnifier button.flat:hover, .osd button.flat:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(12, 12, 12, 0.7)); background-clip: padding-box; }
+
+.app-notification button.flat:disabled, popover.background.touch-selection button.flat:disabled, popover.background.magnifier button.flat:disabled, .osd button.flat:disabled { color: #8a8a89; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(58, 58, 57, 0.5)); background-clip: padding-box; background-image: none; border-color: transparent; box-shadow: none; }
+
+.app-notification button.flat:active, popover.background.touch-selection button.flat:active, popover.background.magnifier button.flat:active, .app-notification button.flat:checked, popover.background.touch-selection button.flat:checked, popover.background.magnifier 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; }
+
+button.suggested-action { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #092444; background-image: linear-gradient(to top, #155099 2px, #15539e); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+button.suggested-action { outline: 0 solid transparent; outline-offset: 4px; }
+
+button.suggested-action:focus:focus-visible { outline-color: rgba(255, 255, 255, 0.3); outline-width: 2px; outline-offset: -2px; }
+
+button.suggested-action.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: #15539e; }
+
+button.suggested-action:hover { color: white; border-color: #0c2f5a; background-image: linear-gradient(to top, #13498c 20%, #134c90 90%); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); }
+
+button.suggested-action:active, button.suggested-action:checked { color: white; border-color: #0c2f5a; background-image: image(#103e75); box-shadow: none; }
+
+button.suggested-action.flat:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: rgba(21, 83, 158, 0.8); }
+
+button.suggested-action:disabled { color: #919190; border-color: #202020; background-image: image(#323232); }
+
+button.suggested-action:disabled:active, button.suggested-action:disabled:checked { color: #a1b2c7; border-color: #0c2f5a; background-image: image(#143f73); box-shadow: none; }
+
+.osd button.suggested-action { color: #eeeeec; outline-color: rgba(255, 255, 255, 0.3); border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(21, 83, 158, 0.5)); background-clip: padding-box; }
+
+.osd button.suggested-action:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(21, 83, 158, 0.7)); background-clip: padding-box; }
+
+.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(#15539e); background-clip: padding-box; box-shadow: none; }
+
+.osd button.suggested-action:disabled:backdrop, .osd button.suggested-action:disabled { color: #8a8a89; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(58, 58, 57, 0.5)); background-clip: padding-box; }
+
+button.destructive-action { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #570b0e; background-image: linear-gradient(to top, #ae151c 2px, #b2161d); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+button.destructive-action { outline: 0 solid transparent; outline-offset: 4px; }
+
+button.destructive-action:focus:focus-visible { outline-color: rgba(255, 255, 255, 0.3); outline-width: 2px; outline-offset: -2px; }
+
+button.destructive-action.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: #b2161d; }
+
+button.destructive-action:hover { color: white; border-color: #6e0d12; background-image: linear-gradient(to top, #a0131a 20%, #a5141a 90%); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); }
+
+button.destructive-action:active, button.destructive-action:checked { color: white; border-color: #6e0d12; background-image: image(#8a1116); box-shadow: none; }
+
+button.destructive-action.flat:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: rgba(178, 22, 29, 0.8); }
+
+button.destructive-action:disabled { color: #919190; border-color: #202020; background-image: image(#323232); }
+
+button.destructive-action:disabled:active, button.destructive-action:disabled:checked { color: #cea1a3; border-color: #6e0d12; background-image: image(#84151a); box-shadow: none; }
+
+.osd button.destructive-action { color: #eeeeec; outline-color: rgba(255, 255, 255, 0.3); border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(178, 22, 29, 0.5)); background-clip: padding-box; }
+
+.osd button.destructive-action:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(178, 22, 29, 0.7)); background-clip: padding-box; }
+
+.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(#b2161d); background-clip: padding-box; box-shadow: none; }
+
+.osd button.destructive-action:disabled:backdrop, .osd button.destructive-action:disabled { color: #8a8a89; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(58, 58, 57, 0.5)); background-clip: padding-box; }
+
+stackswitcher > button > label { padding: 0 6px; margin: 0 -6px; }
+
+stackswitcher > button > image { padding: 3px 6px; margin: -3px -6px; }
+
+button.font separator { background-color: transparent; }
+
+button.font > box { border-spacing: 6px; }
+
+button.font > box > box > label { font-weight: bold; }
+
+menubutton.circular button, button.circular { min-width: 32px; min-height: 32px; padding: 0; border-radius: 9999px; }
+
+menubutton.circular button label, button.circular label { padding: 0; }
+
+stacksidebar row.needs-attention > label, stackswitcher > button.needs-attention > label, stackswitcher > button.needs-attention > image { animation: needs_attention 150ms ease-in; background-image: radial-gradient(farthest-side, #1f76e1 96%, rgba(31, 118, 225, 0)); background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; background-position: right 3px, right 2px; }
+
+stacksidebar row.needs-attention > label:backdrop, stackswitcher > button.needs-attention > label:backdrop, stackswitcher > button.needs-attention > image:backdrop { background-size: 6px 6px, 0 0; }
+
+stacksidebar row.needs-attention > label:dir(rtl), stackswitcher > button.needs-attention > label:dir(rtl), stackswitcher > button.needs-attention > image:dir(rtl) { background-position: left 3px, left 2px; }
+
+.linked:not(.vertical) > filechooserbutton > combobox:dir(rtl):not(:last-child) > box > button.combo, .linked:not(.vertical) > appchooserbutton > combobox:dir(rtl):not(:last-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(rtl):not(:last-child) > box > button.combo, .linked:not(.vertical) > filechooserbutton > combobox:dir(ltr):not(:first-child) > box > button.combo, .linked:not(.vertical) > appchooserbutton > combobox:dir(ltr):not(:first-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(ltr):not(:first-child) > box > button.combo, dropdown.linked button:nth-child(2):dir(ltr), combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > menubutton:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > dropdown:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > colorbutton:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > fontbutton:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > filechooserbutton:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > menubutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > dropdown:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > colorbutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > fontbutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > filechooserbutton:dir(ltr):not(:first-child) > button, spinbutton.vertical.linked:not(.vertical) > text:dir(rtl):not(:last-child), .linked:not(.vertical) > spinbutton:dir(rtl):not(:last-child):not(.vertical), .linked:not(.vertical) > entry:dir(rtl):not(:last-child), .linked:not(.vertical) > button:dir(rtl):not(:last-child), spinbutton.vertical.linked:not(.vertical) > text:dir(ltr):not(:first-child), .linked:not(.vertical) > spinbutton:dir(ltr):not(:first-child):not(.vertical), .linked:not(.vertical) > entry:dir(ltr):not(:first-child), .linked:not(.vertical) > button:dir(ltr):not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; }
+
+.linked:not(.vertical) > filechooserbutton > combobox:dir(rtl):not(:first-child) > box > button.combo, .linked:not(.vertical) > appchooserbutton > combobox:dir(rtl):not(:first-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(rtl):not(:first-child) > box > button.combo, .linked:not(.vertical) > filechooserbutton > combobox:dir(ltr):not(:last-child) > box > button.combo, .linked:not(.vertical) > appchooserbutton > combobox:dir(ltr):not(:last-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(ltr):not(:last-child) > box > button.combo, dropdown.linked button:nth-child(2):dir(rtl), combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > menubutton:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > dropdown:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > colorbutton:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > fontbutton:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > filechooserbutton:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > menubutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > dropdown:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > colorbutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > fontbutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > filechooserbutton:dir(ltr):not(:last-child) > button, spinbutton.vertical.linked:not(.vertical) > text:dir(rtl):not(:first-child), .linked:not(.vertical) > spinbutton:dir(rtl):not(:first-child):not(.vertical), .linked:not(.vertical) > entry:dir(rtl):not(:first-child), .linked:not(.vertical) > button:dir(rtl):not(:first-child), spinbutton.vertical.linked:not(.vertical) > text:dir(ltr):not(:last-child), .linked:not(.vertical) > spinbutton:dir(ltr):not(:last-child):not(.vertical), .linked:not(.vertical) > entry:dir(ltr):not(:last-child), .linked:not(.vertical) > button:dir(ltr):not(:last-child) { border-right-style: none; border-top-right-radius: 0; border-bottom-right-radius: 0; }
+
+.linked.vertical > filechooserbutton > combobox:not(:first-child) > box > button.combo, .linked.vertical > appchooserbutton > combobox:not(:first-child) > box > button.combo, .linked.vertical > combobox:not(:first-child) > box > button.combo, .linked.vertical > menubutton:not(:first-child) > button, .linked.vertical > dropdown:not(:first-child) > button, .linked.vertical > colorbutton:not(:first-child) > button, .linked.vertical > fontbutton:not(:first-child) > button, .linked.vertical > filechooserbutton:not(:first-child) > button, spinbutton.vertical.linked > text:not(:first-child), .linked.vertical > spinbutton:not(:first-child):not(.vertical), .linked.vertical > entry:not(:first-child), .linked.vertical > button:not(:first-child) { border-top-left-radius: 0; border-top-right-radius: 0; }
+
+.linked.vertical > filechooserbutton > combobox:not(:last-child) > box > button.combo, .linked.vertical > appchooserbutton > combobox:not(:last-child) > box > button.combo, .linked.vertical > combobox:not(:last-child) > box > button.combo, .linked.vertical > menubutton:not(:last-child) > button, .linked.vertical > dropdown:not(:last-child) > button, .linked.vertical > colorbutton:not(:last-child) > button, .linked.vertical > fontbutton:not(:last-child) > button, .linked.vertical > filechooserbutton:not(:last-child) > button, spinbutton.vertical.linked > text:not(:last-child), .linked.vertical > spinbutton:not(:last-child):not(.vertical), .linked.vertical > entry:not(:last-child), .linked.vertical > button:not(:last-child) { border-bottom-style: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
+
+.scale-popup button:hover, button.link, button.link:hover, button.link:active, button.link:checked, popover.menu box.circular-buttons button.circular.image-button.model, list > row button.image-button:not(.flat), modelbutton.flat { 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; }
+
+/* menu buttons */
+modelbutton.flat { min-height: 26px; padding-left: 5px; padding-right: 5px; border-radius: 5px; }
+
+modelbutton.flat:hover { background-color: #202020; }
+
+modelbutton.flat:disabled { color: #919190; }
+
+modelbutton.flat arrow { background: none; min-width: 16px; min-height: 16px; opacity: 0.3; }
+
+modelbutton.flat arrow:hover { background: none; }
+
+modelbutton.flat arrow.left { -gtk-icon-source: -gtk-icontheme("go-previous-symbolic"); }
+
+modelbutton.flat arrow.right { -gtk-icon-source: -gtk-icontheme("go-next-symbolic"); }
+
+/* oldstyle toolbar buttons */
+.toolbar > button, .toolbar > :not(.linked) > button, .toolbar :not(.linked) > menubutton > button, .toolbar :not(.linked) > scalebutton > button, .toolbar :not(.linked) > dropdown > button, .toolbar :not(.linked) > colorbutton > button, .toolbar :not(.linked) > fontbutton > button, .toolbar :not(.linked) > appchooserbutton > button, .toolbar :not(.linked) > combobox > box > button { margin: 1px; }
+
+button.color { padding: 4px; }
+
+button.color > colorswatch:only-child, button.color > colorswatch:only-child > overlay { border-radius: 0; }
+
+/* list buttons */
+/* tone down as per new designs, see issue #1473 */
+popover.menu box.circular-buttons button.circular.image-button.model, list > row button.image-button:not(.flat) { border: 1px solid rgba(27, 27, 27, 0.5); }
+
+popover.menu box.circular-buttons button.circular.image-button.model:hover, list > row button.image-button:not(.flat):hover { color: #eeeeec; border-color: #1b1b1b; background-image: linear-gradient(to top, #303030 20%, #323232 90%); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); }
+
+popover.menu box.circular-buttons button.circular.image-button.model:active, popover.menu box.circular-buttons button.circular.image-button.model:checked, list > row button.image-button:not(.flat):active, list > row button.image-button:not(.flat):checked { color: #eeeeec; border-color: #1b1b1b; background-image: image(#232323); box-shadow: none; }
+
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model, list > row button.image-button.suggested-action:not(.flat) { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #092444; background-image: linear-gradient(to top, #155099 2px, #15539e); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model, list > row button.image-button.suggested-action:not(.flat) { outline: 0 solid transparent; outline-offset: 4px; }
+
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:focus:focus-visible, list > row button.image-button.suggested-action:not(.flat):focus:focus-visible { outline-color: rgba(255, 255, 255, 0.3); outline-width: 2px; outline-offset: -2px; }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model, list > row button.image-button.destructive-action:not(.flat) { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #570b0e; background-image: linear-gradient(to top, #ae151c 2px, #b2161d); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model, list > row button.image-button.destructive-action:not(.flat) { outline: 0 solid transparent; outline-offset: 4px; }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:focus:focus-visible, list > row button.image-button.destructive-action:not(.flat):focus:focus-visible { outline-color: rgba(255, 255, 255, 0.3); outline-width: 2px; outline-offset: -2px; }
+
+/********* Links * */
+button.link, link { color: #3584e4; text-decoration: underline; }
+
+button.link:visited, link:visited { color: #1b6acb; }
+
+*:selected button.link:visited, *:selected link:visited { color: #a4c4ea; }
+
+button.link:hover, link:hover { color: #629fea; }
+
+*:selected button.link:hover, *:selected link:hover { color: #eff5fd; }
+
+button.link:active, link:active { color: #3584e4; }
+
+*:selected button.link:active, *:selected link:active { color: #d7e6fa; }
+
+button.link:disabled, link:disabled { color: rgba(141, 141, 141, 0.8); }
+
+button.link:selected, *:selected button.link, link:selected, *:selected link { color: #d7e6fa; }
+
+link { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+link { outline: 0 solid transparent; outline-offset: 4px; }
+
+link:focus:focus-visible { outline-color: rgba(21, 83, 158, 0.7); outline-width: 2px; outline-offset: -2px; }
+
+button.link, button.link:hover, button.link:active, button.link:checked { text-shadow: none; }
+
+button.link > label { text-decoration: underline; }
+
+/***************** GtkSpinButton * */
+spinbutton { font-feature-settings: "tnum"; }
+
+spinbutton:not(.vertical) { padding: 0; border-spacing: 0; /* :not here just to bump specificity above that of the list button styling */ }
+
+.osd spinbutton:not(.vertical) > text, spinbutton:not(.vertical) > text { min-width: 28px; margin: 0; background: none; background-color: transparent; border: none; border-radius: 0; box-shadow: none; padding: 6px; }
+
+.osd spinbutton:not(.vertical) > text:backdrop:disabled, spinbutton:not(.vertical) > text:backdrop:disabled { background-color: transparent; }
+
+spinbutton:not(.vertical) > button.image-button.up:not(.flat), spinbutton:not(.vertical) > button.image-button.down:not(.flat) { min-height: 16px; margin: 0; padding-bottom: 0; padding-top: 0; color: #dbdbd9; background-image: none; border-style: none none none solid; border-color: rgba(27, 27, 27, 0.3); border-radius: 0; box-shadow: none; }
+
+spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(rtl), spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(rtl) { border-style: none solid none none; }
+
+spinbutton:not(.vertical) > button.image-button.up:not(.flat):hover, spinbutton:not(.vertical) > button.image-button.down:not(.flat):hover { color: #eeeeec; background-color: #282828; }
+
+spinbutton:not(.vertical) > button.image-button.up:not(.flat):disabled, spinbutton:not(.vertical) > button.image-button.down:not(.flat):disabled { color: rgba(145, 145, 144, 0.3); background-color: transparent; }
+
+spinbutton:not(.vertical) > button.image-button.up:not(.flat):active, spinbutton:not(.vertical) > button.image-button.down:not(.flat):active { background-color: rgba(0, 0, 0, 0.1); box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.2); }
+
+spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(ltr):last-child, spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(ltr):last-child { border-radius: 0 5px 5px 0; }
+
+spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(rtl):first-child, spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(rtl):first-child { border-radius: 5px 0 0 5px; }
+
+.osd spinbutton:not(.vertical) > button.image-button.up:not(.flat), .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat) { border-color: transparent; background-color: transparent; background-image: none; box-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.image-button.up:not(.flat):dir(rtl), .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(rtl) { border-style: none solid none none; }
+
+.osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):hover, .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):hover { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: #eeeeec; border-color: rgba(0, 0, 0, 0.5); background-color: rgba(12, 12, 12, 0.7); -gtk-icon-shadow: 0 1px black; box-shadow: none; }
+
+.osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):disabled, .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: #8a8a89; border-color: rgba(0, 0, 0, 0.5); -gtk-icon-shadow: none; box-shadow: none; }
+
+.osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(ltr):last-child, .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(ltr):last-child { border-radius: 0 5px 5px 0; }
+
+.osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(rtl):first-child, .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(rtl):first-child { border-radius: 5px 0 0 5px; }
+
+spinbutton.vertical:disabled { color: #919190; }
+
+spinbutton.vertical:drop(active) { border-color: transparent; box-shadow: none; }
+
+spinbutton.vertical > text { min-height: 32px; min-width: 32px; padding: 0; border-radius: 0; }
+
+spinbutton.vertical > text > selection { background-color: rgba(90, 90, 90, 0.5); color: transparent; }
+
- columnview row:not(:selected) cell editablelabel.editing text selection:focus-within { background-color: #15539e; color: #ffffff; }
++spinbutton.vertical > text > selection:focus-within { background-color: rgba(21, 83, 158, 0.3); color: #ffffff; }
+
+spinbutton.vertical > text > block-cursor { color: #2d2d2d; background-color: white; }
+
+spinbutton.vertical > button { min-height: 32px; min-width: 32px; padding: 0; }
+
+spinbutton.vertical > button.up { border-bottom-style: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
+
+spinbutton.vertical > button.down { border-top-style: none; border-top-left-radius: 0; border-top-right-radius: 0; }
+
+.osd spinbutton.vertical > button:first-child { color: #eeeeec; outline-color: rgba(21, 83, 158, 0.7); border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(38, 38, 38, 0.7)); background-clip: padding-box; }
+
+.osd spinbutton.vertical > button:first-child:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(12, 12, 12, 0.7)); background-clip: padding-box; }
+
+.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; }
+
+.osd spinbutton.vertical > button:first-child:disabled { color: #8a8a89; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(58, 58, 57, 0.5)); background-clip: padding-box; }
+
+treeview spinbutton:not(.vertical) { min-height: 0; border-style: none; border-radius: 0; }
+
+treeview spinbutton:not(.vertical) > text { min-height: 0; padding: 1px 2px; }
+
+/************** ComboBoxes * */
+dropdown > popover.menu.background > contents { padding: 0; }
+
+dropdown > button > box { border-spacing: 6px; }
+
+dropdown > button > box > stack > row.activatable:hover { background: none; box-shadow: none; }
+
+dropdown arrow, combobox arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); min-height: 16px; min-width: 16px; }
+
+dropdown > popover.menu > contents modelbutton, combobox > popover.menu > contents modelbutton { padding-left: 9px; padding-right: 9px; }
+
+dropdown:drop(active), combobox:drop(active) { box-shadow: none; }
+
+dropdown popover, combobox popover { margin-top: 6px; padding: 0; }
+
+dropdown popover listview, combobox popover listview { margin: 8px 0; }
+
+dropdown popover listview > row.activatable, combobox popover listview > row.activatable { padding: 8px; }
+
+dropdown popover listview > row.activatable:selected, dropdown popover listview > row.activatable:selected:hover, combobox popover listview > row.activatable:selected, combobox popover listview > row.activatable:selected:hover { outline-color: rgba(255, 255, 255, 0.3); color: white; background-color: #202020; box-shadow: none; }
+
+dropdown popover .dropdown-searchbar, combobox popover .dropdown-searchbar { padding: 6px; border-bottom: 1px solid #1b1b1b; }
+
+/************ Toolbars * */
+searchbar > revealer > box, .toolbar { padding: 4px; border-spacing: 4px; background-color: #353535; }
+
+.osd .toolbar { background-color: transparent; }
+
+.toolbar.osd { padding: 13px; border: none; border-radius: 5px; background-color: rgba(38, 38, 38, 0.7); }
+
+.toolbar.osd.left, .toolbar.osd.right, .toolbar.osd.top, .toolbar.osd.bottom { border-radius: 0; }
+
+.toolbar.horizontal > separator { margin: 4px 0; }
+
+.toolbar.vertical > separator { margin: 0 4px; }
+
+searchbar > revealer > box { padding: 6px; border-spacing: 6px; border-width: 0 0 1px; }
+
+searchbar > revealer > box { border-style: solid; border-color: #1b1b1b; background-color: #2d2d2d; }
+
+searchbar > revealer > box:backdrop { border-color: #202020; background-color: #2e2e2e; box-shadow: none; transition: 200ms ease-out; }
+
+/************** GtkInfoBar * */
+infobar > revealer > box { padding: 8px; border-spacing: 12px; }
+
+infobar.action:hover > revealer > box { background-color: #3e3b37; }
+
+infobar.info > revealer > box, infobar.question > revealer > box, infobar.warning > revealer > box, infobar.error > revealer > box { border-bottom: 1px solid #282828; background-color: #44403b; }
+
+infobar .close, searchbar .close { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; min-width: 16px; min-height: 16px; padding: 4px; border-radius: 50%; }
+
+infobar .close:hover, searchbar .close:hover { color: #eeeeec; border-color: #1b1b1b; background-image: linear-gradient(to top, #303030 20%, #323232 90%); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); }
+
+/***************** Title buttons * */
+windowcontrols { border-spacing: 6px; }
+
+windowcontrols.start:not(.empty):dir(ltr), windowcontrols.end:not(.empty):dir(rtl) { margin-right: 7px; }
+
+windowcontrols.start:not(.empty):dir(rtl), windowcontrols.end:not(.empty):dir(ltr) { margin-left: 7px; }
+
+windowcontrols button { border-radius: 9999px; padding: 6px; margin: 0 2px; min-width: 0; min-height: 0; }
+
+windowcontrols button:hover { border-color: transparent; background-image: none; box-shadow: none; background-color: #1b1b1b; }
+
+windowcontrols button:active, windowcontrols button:checked { border-color: transparent; background-image: none; box-shadow: none; background-color: #070707; }
+
+/*************** Header bars * */
+.titlebar:not(headerbar), headerbar { padding: 0 6px; min-height: 46px; border-width: 0 0 1px; border-style: solid; border-color: #070707; border-radius: 0; background: #1b1b1b linear-gradient(to top, #262626, #2b2b2b); /* Darken switchbuttons for headerbars. issue #1588 */ }
+
+.titlebar:backdrop:not(headerbar), headerbar:backdrop { border-color: #202020; background-color: #353535; background-image: none; transition: 200ms ease-out; }
+
+.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; }
+
+.titlebar:not(headerbar) stackswitcher > button:checked, .titlebar:not(headerbar) button.toggle:checked, headerbar stackswitcher > button:checked, headerbar button.toggle:checked { background: image(#1e1e1e); border-color: #141414; border-top-color: #070707; }
+
+.titlebar:not(headerbar) stackswitcher > button:checked:backdrop, .titlebar:not(headerbar) button.toggle:checked:backdrop, headerbar stackswitcher > button:checked:backdrop, headerbar button.toggle:checked:backdrop { color: #919190; border-color: #202020; background-image: image(#2e2e2e); box-shadow: none; }
+
+.tiled .titlebar:not(headerbar), .tiled-top .titlebar:not(headerbar), .tiled-left .titlebar:not(headerbar), .tiled-right .titlebar:not(headerbar), .tiled-bottom .titlebar:not(headerbar), .maximized .titlebar:not(headerbar), .fullscreen .titlebar:not(headerbar), .tiled headerbar, .tiled-top headerbar, .tiled-left headerbar, .tiled-right headerbar, .tiled-bottom headerbar, .maximized headerbar, .fullscreen headerbar { border-radius: 0; }
+
+.default-decoration.titlebar:not(headerbar), headerbar.default-decoration { min-height: 28px; padding: 4px; }
+
+.default-decoration.titlebar:not(headerbar) windowcontrols button, .default-decoration.titlebar:not(headerbar) windowcontrols menubutton, headerbar.default-decoration windowcontrols button, headerbar.default-decoration windowcontrols menubutton { min-height: 26px; min-width: 26px; margin: 0; padding: 0; }
+
+.default-decoration.titlebar:not(headerbar) windowcontrols menubutton button, headerbar.default-decoration windowcontrols menubutton button { min-height: 20px; min-width: 20px; margin: 0; padding: 4px; }
+
+.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; }
+
+headerbar > windowhandle > box, headerbar > windowhandle > box > box.start, headerbar > windowhandle > box > box.end { border-spacing: 6px; }
+
+headerbar entry, headerbar spinbutton, headerbar separator:not(.sidebar), headerbar button, headerbar menubutton { margin-top: 6px; margin-bottom: 6px; }
+
+headerbar menubutton > button { margin-top: 0px; margin-bottom: 0px; }
+
+headerbar switch { margin-top: 10px; margin-bottom: 10px; }
+
+window.csd > .titlebar:not(headerbar) { padding: 0; background-color: transparent; background-image: none; border-style: none; border-color: transparent; }
+
+.titlebar:not(headerbar) separator { background-color: #1b1b1b; }
+
+window.devel headerbar.titlebar { background: #353535 cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, linear-gradient(to right, transparent 65%, rgba(21, 83, 158, 0.1)), linear-gradient(to top, #232323 3px, #282828); }
+
+window.devel headerbar.titlebar:backdrop { background: #353535 cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, image(#353535); /* background-color would flash */ }
+
+/************ Pathbars * */
+pathbar > button.text-button, pathbar > button.image-button, pathbar > button { padding-left: 4px; padding-right: 4px; }
+
+pathbar > button.text-button.image-button label { padding-left: 0; padding-right: 0; }
+
+pathbar > button.text-button.image-button label:last-child, pathbar > button label:last-child { padding-right: 8px; }
+
+pathbar > button.text-button.image-button label:first-child, pathbar > button label:first-child { padding-left: 8px; }
+
+pathbar > button image { padding-left: 4px; padding-right: 4px; }
+
+pathbar > button.slider-button { padding-left: 0; padding-right: 0; }
+
+/************** Tree Views * */
+columnview.view, treeview.view { border-left-color: #545453; border-top-color: #545453; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+columnview.view, treeview.view { outline: 0 solid transparent; outline-offset: 4px; }
+
+columnview.view:focus:focus-visible, treeview.view:focus:focus-visible { outline-color: rgba(21, 83, 158, 0.7); outline-width: 2px; outline-offset: -2px; }
+
+columnview.view:selected:focus, columnview.view:selected, treeview.view:selected:focus, treeview.view:selected { border-radius: 0; outline-color: rgba(255, 255, 255, 0.3); }
+
+columnview.view:disabled, treeview.view:disabled { color: #919190; }
+
+columnview.view:disabled:selected, treeview.view:disabled:selected { color: #7398c5; }
+
+columnview.view:disabled:selected:backdrop, treeview.view:disabled:selected:backdrop { color: #4f7aaf; }
+
+columnview.view.separator, treeview.view.separator { min-height: 2px; color: #545453; }
+
+columnview.view:backdrop, treeview.view:backdrop { border-left-color: #414141; border-top: #414141; }
+
+columnview.view:drop(active), treeview.view:drop(active) { box-shadow: none; }
+
+columnview.view > dndtarget:drop(active), treeview.view > dndtarget:drop(active) { border-style: solid none; border-width: 1px; border-color: #030c17; }
+
+columnview.view > dndtarget.after:drop(active), treeview.view > dndtarget.after:drop(active) { border-top-style: none; }
+
+columnview.view > dndtarget.before:drop(active), treeview.view > dndtarget.before:drop(active) { border-bottom-style: none; }
+
+columnview.view.expander, treeview.view.expander { min-width: 16px; min-height: 16px; -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); color: silver; }
+
+columnview.view.expander:dir(rtl), treeview.view.expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); }
+
+columnview.view.expander:hover, treeview.view.expander:hover { color: white; }
+
+columnview.view.expander:selected, treeview.view.expander:selected { color: #b9cbe2; }
+
+columnview.view.expander:selected:hover, treeview.view.expander:selected:hover { color: #ffffff; }
+
+columnview.view.expander:checked, treeview.view.expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+
+columnview.view.progressbar, treeview.view.progressbar { background-color: #15539e; background-image: image(#15539e); box-shadow: none; }
+
+columnview.view.progressbar:selected:focus, columnview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:selected { box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); background-image: image(#2d2d2d); }
+
+columnview.view.progressbar:selected:focus:backdrop, columnview.view.progressbar:selected:backdrop, treeview.view.progressbar:selected:focus:backdrop, treeview.view.progressbar:selected:backdrop { background-color: #303030; }
+
+columnview.view.trough, treeview.view.trough { background-color: rgba(238, 238, 236, 0.1); }
+
+columnview.view.trough:selected:focus, columnview.view.trough:selected, treeview.view.trough:selected:focus, treeview.view.trough:selected { background-color: #0f3b71; }
+
+columnview.view > header > button, treeview.view > header > button { color: #8e8e8d; background-color: #2d2d2d; font-weight: bold; text-shadow: none; box-shadow: none; }
+
+columnview.view > header > button:hover, treeview.view > header > button:hover { color: #bebebd; box-shadow: none; transition: none; }
+
+columnview.view > header > button:active, treeview.view > header > button:active { color: #eeeeec; transition: none; }
+
+columnview.view > header > button sort-indicator, treeview.view > header > button sort-indicator { min-height: 16px; min-width: 16px; }
+
+columnview.view > header > button sort-indicator.ascending, treeview.view > header > button sort-indicator.ascending { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
+
+columnview.view > header > button sort-indicator.descending, treeview.view > header > button sort-indicator.descending { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+
+columnview.view button.dnd:active, columnview.view button.dnd:selected, columnview.view button.dnd:hover, columnview.view button.dnd, columnview.view header.button.dnd:active, columnview.view header.button.dnd:selected, columnview.view header.button.dnd:hover, columnview.view header.button.dnd, 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: #2d2d2d; background-image: none; background-color: #15539e; border-style: none; border-radius: 0; box-shadow: inset 0 0 0 1px #2d2d2d; text-shadow: none; transition: none; }
+
+columnview.view acceleditor > label, treeview.view acceleditor > label { background-color: #15539e; }
+
+columnview.view > header > button, treeview.view > header > button, columnview.view > header > button:hover, treeview.view > header > button:hover, columnview.view > header > button:active, treeview.view > header > button:active { padding: 0 6px; background-image: none; border-style: none none solid solid; border-color: #545453; border-radius: 0; text-shadow: none; }
+
+columnview.view > header > button:disabled, treeview.view > header > button:disabled { border-color: #353535; background-image: none; }
+
+columnview.view > header > button:last-child, treeview.view > header > button:last-child { border-right-style: none; }
+
+/*************** Popovers * */
+popover.background { background-color: transparent; font: initial; }
+
+popover.background > arrow, popover.background > contents { background-color: #2d2d2d; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.75); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); }
+
+popover.background:backdrop { background-color: transparent; }
+
+popover.background > contents { padding: 8px; border-radius: 9px; }
+
+popover.background > contents > list, popover.background > contents > .view, popover.background > contents > iconview, popover.background > contents > .toolbar { border-style: none; background-color: transparent; }
+
+popover.background > contents separator { background-color: #232323; margin: 3px; }
+
+popover.background > contents list separator { margin: 0; }
+
+.osd popover.background, popover.background.touch-selection, popover.background.magnifier { background-color: transparent; }
+
+.osd popover.background > arrow, .osd popover.background > contents, popover.background.touch-selection > arrow, popover.background.touch-selection > contents, popover.background.magnifier > arrow, popover.background.magnifier > contents { border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: none; }
+
+magnifier { background-color: #2d2d2d; }
+
+/********************** Popover Base Menus * */
+popover.menu { padding: 0; }
+
+popover.menu box.inline-buttons { padding: 0 12px; }
+
+popover.menu box.inline-buttons button.image-button.model { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; min-height: 30px; min-width: 30px; padding: 0; border: none; outline: none; transition: none; }
+
+popover.menu box.inline-buttons button.image-button.model:selected { background: image(#202020); }
+
+popover.menu box.circular-buttons { padding: 12px 12px 6px; }
+
+popover.menu box.circular-buttons button.circular.image-button.model { padding: 11px; }
+
+popover.menu box.circular-buttons button.circular.image-button.model:focus { background-color: #202020; border-color: #202020; }
+
+popover.menu > arrow, popover.menu.background > contents { background-color: #2d2d2d; padding: 5px; }
+
+popover.menu.background separator { margin: 6px 0; }
+
+popover.menu accelerator { color: alpha(currentColor,0.55); }
+
+popover.menu accelerator:dir(ltr) { margin-left: 12px; }
+
+popover.menu accelerator:dir(rtl) { margin-right: 12px; }
+
+popover.menu check, popover.menu radio { transform: scale(0.8); border-width: 1.2px; border-color: transparent; box-shadow: none; background-image: image(transparent); color: white; }
+
+popover.menu check:hover, popover.menu radio:hover { transform: scale(0.8); border-width: 1.2px; color: white; box-shadow: none; background-image: image(transparent); }
+
+popover.menu check:active, popover.menu radio:active { transform: scale(0.8); border-width: 1.2px; color: white; box-shadow: none; background-image: image(transparent); }
+
+popover.menu radio { border-color: #1b1b1b; }
+
+popover.menu radio:active { border-color: rgba(27, 27, 27, 0.5); }
+
+popover.menu arrow.left, popover.menu radio.left, popover.menu check.left { margin-left: -2px; margin-right: 6px; }
+
+popover.menu arrow.right, popover.menu radio.right, popover.menu check.right { margin-left: 6px; margin-right: -2px; }
+
+popover.menu modelbutton { min-height: 30px; min-width: 40px; padding: 0 12px; border-radius: 5px; }
+
+popover.menu modelbutton:selected { color: white; background-color: #202020; }
+
+popover.menu modelbutton:selected:active { background-color: #111111; }
+
+popover.menu label.title { font-weight: bold; padding: 4px 32px; }
+
+menubar { padding: 0px; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1); }
+
+menubar > item { min-height: 16px; padding: 4px 8px; }
+
+menubar > item:selected { box-shadow: inset 0 -3px #15539e; color: #3584e4; }
+
+menubar > item:disabled { color: #919190; box-shadow: none; }
+
+menubar > item popover.menu.background > contents { padding: 5px; }
+
+menubar > item popover.menu popover.menu { padding: 0 0 4px 0; }
+
+menubar > item popover.menu.background popover.menu.background > contents { margin: 0; border-radius: 9px; }
+
+/************* Notebooks * */
+notebook { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+notebook > header > tabs > tab:checked { outline: 0 solid transparent; outline-offset: 4px; }
+
+notebook:focus:focus-visible > header > tabs > tab:checked { outline-color: rgba(21, 83, 158, 0.7); outline-width: 2px; outline-offset: -2px; }
+
+notebook > header { padding: 1px; border-color: #1b1b1b; border-width: 1px; background-color: #282828; }
+
+notebook > header > tabs { margin: -1px; }
+
+notebook > header.top { border-bottom-style: solid; }
+
+notebook > header.top > tabs { margin-bottom: -2px; }
+
+notebook > header.top > tabs > tab:hover { box-shadow: inset 0 -4px #1b1b1b; }
+
+notebook > header.top > tabs > tab:checked { box-shadow: inset 0 -4px #15539e; }
+
+notebook > header.bottom { border-top-style: solid; }
+
+notebook > header.bottom > tabs { margin-top: -2px; }
+
+notebook > header.bottom > tabs > tab:hover { box-shadow: inset 0 4px #1b1b1b; }
+
+notebook > header.bottom > tabs > tab:checked { box-shadow: inset 0 4px #15539e; }
+
+notebook > header.left { border-right-style: solid; }
+
+notebook > header.left > tabs { margin-right: -2px; }
+
+notebook > header.left > tabs > tab:hover { box-shadow: inset -4px 0 #1b1b1b; }
+
+notebook > header.left > tabs > tab:checked { box-shadow: inset -4px 0 #15539e; }
+
+notebook > header.right { border-left-style: solid; }
+
+notebook > header.right > tabs { margin-left: -2px; }
+
+notebook > header.right > tabs > tab:hover { box-shadow: inset 4px 0 #1b1b1b; }
+
+notebook > header.right > tabs > tab:checked { box-shadow: inset 4px 0 #15539e; }
+
+notebook > header.top > tabs > arrow { border-top-style: none; }
+
+notebook > header.bottom > tabs > arrow { border-bottom-style: none; }
+
+notebook > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow { margin-left: -5px; margin-right: -5px; padding-left: 4px; padding-right: 4px; }
+
+notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); }
+
+notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
+
+notebook > header.left > tabs > arrow { border-left-style: none; }
+
+notebook > header.right > tabs > arrow { border-right-style: none; }
+
+notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow { margin-top: -5px; margin-bottom: -5px; padding-top: 4px; padding-bottom: 4px; }
+
+notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
+
+notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+
+notebook > header > tabs > arrow { min-height: 16px; min-width: 16px; border-radius: 0; }
+
+notebook > 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; }
+
+notebook > header > tabs > arrow:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > tab { transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); min-height: 30px; min-width: 30px; padding: 3px 12px; color: #eeeeec; font-weight: normal; border-width: 1px; border-color: transparent; }
+
+notebook > header > tabs > tab:hover { color: #eeeeec; background-color: #1e1e1e; }
+
+notebook > header > tabs > tab.reorderable-page:hover { border-color: rgba(27, 27, 27, 0.3); background-color: rgba(53, 53, 53, 0.2); }
+
+notebook > header > tabs > tab:not(:checked) { outline-color: transparent; }
+
+notebook > header > tabs > tab:checked { color: #eeeeec; }
+
+notebook > header > tabs > tab.reorderable-page:checked { border-color: rgba(27, 27, 27, 0.5); background-color: rgba(53, 53, 53, 0.5); }
+
+notebook > header > tabs > tab.reorderable-page:checked:hover { background-color: rgba(53, 53, 53, 0.7); }
+
+notebook > header > tabs > tab button.flat { color: alpha(currentColor,0.3); padding: 0; margin-top: 4px; margin-bottom: 4px; min-width: 20px; min-height: 20px; }
+
+notebook > header > tabs > tab button.flat:hover { color: currentColor; }
+
+notebook > header > tabs > tab button.flat:last-child { margin-left: 4px; margin-right: -4px; }
+
+notebook > header > tabs > tab button.flat:first-child { margin-left: -4px; margin-right: 4px; }
+
+notebook > header.top > tabs, notebook > header.bottom > tabs { padding-left: 4px; padding-right: 4px; }
+
+notebook > header.top > tabs:not(:only-child), notebook > header.bottom > tabs:not(:only-child) { margin-left: 3px; margin-right: 3px; }
+
+notebook > header.top > tabs:not(:only-child):first-child, notebook > header.bottom > tabs:not(:only-child):first-child { margin-left: -1px; }
+
+notebook > header.top > tabs:not(:only-child):last-child, notebook > header.bottom > tabs:not(:only-child):last-child { margin-right: -1px; }
+
+notebook > header.top > tabs > tab, notebook > header.bottom > tabs > tab { margin-left: 4px; margin-right: 4px; }
+
+notebook > header.top > tabs > tab.reorderable-page, notebook > header.bottom > tabs > tab.reorderable-page { border-style: none solid; }
+
+notebook > header.left > tabs, notebook > header.right > tabs { padding-top: 4px; padding-bottom: 4px; }
+
+notebook > header.left > tabs:not(:only-child), notebook > header.right > tabs:not(:only-child) { margin-top: 3px; margin-bottom: 3px; }
+
+notebook > header.left > tabs:not(:only-child):first-child, notebook > header.right > tabs:not(:only-child):first-child { margin-top: -1px; }
+
+notebook > header.left > tabs:not(:only-child):last-child, notebook > header.right > tabs:not(:only-child):last-child { margin-bottom: -1px; }
+
+notebook > header.left > tabs > tab, notebook > header.right > tabs > tab { margin-top: 4px; margin-bottom: 4px; }
+
+notebook > header.left > tabs > tab.reorderable-page, notebook > header.right > tabs > tab.reorderable-page { border-style: solid none; }
+
+notebook > header.top > tabs > tab { padding-bottom: 4px; }
+
+notebook > header.bottom > tabs > tab { padding-top: 4px; }
+
+notebook > stack:not(:only-child) { background-color: #2d2d2d; }
+
+/************** Scrollbars * */
+scrollbar { background-color: #313131; transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+scrollbar.top { border-bottom: 1px solid #1b1b1b; }
+
+scrollbar.bottom { border-top: 1px solid #1b1b1b; }
+
+scrollbar.left { border-right: 1px solid #1b1b1b; }
+
+scrollbar.right { border-left: 1px solid #1b1b1b; }
+
+scrollbar > range > trough > slider { min-width: 8px; min-height: 8px; margin: -1px; border: 4px solid transparent; border-radius: 10px; background-clip: padding-box; background-color: #a4a4a3; transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+scrollbar > range > trough > slider:hover { background-color: #c9c9c7; }
+
+scrollbar > range > trough > slider:hover:active { background-color: #1b6acb; }
+
+scrollbar > range > trough > slider:disabled { background-color: transparent; }
+
+scrollbar > range.fine-tune > trough > slider { transition: none; min-width: 6px; min-height: 6px; }
+
+scrollbar > range.fine-tune.horizontal > trough > slider { border-width: 5px 4px; }
+
+scrollbar > range.fine-tune.vertical > trough > slider { border-width: 4px 5px; }
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) { border-color: transparent; opacity: 0.4; background-color: transparent; }
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) > range > trough > slider { margin: 0; min-width: 3px; min-height: 3px; background-color: #eeeeec; border: 1px solid black; }
+
+scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) > range > trough > slider { margin: 0 2px; min-width: 40px; }
+
+scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) > range > trough > slider { margin: 2px 0; min-height: 40px; }
+
+scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { opacity: 0.8; }
+
+scrollbar.horizontal > range > trough > slider { min-width: 40px; }
+
+scrollbar.vertical > range > trough > slider { min-height: 40px; }
+
+treeview ~ scrollbar.vertical { border-top: 1px solid #1b1b1b; margin-top: -1px; }
+
+/********** Switch * */
+switch { font-weight: bold; font-size: smaller; border: 1px solid #1b1b1b; border-radius: 14px; color: #eeeeec; background-color: #282828; transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; /* only show i / o for the accessible theme */ }
+
+switch { outline: 0 solid transparent; outline-offset: 4px; }
+
+switch:focus:focus-visible { outline-color: rgba(21, 83, 158, 0.7); outline-width: 2px; outline-offset: 0; }
+
+headerbar switch { background-color: #141414; }
+
+switch:checked { color: #ffffff; border-color: #030c17; background-color: #15539e; }
+
+switch:disabled { color: #919190; border-color: #1b1b1b; background-color: #323232; text-shadow: none; }
+
+switch > slider { color: #eeeeec; outline-color: rgba(21, 83, 158, 0.7); border-color: #1b1b1b; background-image: linear-gradient(to top, #373737 2px, #3a3a3a); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); margin: -1px; min-width: 24px; min-height: 24px; border: 1px solid; border-color: #1b1b1b; border-radius: 50%; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+switch > image { color: transparent; }
+
+switch:hover > slider { color: #eeeeec; border-color: #1b1b1b; background-image: linear-gradient(to top, #303030 20%, #323232 90%); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); }
+
+switch:checked > slider { border: 1px solid #030c17; }
+
+switch:disabled > slider { color: #919190; border-color: #202020; background-image: image(#323232); }
+
+row:selected switch { outline-color: rgba(255, 255, 255, 0.3); }
+
+/************************* Check and Radio items * */
+.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: #15539e; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; }
+
+.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: #15539e; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; }
+
+.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: #15539e; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; }
+
+.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: #5a5a5a; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; }
+
+.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: #15539e; 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; }
+
+.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: #15539e; 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; }
+
+.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: #15539e; 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; }
+
+.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: #5a5a5a; 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; }
+
+checkbutton { border-spacing: 4px; border-radius: 5px; transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+checkbutton { outline: 0 solid transparent; outline-offset: 4px; }
+
+checkbutton:focus:focus-visible { outline-color: rgba(21, 83, 158, 0.7); outline-width: 2px; outline-offset: -2px; }
+
+checkbutton.text-button { padding: 4px; }
+
+check, radio { min-height: 14px; min-width: 14px; border: 1px solid; -gtk-icon-source: none; }
+
+check, radio { background-clip: padding-box; background-image: linear-gradient(to bottom, #424242 20%, #353535 90%); border-color: #070707; box-shadow: 0 1px rgba(0, 0, 0, 0.05); color: #ffffff; }
+
+check:hover, radio:hover { background-image: linear-gradient(to bottom, #4c4c4c 10%, #3f3f3f 90%); }
+
+check:active, radio:active { box-shadow: inset 0 1px black; background-image: image(#282828); }
+
+check:disabled, radio:disabled { box-shadow: none; color: rgba(255, 255, 255, 0.7); }
+
+check:checked, radio:checked { background-clip: border-box; background-image: linear-gradient(to bottom, #185fb4 20%, #15539e 90%); border-color: #092444; box-shadow: 0 1px rgba(0, 0, 0, 0.05); color: #ffffff; }
+
+check:checked:hover, radio:checked:hover { background-image: linear-gradient(to bottom, #1b68c6 10%, #185cb0 90%); }
+
+check:checked:active, radio:checked:active { box-shadow: inset 0 1px black; background-image: image(#124787); }
+
+check:checked:disabled, radio:checked:disabled { box-shadow: none; color: rgba(255, 255, 255, 0.7); }
+
+check:indeterminate, radio:indeterminate { background-clip: border-box; background-image: linear-gradient(to bottom, #185fb4 20%, #15539e 90%); border-color: #092444; box-shadow: 0 1px rgba(0, 0, 0, 0.05); color: #ffffff; }
+
+check:indeterminate:hover, radio:indeterminate:hover { background-image: linear-gradient(to bottom, #1b68c6 10%, #185cb0 90%); }
+
+check:indeterminate:active, radio:indeterminate:active { box-shadow: inset 0 1px black; background-image: image(#124787); }
+
+check:indeterminate:disabled, radio:indeterminate:disabled { box-shadow: none; color: rgba(255, 255, 255, 0.7); }
+
+.osd check, .osd radio { color: #eeeeec; outline-color: rgba(21, 83, 158, 0.7); border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(38, 38, 38, 0.7)); background-clip: padding-box; }
+
+.osd check:hover, .osd radio:hover { color: #eeeeec; outline-color: rgba(21, 83, 158, 0.7); border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(38, 38, 38, 0.7)); background-clip: padding-box; }
+
+.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; }
+
+.osd check:disabled, .osd radio:disabled { color: #8a8a89; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(58, 58, 57, 0.5)); background-clip: padding-box; }
+
+check { border-radius: 3px; -gtk-icon-size: 14px; }
+
+check:checked { -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/check-symbolic.symbolic.png")), -gtk-recolor(url("assets/check@2-symbolic.symbolic.png"))); }
+
+check:indeterminate { -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/dash-symbolic.symbolic.png")), -gtk-recolor(url("assets/dash@2-symbolic.symbolic.png"))); }
+
+treeview.view radio:selected:focus, treeview.view radio:selected, radio { border-radius: 100%; -gtk-icon-size: 14px; }
+
+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"))); }
+
+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"))); }
+
+treeview.view check:selected:focus, treeview.view check:selected, treeview.view radio:selected:focus, treeview.view radio:selected { color: #ffffff; }
+
+/************ GtkScale * */
+progressbar > trough, scale > trough > fill, scale > trough { border: 1px solid #282828; border-radius: 3px; background-color: #282828; }
+
+headerbar progressbar > trough, headerbar scale > trough > fill, headerbar scale > trough { background-color: #141414; }
+
+progressbar > trough:disabled, scale > trough > fill:disabled, scale > trough:disabled { background-color: #323232; border-color: #202020; }
+
+row:selected progressbar > trough, row:selected scale > trough > fill, row:selected scale > trough { outline-color: rgba(255, 255, 255, 0.3); border-color: #030c17; }
+
+.osd progressbar > trough, .osd scale > trough > fill, .osd scale > trough { border-color: rgba(0, 0, 0, 0.7); background-color: rgba(0, 0, 0, 0.5); }
+
+.osd progressbar > trough:disabled, .osd scale > trough > fill:disabled, .osd scale > trough:disabled { background-color: rgba(58, 58, 57, 0.5); }
+
+progressbar > trough > progress, scale > trough > highlight { border: 1px solid #15539e; border-radius: 3px; background-color: #15539e; }
+
+progressbar > trough > progress:disabled, scale > trough > highlight:disabled { background-color: transparent; border-color: transparent; }
+
+row:selected progressbar > trough > progress, row:selected scale > trough > highlight { border-color: #030c17; }
+
+.osd progressbar > trough > progress, .osd scale > trough > highlight { border-color: rgba(0, 0, 0, 0.7); }
+
+.osd progressbar > trough > progress:disabled, .osd scale > trough > highlight:disabled { border-color: transparent; }
+
+scale { min-height: 10px; min-width: 10px; padding: 12px; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+scale > trough { outline: 0 solid transparent; outline-offset: 16px; }
+
+scale:focus:focus-visible > trough { outline-color: rgba(21, 83, 158, 0.7); outline-width: 2px; outline-offset: 10px; }
+
+scale > trough { transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+scale > trough > fill, scale > trough > highlight { margin: -1px; }
+
+scale > trough > slider { min-height: 18px; min-width: 18px; margin: -9px; }
+
+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 > trough > slider { margin: -6px; }
+
+scale.fine-tune > trough > fill, scale.fine-tune > trough > highlight, scale.fine-tune > trough { border-radius: 5px; }
+
+scale > trough > fill:disabled { border-color: transparent; background-color: transparent; }
+
+.osd scale > trough > fill { background-color: rgba(91, 91, 90, 0.775); }
+
+.osd scale > trough > fill:disabled { border-color: transparent; background-color: transparent; }
+
+scale > trough > slider { color: #eeeeec; outline-color: rgba(21, 83, 158, 0.7); border-color: #1b1b1b; background-image: linear-gradient(to top, #373737 2px, #3a3a3a); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); border-width: 1px; border-style: solid; border-radius: 100%; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: background, border, box-shadow; }
+
+scale > trough > slider:hover { color: #eeeeec; border-color: #1b1b1b; background-image: linear-gradient(to top, #303030 20%, #323232 90%); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); }
+
+scale > trough > slider:active { border-color: #030c17; }
+
+scale > trough > slider:disabled { color: #919190; border-color: #202020; background-image: image(#323232); }
+
+row:selected scale > trough > slider:disabled, row:selected scale > trough > slider { border-color: #030c17; }
+
+.osd scale > trough > slider { color: #eeeeec; outline-color: rgba(21, 83, 158, 0.7); border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(38, 38, 38, 0.7)); background-clip: padding-box; border-color: rgba(0, 0, 0, 0.7); background-color: #262626; }
+
+.osd scale > trough > slider:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(12, 12, 12, 0.7)); background-clip: padding-box; background-color: #262626; }
+
+.osd scale > trough > 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; background-color: #262626; }
+
+.osd scale > trough > slider:disabled { color: #8a8a89; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(58, 58, 57, 0.5)); background-clip: padding-box; background-color: #262626; }
+
+scale > value { color: alpha(currentColor,0.55); font-feature-settings: "tnum"; }
+
+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; }
+
+scale.horizontal > value.left { margin-right: 9px; }
+
+scale.horizontal > value.right { margin-left: 9px; }
+
+scale.horizontal.fine-tune > marks.top { margin-top: 3px; }
+
+scale.horizontal.fine-tune > marks.bottom { margin-bottom: 3px; }
+
+scale.horizontal.fine-tune > marks indicator { min-height: 3px; }
+
+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; }
+
+scale.vertical > value.top { margin-bottom: 9px; }
+
+scale.vertical > value.bottom { margin-top: 9px; }
+
+scale.vertical.fine-tune > marks.top { margin-left: 3px; }
+
+scale.vertical.fine-tune > marks.bottom { margin-right: 3px; }
+
+scale.vertical.fine-tune > marks indicator { min-height: 3px; }
+
+scale.horizontal.marks-before:not(.marks-after) > trough > slider { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-dark.png"), url("assets/slider-horz-scale-has-marks-above-dark@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.fine-tune:not(.marks-after) > trough > slider { margin: -7px -10px; margin-top: -11px; }
+
+scale.horizontal.marks-before:not(.marks-after) > trough > 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-dark.png"), url("assets/slider-horz-scale-has-marks-above-hover-dark@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.fine-tune:not(.marks-after) > trough > slider { margin: -7px -10px; margin-top: -11px; }
+
+scale.horizontal.marks-before:not(.marks-after) > trough > 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-dark.png"), url("assets/slider-horz-scale-has-marks-above-active-dark@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.fine-tune:not(.marks-after) > trough > slider { margin: -7px -10px; margin-top: -11px; }
+
+scale.horizontal.marks-before:not(.marks-after) > trough > 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-dark.png"), url("assets/slider-horz-scale-has-marks-above-insensitive-dark@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.fine-tune:not(.marks-after) > trough > slider { margin: -7px -10px; margin-top: -11px; }
+
+scale.horizontal.marks-after:not(.marks-before) > trough > slider { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-dark.png"), url("assets/slider-horz-scale-has-marks-below-dark@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.fine-tune:not(.marks-before) > trough > slider { margin: -7px -10px; margin-bottom: -11px; }
+
+scale.horizontal.marks-after:not(.marks-before) > trough > 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-dark.png"), url("assets/slider-horz-scale-has-marks-below-hover-dark@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.fine-tune:not(.marks-before) > trough > slider { margin: -7px -10px; margin-bottom: -11px; }
+
+scale.horizontal.marks-after:not(.marks-before) > trough > 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-dark.png"), url("assets/slider-horz-scale-has-marks-below-active-dark@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.fine-tune:not(.marks-before) > trough > slider { margin: -7px -10px; margin-bottom: -11px; }
+
+scale.horizontal.marks-after:not(.marks-before) > trough > 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-dark.png"), url("assets/slider-horz-scale-has-marks-below-insensitive-dark@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.fine-tune:not(.marks-before) > trough > slider { margin: -7px -10px; margin-bottom: -11px; }
+
+scale.vertical.marks-before:not(.marks-after) > trough > slider { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-dark.png"), url("assets/slider-vert-scale-has-marks-above-dark@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.fine-tune:not(.marks-after) > trough > slider { margin: -10px -7px; margin-left: -11px; }
+
+scale.vertical.marks-before:not(.marks-after) > trough > 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-dark.png"), url("assets/slider-vert-scale-has-marks-above-hover-dark@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.fine-tune:not(.marks-after) > trough > slider { margin: -10px -7px; margin-left: -11px; }
+
+scale.vertical.marks-before:not(.marks-after) > trough > 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-dark.png"), url("assets/slider-vert-scale-has-marks-above-active-dark@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.fine-tune:not(.marks-after) > trough > slider { margin: -10px -7px; margin-left: -11px; }
+
+scale.vertical.marks-before:not(.marks-after) > trough > 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-dark.png"), url("assets/slider-vert-scale-has-marks-above-insensitive-dark@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.fine-tune:not(.marks-after) > trough > slider { margin: -10px -7px; margin-left: -11px; }
+
+scale.vertical.marks-after:not(.marks-before) > trough > slider { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-dark.png"), url("assets/slider-vert-scale-has-marks-below-dark@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.fine-tune:not(.marks-before) > trough > slider { margin: -10px -7px; margin-right: -11px; }
+
+scale.vertical.marks-after:not(.marks-before) > trough > 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-dark.png"), url("assets/slider-vert-scale-has-marks-below-hover-dark@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.fine-tune:not(.marks-before) > trough > slider { margin: -10px -7px; margin-right: -11px; }
+
+scale.vertical.marks-after:not(.marks-before) > trough > 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-dark.png"), url("assets/slider-vert-scale-has-marks-below-active-dark@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.fine-tune:not(.marks-before) > trough > slider { margin: -10px -7px; margin-right: -11px; }
+
+scale.vertical.marks-after:not(.marks-before) > trough > 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-dark.png"), url("assets/slider-vert-scale-has-marks-below-insensitive-dark@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.fine-tune:not(.marks-before) > trough > slider { margin: -10px -7px; margin-right: -11px; }
+
+scale.color { min-height: 0; min-width: 0; }
+
+scale.color > trough { background-image: image(#1b1b1b); background-repeat: no-repeat; }
+
+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 > trough > slider:dir(ltr):hover, scale.color.horizontal > trough > slider:dir(ltr):backdrop, scale.color.horizontal > trough > slider:dir(ltr):disabled, scale.color.horizontal > trough > slider:dir(ltr):backdrop:disabled, scale.color.horizontal > trough > slider:dir(ltr), scale.color.horizontal > trough > slider:dir(rtl):hover, scale.color.horizontal > trough > slider:dir(rtl):backdrop, scale.color.horizontal > trough > slider:dir(rtl):disabled, scale.color.horizontal > trough > slider:dir(rtl):backdrop:disabled, scale.color.horizontal > trough > 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) > trough > slider:hover, scale.color.vertical:dir(ltr) > trough > slider:backdrop, scale.color.vertical:dir(ltr) > trough > slider:disabled, scale.color.vertical:dir(ltr) > trough > slider:backdrop:disabled, scale.color.vertical:dir(ltr) > trough > 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) > trough > slider:hover, scale.color.vertical:dir(rtl) > trough > slider:backdrop, scale.color.vertical:dir(rtl) > trough > slider:disabled, scale.color.vertical:dir(rtl) > trough > slider:backdrop:disabled, scale.color.vertical:dir(rtl) > trough > 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) > trough > slider, scale.color.fine-tune.horizontal:dir(rtl) > trough > 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) > trough > 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) > trough > slider { margin-right: -15px; margin-left: 6px; }
+
+/***************** Progress bars * */
+progressbar { font-size: smaller; color: rgba(238, 238, 236, 0.4); font-feature-settings: "tnum"; }
+
+progressbar.horizontal > trough { min-width: 150px; }
+
+progressbar.horizontal > trough, progressbar.horizontal > trough > progress { min-height: 2px; }
+
+progressbar.vertical > trough { min-height: 80px; }
+
+progressbar.vertical > trough, progressbar.vertical > trough > progress { min-width: 2px; }
+
+progressbar.horizontal > trough > progress { margin: 0 -1px; }
+
+progressbar.vertical > trough > progress { margin: -1px 0; }
+
+progressbar > trough > progress { /* share most of scales' */ /* override insensitive that is specific to progress */ border-radius: 1.5px; }
+
+progressbar > trough > progress:disabled { background-color: #919190; border-color: #919190; }
+
+progressbar > trough > progress.left { border-top-left-radius: 5px; border-bottom-left-radius: 5px; }
+
+progressbar > trough > progress.right { border-top-right-radius: 5px; border-bottom-right-radius: 5px; }
+
+progressbar > trough > progress.top { border-top-right-radius: 5px; border-top-left-radius: 5px; }
+
+progressbar > trough > progress.bottom { border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; }
+
+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 > trough > progress { border-style: none; border-radius: 0; }
+
+progressbar > trough.empty > progress { all: unset; }
+
+/************* Level Bar * */
+levelbar.horizontal trough > block { min-height: 9px; border-radius: 5px; }
+
+levelbar.horizontal trough > block:dir(rtl) { border-radius: 0 5px 5px 0; }
+
+levelbar.horizontal trough > block:dir(ltr) { border-radius: 5px 0 0 5px; }
+
+levelbar.horizontal trough > block.empty, levelbar.horizontal trough > block.full { border-radius: 5px; }
+
+levelbar.horizontal.discrete trough > block { min-height: 2px; margin: 1px; min-width: 24px; border-radius: 0; }
+
+levelbar.horizontal.discrete trough > block:first-child { border-radius: 2px 0 0 2px; }
+
+levelbar.horizontal.discrete trough > block:last-child { border-radius: 0 2px 2px 0; }
+
+levelbar.vertical trough > block { min-width: 9px; border-radius: 5px; }
+
+levelbar.vertical.discrete > trough > block { min-width: 2px; margin: 1px 0; min-height: 32px; }
+
+levelbar > trough { padding: 0; }
+
+levelbar > trough > block { border: 1px solid; }
+
+levelbar > trough > block.low { border-color: #f57900; background-color: #f57900; }
+
+levelbar > trough > block.high, levelbar > trough > block:not(.empty) { border-color: #15539e; background-color: #15539e; }
+
+levelbar > trough > block.full { border-color: #26ab62; background-color: #26ab62; }
+
+levelbar > trough > block.empty { background-color: #282828; border-color: #282828; }
+
+/**************** Print dialog * */
+window.dialog.print drawing { color: #eeeeec; background: none; border: none; padding: 0; }
+
+window.dialog.print drawing paper { background: white; color: #2e3436; border: 1px solid #1b1b1b; }
+
+window.dialog.print .dialog-action-box { margin: 12px; }
+
+/********** Frames * */
+frame, .frame { border: 1px solid #1b1b1b; }
+
+frame { border-radius: 8px; }
+
+frame > label { margin: 4px; }
+
+actionbar > revealer > box { padding: 6px; border-top: 1px solid #1b1b1b; }
+
+actionbar > revealer > box, actionbar > revealer > box > box.start, actionbar > revealer > box > box.end { border-spacing: 6px; }
+
+scrolledwindow > overshoot.top { background-image: radial-gradient(farthest-side at top, #020202 85%, rgba(2, 2, 2, 0)), radial-gradient(farthest-side at top, rgba(238, 238, 236, 0.07), rgba(238, 238, 236, 0)); background-size: 100% 3%, 100% 50%; background-repeat: no-repeat; background-position: top; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow > overshoot.bottom { background-image: radial-gradient(farthest-side at bottom, #020202 85%, rgba(2, 2, 2, 0)), radial-gradient(farthest-side at bottom, rgba(238, 238, 236, 0.07), rgba(238, 238, 236, 0)); background-size: 100% 3%, 100% 50%; background-repeat: no-repeat; background-position: bottom; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow > overshoot.left { background-image: radial-gradient(farthest-side at left, #020202 85%, rgba(2, 2, 2, 0)), radial-gradient(farthest-side at left, rgba(238, 238, 236, 0.07), rgba(238, 238, 236, 0)); background-size: 3% 100%, 50% 100%; background-repeat: no-repeat; background-position: left; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow > overshoot.right { background-image: radial-gradient(farthest-side at right, #020202 85%, rgba(2, 2, 2, 0)), radial-gradient(farthest-side at right, rgba(238, 238, 236, 0.07), rgba(238, 238, 236, 0)); background-size: 3% 100%, 50% 100%; background-repeat: no-repeat; background-position: right; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow > junction { background: #1b1b1b, linear-gradient(to bottom, transparent 1px, #313131 1px), linear-gradient(to right, transparent 1px, #313131 1px); }
+
+scrolledwindow > junction:dir(rtl) { background: #1b1b1b, linear-gradient(to bottom, transparent 1px, #313131 1px), linear-gradient(to left, transparent 1px, #313131 1px); }
+
+separator { background: #282828; min-width: 1px; min-height: 1px; }
+
+/********* Lists * */
+listview, list { color: white; background-color: #2d2d2d; border-color: #1b1b1b; }
+
+listview:backdrop, list:backdrop { color: #d6d6d6; background-color: #303030; border-color: #202020; }
+
+listview > row, list > row { padding: 2px; }
+
+listview > row.expander, list > row.expander { padding: 0px; }
+
+listview > row.expander .row-header, list > row.expander .row-header { padding: 2px; }
+
+listview.horizontal row.separator, listview.separators.horizontal > row:not(.separator), list.horizontal row.separator, list.separators.horizontal > row:not(.separator) { border-left: 1px solid #545453; }
+
+listview:not(.horizontal) row.separator, listview.separators:not(.horizontal) > row:not(.separator), list:not(.horizontal) row.separator, list.separators:not(.horizontal) > row:not(.separator) { border-bottom: 1px solid #545453; }
+
+row { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+row { outline: 0 solid transparent; outline-offset: 4px; }
+
+row:focus:focus-visible { outline-color: rgba(21, 83, 158, 0.7); outline-width: 2px; outline-offset: -2px; }
+
+row.activatable.has-open-popup, row.activatable:hover { background-color: rgba(238, 238, 236, 0.05); }
+
+row.activatable:active { box-shadow: inset 0 2px 2px -2px rgba(0, 0, 0, 0.2); }
+
+row.activatable:selected:active { box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.5); }
+
+row.activatable.has-open-popup:selected, row.activatable:selected:hover { background-color: #2b62a6; }
+
+row:selected { outline-color: rgba(255, 255, 255, 0.3); }
+
+columnview > listview > row { padding: 0; }
+
+columnview > listview > row > cell { padding: 8px 6px; }
+
+columnview > listview > row > cell:not(:first-child) { border-left: 1px solid transparent; }
+
+columnview.column-separators > listview > row > cell { border-left-color: #545453; }
+
+columnview.data-table > listview > row > cell { padding-top: 2px; padding-bottom: 2px; }
+
+treeexpander { border-spacing: 4px; }
+
+/******************************************************** Data Tables * treeview like tables with individual focusable cells * https://gitlab.gnome.org/GNOME/gtk/-/issues/2929 * */
+columnview row:not(:selected) cell editablelabel:not(.editing):focus-within { outline: 2px solid rgba(21, 83, 158, 0.7); }
+
+columnview row:not(:selected) cell editablelabel.editing:focus-within { outline: 2px solid #15539e; }
+
+columnview row:not(:selected) cell editablelabel.editing text selection { background-color: rgba(90, 90, 90, 0.5); color: transparent; }
+
- window:backdrop { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.75), 0 0 0 20px transparent; }
++columnview row:not(:selected) cell editablelabel.editing text selection:focus-within { background-color: rgba(21, 83, 158, 0.3); color: #eeeeec; }
+
+/******************************************************* Rich Lists * Large list usually containing lots of widgets * https://gitlab.gnome.org/GNOME/gtk/-/issues/3073 * */
+.rich-list { /* rich lists usually containing other widgets than just labels/text */ }
+
+.rich-list > row { padding: 8px 12px; min-height: 32px; /* should be tall even when only containing a label */ }
+
+.rich-list > row > box { border-spacing: 12px; }
+
+/********************* App Notifications * */
+.app-notification { padding: 10px; border-spacing: 10px; border-radius: 0 0 5px 5px; background-color: rgba(38, 38, 38, 0.7); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), transparent 2px); background-clip: padding-box; }
+
+.app-notification border { border: none; }
+
+/************* Expanders * */
+expander { min-width: 16px; min-height: 16px; -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
+
+expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); }
+
+expander:disabled { color: #919190; }
+
+expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+
+expander-widget { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+expander-widget > box > title { outline: 0 solid transparent; outline-offset: 4px; }
+
+expander-widget:focus:focus-visible > box > title { outline-color: rgba(21, 83, 158, 0.7); outline-width: 2px; outline-offset: -2px; }
+
+expander-widget > box > title { transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); border-radius: 5px; }
+
+expander-widget > box > title:hover > expander { color: white; }
+
+.navigation-sidebar:not(decoration):not(window):drop(active):focus, .navigation-sidebar:not(decoration):not(window):drop(active), placessidebar:not(decoration):not(window):drop(active):focus, placessidebar:not(decoration):not(window):drop(active), stackswitcher:not(decoration):not(window):drop(active):focus, stackswitcher:not(decoration):not(window):drop(active), expander-widget:not(decoration):not(window):drop(active):focus, expander-widget:not(decoration):not(window):drop(active) { box-shadow: none; }
+
+/************ Calendar * */
+calendar { color: white; border: 1px solid #1b1b1b; font-feature-settings: "tnum"; }
+
+calendar > header { border-bottom: 1px solid #1b1b1b; }
+
+calendar > header > button { border: none; box-shadow: none; background: none; border-radius: 0; }
+
+calendar > header > button:backdrop { background: none; }
+
+calendar > grid > label.today { box-shadow: inset 0px -2px #1b1b1b; }
+
+calendar > grid > label.today:selected { box-shadow: none; }
+
+calendar > grid > label:focus { outline-color: rgba(21, 83, 158, 0.7); outline-offset: -2px; outline-width: 2px; outline-style: solid; }
+
+calendar > grid > label.day-number { padding: 4px; }
+
+calendar > grid > label.day-number:selected { border-radius: 3px; }
+
+calendar > grid > label.day-number.other-month { color: alpha(currentColor,0.3); }
+
+/*********** Dialogs * */
+window.dialog.message .titlebar { min-height: 20px; background-image: none; background-color: #353535; border-style: none; border-top-left-radius: 7px; border-top-right-radius: 7px; }
+
+window.dialog.message box.dialog-vbox.vertical { border-spacing: 10px; }
+
+window.dialog.message label.title { font-weight: 800; font-size: 15pt; }
+
+window.dialog.message.csd.background { border-bottom-left-radius: 9px; border-bottom-right-radius: 9px; }
+
+window.dialog.message.csd .dialog-action-area button { padding: 10px 14px; border-radius: 0; border-left-style: solid; border-right-style: none; border-bottom-style: none; }
+
+window.dialog.message.csd .dialog-action-area button:first-child { border-left-style: none; border-bottom-left-radius: 7px; }
+
+window.dialog.message.csd .dialog-action-area button:last-child { border-bottom-right-radius: 7px; }
+
+filechooser .dialog-action-box { border-top: 1px solid #1b1b1b; }
+
+filechooser #pathbarbox { border-bottom: 1px solid #353535; }
+
+filechooserbutton > button > box { border-spacing: 6px; }
+
+filechooserbutton:drop(active) { box-shadow: none; border-color: transparent; }
+
+/*********** Sidebar * */
+.sidebar { background-color: #313131; }
+
+.sidebar:not(separator):dir(ltr), .sidebar.left:not(separator), .sidebar.left:not(separator):dir(rtl) { border-right: 1px solid #1b1b1b; border-left-style: none; }
+
+.sidebar:not(separator):dir(rtl), .sidebar.right:not(separator) { border-left: 1px solid #1b1b1b; border-right-style: none; }
+
+.sidebar listview.view, .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 list.separators:not(.horizontal) > row:not(.separator) { border-bottom: none; }
+
+stacksidebar row { padding: 10px 4px; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+stacksidebar row { outline: 0 solid transparent; outline-offset: 4px; }
+
+stacksidebar row:focus:focus-visible { outline-color: rgba(21, 83, 158, 0.7); outline-width: 2px; outline-offset: -2px; }
+
+stacksidebar row > label { padding-left: 6px; padding-right: 6px; }
+
+stacksidebar row.needs-attention > label { background-size: 6px 6px, 0 0; }
+
+stacksidebar row:selected { background-color: #202020; border-radius: 5px; color: #eeeeec; }
+
+stacksidebar row:selected:hover:dir(ltr), stacksidebar row:selected:hover:dir(rtl) { background-color: #141414; }
+
+stacksidebar row.activatable:active, stacksidebar row.activatable:selected:active { box-shadow: none; }
+
+separator.sidebar { background-color: #1b1b1b; }
+
+/********************** Navigation Sidebar * */
+.navigation-sidebar { padding: 5px 0; }
+
+.navigation-sidebar > separator { margin: 5px; }
+
+.navigation-sidebar > row { min-height: 36px; padding: 0 8px; border-radius: 5px; margin: 0 5px 2px; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+.navigation-sidebar > row { outline: 0 solid transparent; outline-offset: 4px; }
+
+.navigation-sidebar > row:focus-visible:focus-within { outline-color: rgba(21, 83, 158, 0.7); outline-width: 2px; outline-offset: -2px; }
+
+.navigation-sidebar > row:hover { background-color: #141414; }
+
+.navigation-sidebar > row:selected { background-color: #202020; color: inherit; }
+
+.navigation-sidebar > row:selected:hover { background-color: #141414; }
+
+.navigation-sidebar > row:disabled { color: #919190; }
+
+/**************** File chooser * */
+row image.sidebar-icon { opacity: 0.7; }
+
+/* this should be more generic, only using .navigation-sidebar https://gitlab.gnome.org/GNOME/gtk/-/issues/2929 */
+placessidebar .navigation-sidebar > row { padding: 0; }
+
+placessidebar .navigation-sidebar > row > revealer { padding: 0 14px; }
+
+placessidebar .navigation-sidebar > row image.sidebar-icon:dir(ltr) { padding-right: 8px; }
+
+placessidebar .navigation-sidebar > row image.sidebar-icon:dir(rtl) { padding-left: 8px; }
+
+placessidebar .navigation-sidebar > row label.sidebar-label:dir(ltr) { padding-right: 2px; }
+
+placessidebar .navigation-sidebar > 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%; }
+
+placessidebar .navigation-sidebar > row:selected:active { box-shadow: none; }
+
+placessidebar .navigation-sidebar > row.sidebar-placeholder-row { padding: 0 8px; min-height: 2px; background-image: image(#26a269); background-clip: content-box; }
+
+placessidebar .navigation-sidebar > row.sidebar-new-bookmark-row { color: #15539e; }
+
+placessidebar .navigation-sidebar > row:drop(active):not(:disabled) { color: #26a269; box-shadow: inset 0 1px #26a269, inset 0 -1px #26a269; }
+
+placessidebar .navigation-sidebar > row:drop(active):not(:disabled):selected { color: #ffffff; background-color: #26a269; }
+
+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 > actionbar > revealer > box > box { border-spacing: 6px; }
+
+/********* Paned * */
+paned > separator { min-width: 1px; min-height: 1px; -gtk-icon-source: none; border-style: none; background-color: transparent; background-image: image(#1b1b1b); background-size: 1px 1px; }
+
+paned > separator:selected { background-image: image(#15539e); }
+
+paned > separator.wide { min-width: 5px; min-height: 5px; background-color: #353535; background-image: image(#1b1b1b), image(#1b1b1b); background-size: 1px 1px, 1px 1px; }
+
+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; }
+
+/************** GtkVideo * */
+video { background: black; }
+
+video image.osd { min-width: 64px; min-height: 64px; border-radius: 32px; }
+
+/************ Tooltips * */
+tooltip { padding: 6px 10px; border-radius: 8px; box-shadow: none; }
+
+tooltip.background { background-color: rgba(0, 0, 0, 0.8); background-clip: padding-box; border: 1px solid rgba(255, 255, 255, 0.1); color: white; }
+
+tooltip > box { border-spacing: 6px; }
+
+/***************** Color Chooser * */
+colorswatch { transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+colorswatch { outline: 0 solid transparent; outline-offset: 6px; }
+
+colorswatch:focus:focus-visible { outline-color: rgba(21, 83, 158, 0.7); outline-width: 4px; outline-offset: -2px; }
+
+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; }
+
+colorswatch.dark > overlay { color: white; }
+
+colorswatch.dark.activatable:hover > overlay { border-color: #1b1b1b; }
+
+colorswatch.light > overlay { color: black; }
+
+colorswatch.light.activatable:hover > overlay { border-color: #1b1b1b; }
+
+colorswatch:drop(active) { box-shadow: none; }
+
+colorswatch.light:drop(active) > overlay { border-color: #26a269; box-shadow: inset 0 0 0 2px #1b1b1b, inset 0 0 0 1px #26a269; }
+
+colorswatch.dark:drop(active) > overlay { border-color: #26a269; box-shadow: inset 0 0 0 2px #1b1b1b, inset 0 0 0 1px #26a269; }
+
+colorswatch > overlay { border: 1px solid #1b1b1b; }
+
+colorswatch.activatable:hover > overlay { box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), inset 0 -1px rgba(0, 0, 0, 0.2); }
+
+colorswatch#add-color-button { border-radius: 5px 0 0 5px; }
+
+colorswatch#add-color-button:only-child { border-radius: 5px; }
+
+colorswatch#add-color-button > overlay { color: #eeeeec; outline-color: rgba(21, 83, 158, 0.7); border-color: #1b1b1b; background-image: linear-gradient(to top, #373737 2px, #3a3a3a); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); }
+
+colorswatch#add-color-button.activatable:hover > overlay { color: #eeeeec; border-color: #1b1b1b; background-image: linear-gradient(to top, #303030 20%, #323232 90%); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); }
+
+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; }
+
+plane { transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+plane { outline: 0 solid transparent; outline-offset: 6px; }
+
+plane:focus:focus-visible { outline-color: rgba(21, 83, 158, 0.7); outline-width: 2px; outline-offset: 2px; }
+
+colorchooser .popover.osd { border-radius: 5px; }
+
+/******** Misc * */
+.content-view { background-color: #232323; }
+
+.content-view:hover { -gtk-icon-filter: brightness(1.2); }
+
+.content-view .tile { margin: 2px; background-color: black; border-radius: 0; padding: 0; }
+
+.content-view .tile:active, .content-view .tile:selected { background-color: #15539e; }
+
+.content-view .tile:disabled { background-color: #323232; }
+
+.osd .scale-popup button.flat { border-style: none; border-radius: 5px; }
+
+.scale-popup button:hover { background-color: rgba(238, 238, 236, 0.1); border-radius: 5px; }
+
+/********************** Window Decorations * */
+window { border-width: 0px; }
+
+window.csd { box-shadow: 0 3px 9px 1px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(0, 0, 0, 0.75); margin: 0px; border-radius: 8px 8px 0 0; }
+
+window.csd: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.75); transition: 200ms ease-out; }
+
+window.csd.popup { border-radius: 5px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.65); }
+
+window.csd.dialog.message { border-radius: 8px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.65); }
+
+window.solid-csd { margin: 0; padding: 4px; border: solid 1px #1b1b1b; border-radius: 0; box-shadow: inset 0 0 0 4px #1b1b1b, inset 0 0 0 3px #2d2d2d, inset 0 1px rgba(238, 238, 236, 0.07); }
+
+window.solid-csd:backdrop { box-shadow: inset 0 0 0 4px #1b1b1b, inset 0 0 0 3px #353535, inset 0 1px rgba(238, 238, 236, 0.07); }
+
+window.maximized, window.fullscreen { border-radius: 0; box-shadow: none; }
+
+window.tiled, window.tiled-top, window.tiled-left, window.tiled-right, window.tiled-bottom { border-radius: 0; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.75), 0 0 0 20px transparent; }
+
++window.tiled:backdrop, window.tiled-top:backdrop, window.tiled-left:backdrop, window.tiled-right:backdrop, window.tiled-bottom:backdrop { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.75), 0 0 0 20px transparent; }
+
+window.popup { box-shadow: none; }
+
+window.ssd { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.75); }
+
+tooltip.csd { border-radius: 5px; box-shadow: none; }
+
+.view:selected:focus, .view:selected, textview > text:selected:focus, textview > text:selected, iconview:selected:focus, iconview:selected, flowbox > flowboxchild:selected, gridview > child:selected, modelbutton.flat:selected, columnview.view:selected:focus, columnview.view:selected, treeview.view:selected:focus, treeview.view:selected, row:selected, calendar > grid > label.day-number:selected { background-color: #15539e; }
+
+label:selected, .view:selected:focus, .view:selected, textview > text:selected:focus, textview > text:selected, iconview:selected:focus, iconview:selected, flowbox > flowboxchild:selected, gridview > child:selected, modelbutton.flat:selected, columnview.view:selected:focus, columnview.view:selected, treeview.view:selected:focus, treeview.view:selected, row:selected, calendar > grid > label.day-number:selected { color: #ffffff; }
+
+label:disabled > selection, label:disabled:selected, .view:disabled:selected, textview > text:disabled:selected:focus, textview > text:disabled:selected, iconview:disabled:selected:focus, iconview:disabled:selected, flowbox > flowboxchild:disabled:selected, gridview > child:disabled:selected, modelbutton.flat:disabled:selected, columnview.view:disabled:selected, treeview.view:disabled:selected, row:disabled:selected, calendar > grid > label.day-number:disabled:selected { color: #8aa9ce; }
+
+.monospace { font-family: monospace; }
+
+/********************** Touch Copy & Paste * */
+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; }
+
+cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/text-select-start-dark.png"), url("assets/text-select-start-dark@2.png")); }
+
+cursor-handle.bottom:dir(ltr), cursor-handle.top:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/text-select-end-dark.png"), url("assets/text-select-end-dark@2.png")); }
+
+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-dark.png"), url("assets/slider-horz-scale-has-marks-above-dark@2.png")); }
+
+cursor-handle.top:hover:dir(ltr), cursor-handle.bottom:hover:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/text-select-start-hover-dark.png"), url("assets/text-select-start-hover-dark@2.png")); }
+
+cursor-handle.bottom:hover:dir(ltr), cursor-handle.top:hover:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/text-select-end-hover-dark.png"), url("assets/text-select-end-hover-dark@2.png")); }
+
+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-dark.png"), url("assets/slider-horz-scale-has-marks-above-hover-dark@2.png")); }
+
+cursor-handle.top:active:dir(ltr), cursor-handle.bottom:active:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/text-select-start-active-dark.png"), url("assets/text-select-start-active-dark@2.png")); }
+
+cursor-handle.bottom:active:dir(ltr), cursor-handle.top:active:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/text-select-end-active-dark.png"), url("assets/text-select-end-active-dark@2.png")); }
+
+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-dark.png"), url("assets/slider-horz-scale-has-marks-above-active-dark@2.png")); }
+
+shortcuts-section { margin: 20px; }
+
+.shortcuts-search-results { margin: 20px; border-spacing: 24px; }
+
+shortcut { border-spacing: 6px; }
+
+shortcut > .keycap { min-width: 20px; min-height: 25px; margin-top: 2px; padding-bottom: 3px; padding-left: 6px; padding-right: 6px; color: #eeeeec; background-color: #2d2d2d; border: 1px solid; border-color: #1b1b1b; border-radius: 5px; box-shadow: inset 0 -3px #222222; font-size: smaller; }
+
+:not(decoration):not(window):drop(active):focus, :not(decoration):not(window):drop(active) { border-color: #26a269; box-shadow: inset 0 0 0 1px #26a269; caret-color: #26a269; }
+
+stackswitcher > button.text-button { min-width: 100px; }
+
+stackswitcher.circular { border-spacing: 12px; }
+
+stackswitcher.circular > button.circular, stackswitcher.circular > button.text-button.circular { min-width: 32px; min-height: 32px; padding: 0; }
+
+/************* App Icons * */
+/* Outline for low res icons */
+.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); }
+
+/* Drapshadow for large icons */
+.icon-dropshadow { -gtk-icon-shadow: 0 1px 12px rgba(0, 0, 0, 0.05), 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); }
+
+/********* Emoji * */
+popover.emoji-picker > contents { padding: 0; }
+
+.emoji-searchbar { padding: 6px; border-spacing: 6px; border-bottom: 1px solid #1b1b1b; }
+
+.emoji-toolbar { padding: 6px; border-spacing: 6px; border-top: 1px solid #1b1b1b; }
+
+button.emoji-section { border-color: transparent; border-width: 3px; border-style: none none solid; border-radius: 0; 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; }
+
+button.emoji-section:hover { border-color: rgba(238, 238, 236, 0.1); }
+
+button.emoji-section:checked { border-color: #15539e; }
+
+popover.emoji-picker emoji { font-size: x-large; padding: 6px; border-radius: 6px; }
+
+popover.emoji-picker emoji:focus, popover.emoji-picker emoji:hover { background: #15539e; }
+
+emoji-completion-row > box { border-spacing: 10px; padding: 2px 10px; }
+
+emoji-completion-row:focus, emoji-completion-row:hover { background-color: #15539e; color: #ffffff; }
+
+emoji-completion-row emoji:focus, emoji-completion-row emoji:hover { background-color: #202020; }
+
+popover.entry-completion > contents { padding: 0; }
+
+statusbar { padding: 6px 10px 6px 10px; }
+
+menubutton > button > box { border-spacing: 6px; }
+
+menubutton arrow { min-height: 16px; min-width: 16px; }
+
+menubutton arrow.none { -gtk-icon-source: -gtk-icontheme("open-menu-symbolic"); }
+
+menubutton arrow.down { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+
+menubutton arrow.up { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
+
+menubutton arrow.left { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); }
+
+menubutton arrow.right { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
+
+/* GTK NAMED COLORS ---------------- use responsibly! */
+/*
+widget text/foreground color */
+@define-color theme_fg_color #eeeeec;
+/*
+text color for entries, views and content in general */
+@define-color theme_text_color white;
+/*
+widget base background color */
+@define-color theme_bg_color #353535;
+/*
+text widgets and the like base background color */
+@define-color theme_base_color #2d2d2d;
+/*
+base background color of selections */
+@define-color theme_selected_bg_color #15539e;
+/*
+text/foreground color of selections */
+@define-color theme_selected_fg_color #ffffff;
+/*
+base background color of insensitive widgets */
+@define-color insensitive_bg_color #323232;
+/*
+text foreground color of insensitive widgets */
+@define-color insensitive_fg_color #919190;
+/*
+insensitive text widgets and the like base background color */
+@define-color insensitive_base_color #2d2d2d;
+/*
+widget text/foreground color on backdrop windows */
+@define-color theme_unfocused_fg_color #919190;
+/*
+text color for entries, views and content in general on backdrop windows */
+@define-color theme_unfocused_text_color white;
+/*
+widget base background color on backdrop windows */
+@define-color theme_unfocused_bg_color #353535;
+/*
+text widgets and the like base background color on backdrop windows */
+@define-color theme_unfocused_base_color #303030;
+/*
+base background color of selections on backdrop windows */
+@define-color theme_unfocused_selected_bg_color #15539e;
+/*
+text/foreground color of selections on backdrop windows */
+@define-color theme_unfocused_selected_fg_color #ffffff;
+/*
+insensitive color on backdrop windows*/
+@define-color unfocused_insensitive_color #5b5b5b;
+/*
+widgets main borders color */
+@define-color borders #1b1b1b;
+/*
+widgets main borders color on backdrop windows */
+@define-color unfocused_borders #202020;
+/*
+these are pretty self explicative */
+@define-color warning_color #f57900;
+@define-color error_color #cc0000;
+@define-color success_color #26ab62;
+/*
+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... */
+@define-color wm_title shade(#eeeeec, 1.8);
+@define-color wm_unfocused_title #919190;
+@define-color wm_highlight rgba(0, 0, 0, 0);
+@define-color wm_borders_edge rgba(238, 238, 236, 0.07);
+@define-color wm_bg_a shade(#353535, 1.2);
+@define-color wm_bg_b #353535;
+@define-color wm_shadow alpha(black, 0.35);
+@define-color wm_border alpha(black, 0.18);
+@define-color wm_button_hover_color_a shade(#353535, 1.3);
+@define-color wm_button_hover_color_b #353535;
+@define-color wm_button_active_color_a shade(#353535, 0.85);
+@define-color wm_button_active_color_b shade(#353535, 0.89);
+@define-color wm_button_active_color_c shade(#353535, 0.9);
+/* content view background such as thumbnails view in Photos or Boxes */
+@define-color content_view_bg #2d2d2d;
+/* Very contrasty background for text views (@theme_text_color foreground) */
+@define-color text_view_bg #1e1e1e;
--- /dev/null
- textview > text > selection:focus-within { background-color: #0f3b71; }
+/* GTK NAMED COLORS ---------------- use responsibly! */
+/*
+widget text/foreground color */
+@define-color theme_fg_color #f3f3f1;
+/*
+text color for entries, views and content in general */
+@define-color theme_text_color white;
+/*
+widget base background color */
+@define-color theme_bg_color #303030;
+/*
+text widgets and the like base background color */
+@define-color theme_base_color #2d2d2d;
+/*
+base background color of selections */
+@define-color theme_selected_bg_color #0f3b71;
+/*
+text/foreground color of selections */
+@define-color theme_selected_fg_color #ffffff;
+/*
+base background color of insensitive widgets */
+@define-color insensitive_bg_color #2f2f2f;
+/*
+text foreground color of insensitive widgets */
+@define-color insensitive_fg_color #919191;
+/*
+insensitive text widgets and the like base background color */
+@define-color insensitive_base_color #2d2d2d;
+/*
+widget text/foreground color on backdrop windows */
+@define-color theme_unfocused_fg_color #919190;
+/*
+text color for entries, views and content in general on backdrop windows */
+@define-color theme_unfocused_text_color white;
+/*
+widget base background color on backdrop windows */
+@define-color theme_unfocused_bg_color #353535;
+/*
+text widgets and the like base background color on backdrop windows */
+@define-color theme_unfocused_base_color #303030;
+/*
+base background color of selections on backdrop windows */
+@define-color theme_unfocused_selected_bg_color #0f3b71;
+/*
+text/foreground color of selections on backdrop windows */
+@define-color theme_unfocused_selected_fg_color #ffffff;
+/*
+insensitive color on backdrop windows*/
+@define-color unfocused_insensitive_color #5b5b5b;
+/*
+widgets main borders color */
+@define-color borders #686868;
+/*
+widgets main borders color on backdrop windows */
+@define-color unfocused_borders #202020;
+/*
+these are pretty self explicative */
+@define-color warning_color #f57900;
+@define-color error_color #cc0000;
+@define-color success_color #26ab62;
+/*
+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... */
+@define-color wm_title shade(#f3f3f1, 1.8);
+@define-color wm_unfocused_title #919190;
+@define-color wm_highlight rgba(0, 0, 0, 0);
+@define-color wm_borders_edge rgba(238, 238, 236, 0.07);
+@define-color wm_bg_a shade(#303030, 1.2);
+@define-color wm_bg_b #303030;
+@define-color wm_shadow alpha(black, 0.35);
+@define-color wm_border alpha(black, 0.18);
+@define-color wm_button_hover_color_a shade(#303030, 1.3);
+@define-color wm_button_hover_color_b #303030;
+@define-color wm_button_active_color_a shade(#303030, 0.85);
+@define-color wm_button_active_color_b shade(#303030, 0.89);
+@define-color wm_button_active_color_c shade(#303030, 0.9);
+/* content view background such as thumbnails view in Photos or Boxes */
+@define-color content_view_bg #2d2d2d;
+/* Very contrasty background for text views (@theme_text_color foreground) */
+@define-color text_view_bg #1e1e1e;
+/*************************** Check and Radio buttons * */
+/*************** Base States * */
+.background { color: #f3f3f1; background-color: #303030; }
+
+.background:backdrop { text-shadow: none; -gtk-icon-shadow: none; }
+
+dnd { color: #f3f3f1; }
+
+.normal-icons { -gtk-icon-size: 16px; }
+
+.large-icons { -gtk-icon-size: 32px; }
+
+image:disabled { -gtk-icon-filter: opacity(0.5); }
+
+.view, iconview, textview > text { color: white; background-color: #2d2d2d; }
+
+.view:disabled, iconview:disabled, textview > text:disabled { color: #919191; background-color: #2f2f2f; }
+
+.view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, textview > text:selected:focus, textview > text:selected { border-radius: 3px; }
+
+textview > text > selection { background-color: rgba(90, 90, 90, 0.5); }
+
- label > selection:focus-within { background-color: #0f3b71; }
++textview > text > selection:focus-within { background-color: rgba(21, 83, 158, 0.3); }
+
+textview:drop(active) { caret-color: #26a269; }
+
+textview > border { background-color: #2e2e2e; }
+
+iconview { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+iconview { outline: 0 solid transparent; outline-offset: 4px; }
+
+iconview:focus:focus-visible { outline-color: rgba(255, 255, 255, 0.6); outline-width: 2px; outline-offset: -2px; }
+
+iconview:drop(active) { box-shadow: none; }
+
+iconview > dndtarget:drop(active) { border-style: solid; border-width: 1px; border-color: black; }
+
+rubberband, .content-view > rubberband, columnview.view > rubberband, treeview.view > rubberband, gridview > rubberband, flowbox > rubberband { border: 1px solid #092444; background-color: rgba(9, 36, 68, 0.2); }
+
+flowbox > flowboxchild { padding: 3px; transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+flowbox > flowboxchild { outline: 0 solid transparent; outline-offset: 4px; }
+
+flowbox > flowboxchild:focus:focus-visible { outline-color: rgba(255, 255, 255, 0.6); outline-width: 2px; outline-offset: -2px; }
+
+flowbox > flowboxchild:selected { outline-color: rgba(255, 255, 255, 0.6); }
+
+gridview > child { padding: 3px; transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+gridview > child { outline: 0 solid transparent; outline-offset: 4px; }
+
+gridview > child:focus:focus-visible { outline-color: rgba(255, 255, 255, 0.6); outline-width: 2px; outline-offset: -2px; }
+
+gridview > child:selected { outline-color: rgba(255, 255, 255, 0.6); }
+
+gridview > child box { border-spacing: 8px; margin: 12px; }
+
+coverflow cover { color: white; background-color: #2d2d2d; border: 1px solid black; }
+
+label { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+label { outline: 0 solid transparent; outline-offset: 4px; }
+
+label:focus:focus-visible { outline-color: rgba(255, 255, 255, 0.6); outline-width: 2px; outline-offset: -2px; }
+
+label > selection { background-color: rgba(90, 90, 90, 0.5); color: #ffffff; }
+
- spinbutton.vertical > text > text > selection:focus-within, spinbutton:not(.vertical) > text > selection:focus-within, entry > text > selection:focus-within { background-color: #0f3b71; color: #ffffff; }
++label > selection:focus-within { background-color: rgba(21, 83, 158, 0.3); }
+
+label:disabled { color: #919191; }
+
+button label:disabled { color: inherit; }
+
+label.error { color: #cc0000; }
+
+label.error:disabled { color: rgba(204, 0, 0, 0.5); }
+
+.dim-label, .titlebar:not(headerbar) .subtitle, headerbar .subtitle, spinbutton.vertical > text > text > placeholder, spinbutton:not(.vertical) > text > placeholder, entry > text > placeholder, label.separator { opacity: 0.9; text-shadow: none; }
+
+window.assistant .sidebar { padding: 5px; border-top: 1px solid #686868; }
+
+window.assistant.csd .sidebar { border-top-style: none; }
+
+window.assistant .sidebar > label { padding: 6px 12px; }
+
+window.assistant .sidebar > label.highlight { background-color: #161616; border-radius: 5px; }
+
+window.aboutdialog image.large-icons { -gtk-icon-size: 128px; }
+
+.osd .scale-popup, .app-notification, .osd popover.background > arrow, .osd popover.background > contents, popover.background.touch-selection > arrow, popover.background.touch-selection > contents, popover.background.magnifier > arrow, popover.background.magnifier > contents, .osd { color: #eeeeec; border: none; background-color: rgba(38, 38, 38, 0.7); background-clip: padding-box; -gtk-icon-shadow: 0 1px black; }
+
+/********************* Spinner Animation * */
+@keyframes spin { to { 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; }
+
+/********************** General Typography * */
+.large-title { font-weight: 300; font-size: 24pt; }
+
+.title-1 { font-weight: 800; font-size: 20pt; }
+
+.title-2 { font-weight: 800; font-size: 15pt; }
+
+.title-3 { font-weight: 700; font-size: 15pt; }
+
+.title-4 { font-weight: 700; font-size: 13pt; }
+
+.heading { font-weight: 700; font-size: 11pt; }
+
+.body { font-weight: 400; font-size: 11pt; }
+
+.caption-heading { font-weight: 700; font-size: 9pt; }
+
+.caption { font-weight: 400; font-size: 9pt; }
+
+/**************** Text Entries * */
+spinbutton.vertical > text, spinbutton:not(.vertical), entry { min-height: 32px; padding-left: 8px; padding-right: 8px; border: 1px solid; border-radius: 5px; border-spacing: 6px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: white; border-color: #686868; background-color: #2d2d2d; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+spinbutton.vertical > text, spinbutton:not(.vertical), entry { outline: 0 solid transparent; outline-offset: 4px; }
+
+spinbutton.vertical > text:focus-within, spinbutton:focus-within:not(.vertical), entry:focus-within { outline-color: rgba(255, 255, 255, 0.6); outline-width: 2px; outline-offset: -2px; }
+
+spinbutton.vertical > text > image.left, spinbutton:not(.vertical) > image.left, entry > image.left { margin-right: 6px; }
+
+spinbutton.vertical > text > image.right, spinbutton:not(.vertical) > image.right, entry > image.right { margin-left: 6px; }
+
+spinbutton.vertical > text > text > block-cursor, spinbutton:not(.vertical) > text > block-cursor, entry > text > block-cursor { color: #2d2d2d; background-color: white; }
+
+spinbutton.vertical > text.flat, spinbutton.flat:not(.vertical), entry.flat:focus-within, entry.flat:backdrop, entry.flat:disabled, entry.flat { min-height: 0; padding: 2px; background-color: transparent; border-color: transparent; border-radius: 0; }
+
+spinbutton.vertical > text:focus-within > placeholder, spinbutton:focus-within:not(.vertical) > placeholder, entry:focus-within > placeholder { opacity: 0; /* We hide placeholders on focus */ }
+
+spinbutton.vertical > text:disabled, spinbutton:disabled:not(.vertical), entry:disabled { color: #919191; border-color: #686868; background-color: #2f2f2f; }
+
+spinbutton.vertical > text > text > selection, spinbutton:not(.vertical) > text > selection, entry > text > selection { background-color: rgba(90, 90, 90, 0.5); color: transparent; }
+
- spinbutton.vertical > text > selection:focus-within { background-color: #0f3b71; color: #ffffff; }
++spinbutton.vertical > text > text > selection:focus-within, spinbutton:not(.vertical) > text > selection:focus-within, entry > text > selection:focus-within { background-color: rgba(21, 83, 158, 0.3); color: #f3f3f1; }
+
+spinbutton.vertical > text.error, spinbutton.error:not(.vertical), entry.error { color: #cc0000; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+spinbutton.vertical > text.error, spinbutton.error:not(.vertical), entry.error { outline: 0 solid transparent; outline-offset: 4px; }
+
+spinbutton.vertical > text.error:focus-within, spinbutton.error:focus-within:not(.vertical), entry.error:focus-within { outline-color: rgba(204, 0, 0, 0.5); outline-width: 2px; outline-offset: -2px; }
+
+spinbutton.vertical > text.error > selection, spinbutton.error:not(.vertical) > selection, entry.error > selection { background-color: #cc0000; }
+
+spinbutton.vertical > text.warning, spinbutton.warning:not(.vertical), entry.warning { color: #f57900; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+spinbutton.vertical > text.warning, spinbutton.warning:not(.vertical), entry.warning { outline: 0 solid transparent; outline-offset: 4px; }
+
+spinbutton.vertical > text.warning:focus-within, spinbutton.warning:focus-within:not(.vertical), entry.warning:focus-within { outline-color: rgba(245, 121, 0, 0.5); outline-width: 2px; outline-offset: -2px; }
+
+spinbutton.vertical > text.warning > selection, spinbutton.warning:not(.vertical) > selection, entry.warning > selection { background-color: #f57900; }
+
+spinbutton.vertical > text > image, spinbutton:not(.vertical) > image, entry > image { color: #cbcbca; }
+
+spinbutton.vertical > text > image:hover, spinbutton:not(.vertical) > image:hover, entry > image:hover { color: #f3f3f1; }
+
+spinbutton.vertical > text > image:active, spinbutton:not(.vertical) > image:active, entry > image:active { color: #0f3b71; }
+
+spinbutton.vertical > text.password image.caps-lock-indicator, spinbutton.password:not(.vertical) image.caps-lock-indicator, entry.password image.caps-lock-indicator { color: #7e7e7d; }
+
+spinbutton.vertical > text:drop(active), spinbutton:drop(active):not(.vertical), entry:drop(active):focus-within, entry:drop(active) { border-color: #26a269; box-shadow: inset 0 0 0 1px #26a269; }
+
+.osd spinbutton.vertical > text, .osd spinbutton:not(.vertical), .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; -gtk-icon-shadow: 0 1px black; }
+
+.osd spinbutton.vertical > text:focus-within, .osd spinbutton:focus-within:not(.vertical), .osd entry:focus-within { color: white; border-color: #0f3b71; background-color: rgba(0, 0, 0, 0.5); background-clip: padding-box; }
+
+.osd spinbutton.vertical > text:disabled, .osd spinbutton:disabled:not(.vertical), .osd entry:disabled { color: #8a8a89; border-color: rgba(0, 0, 0, 0.7); background-color: rgba(58, 58, 57, 0.5); background-clip: padding-box; }
+
+spinbutton.vertical > text > progress, spinbutton:not(.vertical) > progress, entry > progress { margin-bottom: 2px; }
+
+spinbutton.vertical > text progress > trough > progress, spinbutton:not(.vertical) progress > trough > progress, entry progress > trough > progress { background-color: transparent; background-image: none; border-radius: 0; border-width: 0 0 2px; border-color: #0f3b71; border-style: solid; box-shadow: none; }
+
+spinbutton.vertical.linked:not(.vertical) > text:drop(active) + text, spinbutton.vertical.linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + text, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + spinbutton:not(.vertical), .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + spinbutton:not(.vertical), spinbutton.vertical.linked:not(.vertical) > text:drop(active) + button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + menubutton > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + menubutton > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + dropdown > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + dropdown > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + colorbutton > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + colorbutton > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + fontbutton > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + fontbutton > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + filechooserbutton > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + filechooserbutton > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + combobox > box > button.combo, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + entry, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + entry, .linked:not(.vertical) > entry:drop(active) + button, .linked:not(.vertical) > entry:drop(active) + menubutton > button, .linked:not(.vertical) > entry:drop(active) + dropdown > button, .linked:not(.vertical) > entry:drop(active) + colorbutton > button, .linked:not(.vertical) > entry:drop(active) + fontbutton > button, .linked:not(.vertical) > entry:drop(active) + filechooserbutton > button, .linked:not(.vertical) > entry:drop(active) + combobox > box > button.combo, spinbutton.vertical.linked:not(.vertical) > entry:drop(active) + text, .linked:not(.vertical) > entry:drop(active) + spinbutton:not(.vertical), .linked:not(.vertical) > entry:drop(active) + entry { border-left-color: #26a269; }
+
+spinbutton.vertical.linked > text:not(:disabled) + entry:not(:disabled), .linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled), spinbutton.vertical.linked > text:not(:disabled) + text:not(:disabled), spinbutton.vertical.linked > spinbutton:not(:disabled):not(.vertical) + text:not(:disabled), spinbutton.vertical.linked > text:not(:disabled) + spinbutton:not(:disabled):not(.vertical), .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):not(.vertical), .linked.vertical > entry:not(:disabled) + entry:not(:disabled), spinbutton.vertical.linked > entry:not(:disabled) + text:not(:disabled), .linked.vertical > entry:not(:disabled) + spinbutton:not(:disabled):not(.vertical) { border-top-color: #3f3f3f; }
+
+spinbutton.vertical.linked > text:disabled + text:disabled, spinbutton.vertical.linked > spinbutton:disabled:not(.vertical) + text:disabled, spinbutton.vertical.linked > text:disabled + spinbutton:disabled:not(.vertical), .linked.vertical > spinbutton:disabled:not(.vertical) + spinbutton:disabled:not(.vertical), spinbutton.vertical.linked > text:disabled + entry:disabled, .linked.vertical > spinbutton:disabled:not(.vertical) + entry:disabled, spinbutton.vertical.linked > entry:disabled + text:disabled, .linked.vertical > entry:disabled + spinbutton:disabled:not(.vertical), .linked.vertical > entry:disabled + entry:disabled { border-top-color: #3f3f3f; }
+
+spinbutton.vertical.linked > text + text:drop(active):not(:only-child), spinbutton.vertical.linked > spinbutton:not(.vertical) + text:drop(active):not(:only-child), spinbutton.vertical.linked > text + spinbutton:drop(active):not(:only-child):not(.vertical), .linked.vertical > spinbutton:not(.vertical) + spinbutton:drop(active):not(:only-child):not(.vertical), spinbutton.vertical.linked > text + entry:drop(active):not(:only-child), .linked.vertical > spinbutton:not(.vertical) + entry:drop(active):not(:only-child), spinbutton.vertical.linked > entry + text:drop(active):not(:only-child), .linked.vertical > entry + spinbutton:drop(active):not(:only-child):not(.vertical), .linked.vertical > entry + entry:drop(active):not(:only-child) { border-top-color: #26a269; }
+
+spinbutton.vertical.linked > text:drop(active):not(:only-child) + text, spinbutton.vertical.linked > spinbutton:drop(active):not(:only-child):not(.vertical) + text, spinbutton.vertical.linked > text:drop(active):not(:only-child) + spinbutton:not(.vertical), .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + spinbutton:not(.vertical), spinbutton.vertical.linked > text:drop(active):not(:only-child) + entry, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + entry, spinbutton.vertical.linked > text:drop(active):not(:only-child) + button, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + button, spinbutton.vertical.linked > text:drop(active):not(:only-child) + menubutton > button, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + menubutton > button, spinbutton.vertical.linked > text:drop(active):not(:only-child) + dropdown > button, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + dropdown > button, spinbutton.vertical.linked > text:drop(active):not(:only-child) + colorbutton > button, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + colorbutton > button, spinbutton.vertical.linked > text:drop(active):not(:only-child) + fontbutton > button, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + fontbutton > button, spinbutton.vertical.linked > text:drop(active):not(:only-child) + filechooserbutton > button, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + filechooserbutton > button, spinbutton.vertical.linked > text:drop(active):not(:only-child) + combobox > box > button.combo, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + combobox > box > button.combo, spinbutton.vertical.linked > entry:drop(active):not(:only-child) + text, .linked.vertical > entry:drop(active):not(:only-child) + spinbutton:not(.vertical), .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) + menubutton > button, .linked.vertical > entry:drop(active):not(:only-child) + dropdown > button, .linked.vertical > entry:drop(active):not(:only-child) + colorbutton > button, .linked.vertical > entry:drop(active):not(:only-child) + fontbutton > button, .linked.vertical > entry:drop(active):not(:only-child) + filechooserbutton > button, .linked.vertical > entry:drop(active):not(:only-child) + combobox > box > button.combo { border-top-color: #26a269; }
+
+spinbutton.vertical > text.error, spinbutton.error:not(.vertical), entry.error { color: #cc0000; }
+
+treeview entry:focus-within:dir(rtl), treeview entry:focus-within:dir(ltr) { background-color: #2d2d2d; transition-property: color, background; }
+
+treeview entry.flat, treeview entry { border-radius: 0; background-image: none; background-color: #2d2d2d; }
+
+treeview entry.flat:focus-within, treeview entry:focus-within { border-color: #0f3b71; }
+
+/******************* Editable Labels * */
+editablelabel > stack > text { color: white; border-color: #686868; background-color: #2d2d2d; }
+
+/*********** Buttons * */
+@keyframes needs_attention { from { background-image: radial-gradient(farthest-side, #185fb4 0%, rgba(24, 95, 180, 0) 0%); }
+ to { background-image: radial-gradient(farthest-side, #185fb4 95%, rgba(24, 95, 180, 0)); } }
+
+notebook > header > tabs > arrow, windowcontrols button, 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: #f3f3f1; outline-color: rgba(255, 255, 255, 0.6); border-color: #686868; background-image: linear-gradient(to top, #323232 2px, #353535); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+notebook > header > tabs > arrow, windowcontrols button, button { outline: 0 solid transparent; outline-offset: 4px; }
+
+notebook > header > tabs > arrow:focus:focus-visible, button:focus:focus-visible { outline-color: rgba(255, 255, 255, 0.6); outline-width: 2px; outline-offset: -2px; }
+
+notebook > header > tabs > arrow:hover, button:hover { color: #f3f3f1; border-color: #686868; background-image: linear-gradient(to top, #2b2b2b 20%, #2d2d2d 90%); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); -gtk-icon-filter: brightness(1.2); }
+
+notebook > header > tabs > arrow.keyboard-activating, notebook > header > tabs > arrow:active, notebook > header > tabs > arrow:checked, button.keyboard-activating, button:active, button:checked { color: #f3f3f1; border-color: #686868; background-image: image(#1e1e1e); box-shadow: none; transition-duration: 50ms; }
+
+notebook > header > tabs > arrow:checked:hover, button:checked:hover { color: #f3f3f1; border-color: #686868; background-image: image(#161616); box-shadow: none; }
+
+notebook > header > tabs > arrow:checked:active, button:checked:active { color: #f3f3f1; border-color: #686868; background-image: image(#111111); box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop, button.flat:backdrop, button:backdrop { color: #919190; border-color: #202020; background-image: image(#353535); box-shadow: none; transition: 200ms ease-out; }
+
+notebook > header > tabs > arrow:backdrop:not(:disabled), button.flat:backdrop:not(:disabled), button:backdrop:not(:disabled) { -gtk-icon-filter: none; }
+
+notebook > header > tabs > arrow:backdrop:active, notebook > header > tabs > arrow:backdrop:checked, button.flat:backdrop:active, button.flat:backdrop:checked, button:backdrop:active, button:backdrop:checked { color: #919190; border-color: #202020; background-image: image(#2a2a2a); box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop:disabled, button.flat:backdrop:disabled, button:backdrop:disabled { color: #5b5b5b; border-color: #202020; background-image: image(#2f2f2f); box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, button.flat:backdrop:disabled:active, button.flat:backdrop:disabled:checked, button:backdrop:disabled:active, button:backdrop:disabled:checked { color: #5b5b5b; border-color: #202020; background-image: image(#2a2a2a); box-shadow: none; }
+
+notebook > header > tabs > arrow:disabled, button:disabled { color: #919191; border-color: #5d5d5d; background-image: image(#2f2f2f); -gtk-icon-filter: opacity(0.5); }
+
+notebook > header > tabs > arrow:disabled:active, notebook > header > tabs > arrow:disabled:checked, button:disabled:active, button:disabled:checked { color: #919191; border-color: #5d5d5d; background-image: image(#252525); box-shadow: none; }
+
+button.sidebar-button, notebook > header > tabs > arrow, windowcontrols button, .toolbar > button, .toolbar > :not(.linked) > button, .toolbar :not(.linked) > menubutton > button, .toolbar :not(.linked) > scalebutton > button, .toolbar :not(.linked) > dropdown > button, .toolbar :not(.linked) > colorbutton > button, .toolbar :not(.linked) > fontbutton > button, .toolbar :not(.linked) > appchooserbutton > button, .toolbar :not(.linked) > combobox > box > button, notebook > header > tabs > arrow.flat, button.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: none; }
+
+button.sidebar-button:hover, notebook > header > tabs > arrow:hover, windowcontrols button:hover, .toolbar > button:hover, .toolbar > :not(.linked) > button:hover, .toolbar :not(.linked) > menubutton > button:hover, .toolbar :not(.linked) > scalebutton > button:hover, .toolbar :not(.linked) > dropdown > button:hover, .toolbar :not(.linked) > colorbutton > button:hover, .toolbar :not(.linked) > fontbutton > button:hover, .toolbar :not(.linked) > appchooserbutton > button:hover, .toolbar :not(.linked) > combobox > box > button:hover, button.flat:hover { border-color: transparent; background-image: none; box-shadow: none; background-color: #323232; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-duration: 500ms; }
+
+button.keyboard-activating.sidebar-button, notebook > header > tabs > arrow.keyboard-activating, windowcontrols button.keyboard-activating, .toolbar > button.keyboard-activating, .toolbar > :not(.linked) > button.keyboard-activating, .toolbar :not(.linked) > menubutton > button.keyboard-activating, .toolbar :not(.linked) > scalebutton > button.keyboard-activating, .toolbar :not(.linked) > dropdown > button.keyboard-activating, .toolbar :not(.linked) > colorbutton > button.keyboard-activating, .toolbar :not(.linked) > fontbutton > button.keyboard-activating, .toolbar :not(.linked) > appchooserbutton > button.keyboard-activating, .toolbar :not(.linked) > combobox > box > button.keyboard-activating, button.sidebar-button:active, notebook > header > tabs > arrow:active, windowcontrols button:active, .toolbar > button:active, .toolbar > :not(.linked) > button:active, .toolbar :not(.linked) > menubutton > button:active, .toolbar :not(.linked) > scalebutton > button:active, .toolbar :not(.linked) > dropdown > button:active, .toolbar :not(.linked) > colorbutton > button:active, .toolbar :not(.linked) > fontbutton > button:active, .toolbar :not(.linked) > appchooserbutton > button:active, .toolbar :not(.linked) > combobox > box > button:active, button.sidebar-button:checked, notebook > header > tabs > arrow:checked, windowcontrols button:checked, .toolbar > button:checked, .toolbar > :not(.linked) > button:checked, .toolbar :not(.linked) > menubutton > button:checked, .toolbar :not(.linked) > scalebutton > button:checked, .toolbar :not(.linked) > dropdown > button:checked, .toolbar :not(.linked) > colorbutton > button:checked, .toolbar :not(.linked) > fontbutton > button:checked, .toolbar :not(.linked) > appchooserbutton > button:checked, .toolbar :not(.linked) > combobox > box > button:checked, button.flat.keyboard-activating, button.flat:active, button.flat:checked { border-color: transparent; background-image: none; box-shadow: none; background-color: #282828; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+button.sidebar-button:backdrop, notebook > header > tabs > arrow:backdrop, windowcontrols button:backdrop, .toolbar > button:backdrop, .toolbar > :not(.linked) > button:backdrop, .toolbar :not(.linked) > menubutton > button:backdrop, .toolbar :not(.linked) > scalebutton > button:backdrop, .toolbar :not(.linked) > dropdown > button:backdrop, .toolbar :not(.linked) > colorbutton > button:backdrop, .toolbar :not(.linked) > fontbutton > button:backdrop, .toolbar :not(.linked) > appchooserbutton > button:backdrop, .toolbar :not(.linked) > combobox > box > button:backdrop, button.sidebar-button:disabled, notebook > header > tabs > arrow:disabled, windowcontrols button:disabled, .toolbar > button:disabled, .toolbar > :not(.linked) > button:disabled, .toolbar :not(.linked) > menubutton > button:disabled, .toolbar :not(.linked) > scalebutton > button:disabled, .toolbar :not(.linked) > dropdown > button:disabled, .toolbar :not(.linked) > colorbutton > button:disabled, .toolbar :not(.linked) > fontbutton > button:disabled, .toolbar :not(.linked) > appchooserbutton > button:disabled, .toolbar :not(.linked) > combobox > box > button:disabled, button.flat:backdrop, button.flat:disabled, button.flat:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow.image-button, button.image-button { min-width: 24px; padding-left: 5px; padding-right: 5px; }
+
+notebook > header > tabs > arrow.text-button, button.text-button { padding-left: 16px; padding-right: 16px; }
+
+notebook > header > tabs > arrow.text-button.image-button, button.text-button.image-button { padding-left: 8px; padding-right: 8px; }
+
+notebook > header > tabs > arrow.text-button.image-button label, button.text-button.image-button label { padding-left: 8px; padding-right: 8px; }
+
+notebook > header > tabs > arrow.arrow-button, button.arrow-button { padding-left: 10px; padding-right: 10px; }
+
+notebook > header > tabs > arrow.arrow-button > box, windowcontrols button.arrow-button > box, button.arrow-button > box { border-spacing: 4px; }
+
+dropdown:drop(active) button.combo, combobox:drop(active) button.combo, notebook > header > tabs > arrow:drop(active), button:drop(active) { color: #26a269; border-color: #26a269; box-shadow: inset 0 0 0 1px #26a269; }
+
+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: #919190; }
+
+button.osd { min-width: 26px; min-height: 32px; color: #eeeeec; border-radius: 5px; color: #eeeeec; outline-color: rgba(255, 255, 255, 0.6); border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(38, 38, 38, 0.7)); background-clip: padding-box; border: none; box-shadow: none; }
+
+button.osd.image-button { min-width: 30px; }
+
+button.osd.image-button:only-child { margin: 4px; border-radius: 50%; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); }
+
+button.osd:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(12, 12, 12, 0.7)); background-clip: padding-box; border: none; box-shadow: none; }
+
+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; border: none; box-shadow: none; }
+
+.app-notification button, popover.background.touch-selection button, popover.background.magnifier button, .osd button { color: #eeeeec; outline-color: rgba(255, 255, 255, 0.6); border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(38, 38, 38, 0.7)); background-clip: padding-box; }
+
+.app-notification button:hover, popover.background.touch-selection button:hover, popover.background.magnifier button:hover, .osd button:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(12, 12, 12, 0.7)); background-clip: padding-box; }
+
+.app-notification button:active, popover.background.touch-selection button:active, popover.background.magnifier button:active, .app-notification button:checked, popover.background.touch-selection button:checked, popover.background.magnifier 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; }
+
+.app-notification button:disabled, popover.background.touch-selection button:disabled, popover.background.magnifier button:disabled, .osd button:disabled:backdrop, .osd button:disabled { color: #8a8a89; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(58, 58, 57, 0.5)); background-clip: padding-box; }
+
+.app-notification button.flat, popover.background.touch-selection button.flat, popover.background.magnifier button.flat, .osd button.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; box-shadow: none; -gtk-icon-shadow: 0 1px black; }
+
+.app-notification button.flat:hover, popover.background.touch-selection button.flat:hover, popover.background.magnifier button.flat:hover, .osd button.flat:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(12, 12, 12, 0.7)); background-clip: padding-box; }
+
+.app-notification button.flat:disabled, popover.background.touch-selection button.flat:disabled, popover.background.magnifier button.flat:disabled, .osd button.flat:disabled { color: #8a8a89; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(58, 58, 57, 0.5)); background-clip: padding-box; background-image: none; border-color: transparent; box-shadow: none; }
+
+.app-notification button.flat:active, popover.background.touch-selection button.flat:active, popover.background.magnifier button.flat:active, .app-notification button.flat:checked, popover.background.touch-selection button.flat:checked, popover.background.magnifier 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; }
+
+button.suggested-action { color: white; outline-color: rgba(255, 255, 255, 0.6); border-color: #030c17; background-image: linear-gradient(to top, #0e396c 2px, #0f3b71); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+button.suggested-action { outline: 0 solid transparent; outline-offset: 4px; }
+
+button.suggested-action:focus:focus-visible { outline-color: rgba(255, 255, 255, 0.6); outline-width: 2px; outline-offset: -2px; }
+
+button.suggested-action.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: #0f3b71; }
+
+button.suggested-action:hover { color: white; border-color: #06182d; background-image: linear-gradient(to top, #0d325f 20%, #0d3463 90%); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); }
+
+button.suggested-action:active, button.suggested-action:checked { color: white; border-color: #06182d; background-image: image(#0a2648); box-shadow: none; }
+
+button.suggested-action.flat:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: rgba(15, 59, 113, 0.8); }
+
+button.suggested-action:disabled { color: #919191; border-color: #5d5d5d; background-image: image(#2f2f2f); }
+
+button.suggested-action:disabled:active, button.suggested-action:disabled:checked { color: #9faab8; border-color: #06182d; background-image: image(#0f2b4d); box-shadow: none; }
+
+.osd button.suggested-action { color: #eeeeec; outline-color: rgba(255, 255, 255, 0.6); border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(15, 59, 113, 0.5)); background-clip: padding-box; }
+
+.osd button.suggested-action:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(15, 59, 113, 0.7)); background-clip: padding-box; }
+
+.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(#0f3b71); background-clip: padding-box; box-shadow: none; }
+
+.osd button.suggested-action:disabled:backdrop, .osd button.suggested-action:disabled { color: #8a8a89; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(58, 58, 57, 0.5)); background-clip: padding-box; }
+
+button.destructive-action { color: white; outline-color: rgba(255, 255, 255, 0.6); border-color: #570b0e; background-image: linear-gradient(to top, #ae151c 2px, #b2161d); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+button.destructive-action { outline: 0 solid transparent; outline-offset: 4px; }
+
+button.destructive-action:focus:focus-visible { outline-color: rgba(255, 255, 255, 0.6); outline-width: 2px; outline-offset: -2px; }
+
+button.destructive-action.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: #b2161d; }
+
+button.destructive-action:hover { color: white; border-color: #6e0d12; background-image: linear-gradient(to top, #a0131a 20%, #a5141a 90%); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); }
+
+button.destructive-action:active, button.destructive-action:checked { color: white; border-color: #6e0d12; background-image: image(#8a1116); box-shadow: none; }
+
+button.destructive-action.flat:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: rgba(178, 22, 29, 0.8); }
+
+button.destructive-action:disabled { color: #919191; border-color: #5d5d5d; background-image: image(#2f2f2f); }
+
+button.destructive-action:disabled:active, button.destructive-action:disabled:checked { color: #cea1a3; border-color: #6e0d12; background-image: image(#84151a); box-shadow: none; }
+
+.osd button.destructive-action { color: #eeeeec; outline-color: rgba(255, 255, 255, 0.6); border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(178, 22, 29, 0.5)); background-clip: padding-box; }
+
+.osd button.destructive-action:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(178, 22, 29, 0.7)); background-clip: padding-box; }
+
+.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(#b2161d); background-clip: padding-box; box-shadow: none; }
+
+.osd button.destructive-action:disabled:backdrop, .osd button.destructive-action:disabled { color: #8a8a89; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(58, 58, 57, 0.5)); background-clip: padding-box; }
+
+stackswitcher > button > label { padding: 0 6px; margin: 0 -6px; }
+
+stackswitcher > button > image { padding: 3px 6px; margin: -3px -6px; }
+
+button.font separator { background-color: transparent; }
+
+button.font > box { border-spacing: 6px; }
+
+button.font > box > box > label { font-weight: bold; }
+
+menubutton.circular button, button.circular { min-width: 32px; min-height: 32px; padding: 0; border-radius: 9999px; }
+
+menubutton.circular button label, button.circular label { padding: 0; }
+
+stacksidebar row.needs-attention > label, stackswitcher > button.needs-attention > label, stackswitcher > button.needs-attention > image { animation: needs_attention 150ms ease-in; background-image: radial-gradient(farthest-side, #185fb4 96%, rgba(24, 95, 180, 0)); background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; background-position: right 3px, right 2px; }
+
+stacksidebar row.needs-attention > label:backdrop, stackswitcher > button.needs-attention > label:backdrop, stackswitcher > button.needs-attention > image:backdrop { background-size: 6px 6px, 0 0; }
+
+stacksidebar row.needs-attention > label:dir(rtl), stackswitcher > button.needs-attention > label:dir(rtl), stackswitcher > button.needs-attention > image:dir(rtl) { background-position: left 3px, left 2px; }
+
+.linked:not(.vertical) > filechooserbutton > combobox:dir(rtl):not(:last-child) > box > button.combo, .linked:not(.vertical) > appchooserbutton > combobox:dir(rtl):not(:last-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(rtl):not(:last-child) > box > button.combo, .linked:not(.vertical) > filechooserbutton > combobox:dir(ltr):not(:first-child) > box > button.combo, .linked:not(.vertical) > appchooserbutton > combobox:dir(ltr):not(:first-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(ltr):not(:first-child) > box > button.combo, dropdown.linked button:nth-child(2):dir(ltr), combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > menubutton:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > dropdown:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > colorbutton:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > fontbutton:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > filechooserbutton:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > menubutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > dropdown:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > colorbutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > fontbutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > filechooserbutton:dir(ltr):not(:first-child) > button, spinbutton.vertical.linked:not(.vertical) > text:dir(rtl):not(:last-child), .linked:not(.vertical) > spinbutton:dir(rtl):not(:last-child):not(.vertical), .linked:not(.vertical) > entry:dir(rtl):not(:last-child), .linked:not(.vertical) > button:dir(rtl):not(:last-child), spinbutton.vertical.linked:not(.vertical) > text:dir(ltr):not(:first-child), .linked:not(.vertical) > spinbutton:dir(ltr):not(:first-child):not(.vertical), .linked:not(.vertical) > entry:dir(ltr):not(:first-child), .linked:not(.vertical) > button:dir(ltr):not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; }
+
+.linked:not(.vertical) > filechooserbutton > combobox:dir(rtl):not(:first-child) > box > button.combo, .linked:not(.vertical) > appchooserbutton > combobox:dir(rtl):not(:first-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(rtl):not(:first-child) > box > button.combo, .linked:not(.vertical) > filechooserbutton > combobox:dir(ltr):not(:last-child) > box > button.combo, .linked:not(.vertical) > appchooserbutton > combobox:dir(ltr):not(:last-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(ltr):not(:last-child) > box > button.combo, dropdown.linked button:nth-child(2):dir(rtl), combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > menubutton:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > dropdown:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > colorbutton:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > fontbutton:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > filechooserbutton:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > menubutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > dropdown:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > colorbutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > fontbutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > filechooserbutton:dir(ltr):not(:last-child) > button, spinbutton.vertical.linked:not(.vertical) > text:dir(rtl):not(:first-child), .linked:not(.vertical) > spinbutton:dir(rtl):not(:first-child):not(.vertical), .linked:not(.vertical) > entry:dir(rtl):not(:first-child), .linked:not(.vertical) > button:dir(rtl):not(:first-child), spinbutton.vertical.linked:not(.vertical) > text:dir(ltr):not(:last-child), .linked:not(.vertical) > spinbutton:dir(ltr):not(:last-child):not(.vertical), .linked:not(.vertical) > entry:dir(ltr):not(:last-child), .linked:not(.vertical) > button:dir(ltr):not(:last-child) { border-right-style: none; border-top-right-radius: 0; border-bottom-right-radius: 0; }
+
+.linked.vertical > filechooserbutton > combobox:not(:first-child) > box > button.combo, .linked.vertical > appchooserbutton > combobox:not(:first-child) > box > button.combo, .linked.vertical > combobox:not(:first-child) > box > button.combo, .linked.vertical > menubutton:not(:first-child) > button, .linked.vertical > dropdown:not(:first-child) > button, .linked.vertical > colorbutton:not(:first-child) > button, .linked.vertical > fontbutton:not(:first-child) > button, .linked.vertical > filechooserbutton:not(:first-child) > button, spinbutton.vertical.linked > text:not(:first-child), .linked.vertical > spinbutton:not(:first-child):not(.vertical), .linked.vertical > entry:not(:first-child), .linked.vertical > button:not(:first-child) { border-top-left-radius: 0; border-top-right-radius: 0; }
+
+.linked.vertical > filechooserbutton > combobox:not(:last-child) > box > button.combo, .linked.vertical > appchooserbutton > combobox:not(:last-child) > box > button.combo, .linked.vertical > combobox:not(:last-child) > box > button.combo, .linked.vertical > menubutton:not(:last-child) > button, .linked.vertical > dropdown:not(:last-child) > button, .linked.vertical > colorbutton:not(:last-child) > button, .linked.vertical > fontbutton:not(:last-child) > button, .linked.vertical > filechooserbutton:not(:last-child) > button, spinbutton.vertical.linked > text:not(:last-child), .linked.vertical > spinbutton:not(:last-child):not(.vertical), .linked.vertical > entry:not(:last-child), .linked.vertical > button:not(:last-child) { border-bottom-style: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
+
+.scale-popup button:hover, button.link, button.link:hover, button.link:active, button.link:checked, popover.menu box.circular-buttons button.circular.image-button.model, list > row button.image-button:not(.flat), modelbutton.flat { 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; }
+
+/* menu buttons */
+modelbutton.flat { min-height: 26px; padding-left: 5px; padding-right: 5px; border-radius: 5px; }
+
+modelbutton.flat:hover { background-color: #161616; }
+
+modelbutton.flat:disabled { color: #919191; }
+
+modelbutton.flat arrow { background: none; min-width: 16px; min-height: 16px; opacity: 0.3; }
+
+modelbutton.flat arrow:hover { background: none; }
+
+modelbutton.flat arrow.left { -gtk-icon-source: -gtk-icontheme("go-previous-symbolic"); }
+
+modelbutton.flat arrow.right { -gtk-icon-source: -gtk-icontheme("go-next-symbolic"); }
+
+/* oldstyle toolbar buttons */
+.toolbar > button, .toolbar > :not(.linked) > button, .toolbar :not(.linked) > menubutton > button, .toolbar :not(.linked) > scalebutton > button, .toolbar :not(.linked) > dropdown > button, .toolbar :not(.linked) > colorbutton > button, .toolbar :not(.linked) > fontbutton > button, .toolbar :not(.linked) > appchooserbutton > button, .toolbar :not(.linked) > combobox > box > button { margin: 1px; }
+
+button.color { padding: 4px; }
+
+button.color > colorswatch:only-child, button.color > colorswatch:only-child > overlay { border-radius: 0; }
+
+/* list buttons */
+/* tone down as per new designs, see issue #1473 */
+popover.menu box.circular-buttons button.circular.image-button.model, list > row button.image-button:not(.flat) { border: 1px solid rgba(104, 104, 104, 0.5); }
+
+popover.menu box.circular-buttons button.circular.image-button.model:hover, list > row button.image-button:not(.flat):hover { color: #f3f3f1; border-color: #686868; background-image: linear-gradient(to top, #2b2b2b 20%, #2d2d2d 90%); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); }
+
+popover.menu box.circular-buttons button.circular.image-button.model:active, popover.menu box.circular-buttons button.circular.image-button.model:checked, list > row button.image-button:not(.flat):active, list > row button.image-button:not(.flat):checked { color: #f3f3f1; border-color: #686868; background-image: image(#1e1e1e); box-shadow: none; }
+
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model, list > row button.image-button.suggested-action:not(.flat) { color: white; outline-color: rgba(255, 255, 255, 0.6); border-color: #030c17; background-image: linear-gradient(to top, #0e396c 2px, #0f3b71); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model, list > row button.image-button.suggested-action:not(.flat) { outline: 0 solid transparent; outline-offset: 4px; }
+
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:focus:focus-visible, list > row button.image-button.suggested-action:not(.flat):focus:focus-visible { outline-color: rgba(255, 255, 255, 0.6); outline-width: 2px; outline-offset: -2px; }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model, list > row button.image-button.destructive-action:not(.flat) { color: white; outline-color: rgba(255, 255, 255, 0.6); border-color: #570b0e; background-image: linear-gradient(to top, #ae151c 2px, #b2161d); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model, list > row button.image-button.destructive-action:not(.flat) { outline: 0 solid transparent; outline-offset: 4px; }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:focus:focus-visible, list > row button.image-button.destructive-action:not(.flat):focus:focus-visible { outline-color: rgba(255, 255, 255, 0.6); outline-width: 2px; outline-offset: -2px; }
+
+/********* Links * */
+button.link, link { color: #3584e4; text-decoration: underline; }
+
+button.link:visited, link:visited { color: #1b6acb; }
+
+*:selected button.link:visited, *:selected link:visited { color: #a4c4ea; }
+
+button.link:hover, link:hover { color: #629fea; }
+
+*:selected button.link:hover, *:selected link:hover { color: #eff5fd; }
+
+button.link:active, link:active { color: #3584e4; }
+
+*:selected button.link:active, *:selected link:active { color: #d7e6fa; }
+
+button.link:disabled, link:disabled { color: rgba(141, 141, 141, 0.8); }
+
+button.link:selected, *:selected button.link, link:selected, *:selected link { color: #d7e6fa; }
+
+link { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+link { outline: 0 solid transparent; outline-offset: 4px; }
+
+link:focus:focus-visible { outline-color: rgba(255, 255, 255, 0.6); outline-width: 2px; outline-offset: -2px; }
+
+button.link, button.link:hover, button.link:active, button.link:checked { text-shadow: none; }
+
+button.link > label { text-decoration: underline; }
+
+/***************** GtkSpinButton * */
+spinbutton { font-feature-settings: "tnum"; }
+
+spinbutton:not(.vertical) { padding: 0; border-spacing: 0; /* :not here just to bump specificity above that of the list button styling */ }
+
+.osd spinbutton:not(.vertical) > text, spinbutton:not(.vertical) > text { min-width: 28px; margin: 0; background: none; background-color: transparent; border: none; border-radius: 0; box-shadow: none; padding: 6px; }
+
+.osd spinbutton:not(.vertical) > text:backdrop:disabled, spinbutton:not(.vertical) > text:backdrop:disabled { background-color: transparent; }
+
+spinbutton:not(.vertical) > button.image-button.up:not(.flat), spinbutton:not(.vertical) > button.image-button.down:not(.flat) { min-height: 16px; margin: 0; padding-bottom: 0; padding-top: 0; color: #dfdfde; background-image: none; border-style: none none none solid; border-color: rgba(104, 104, 104, 0.3); border-radius: 0; box-shadow: none; }
+
+spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(rtl), spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(rtl) { border-style: none solid none none; }
+
+spinbutton:not(.vertical) > button.image-button.up:not(.flat):hover, spinbutton:not(.vertical) > button.image-button.down:not(.flat):hover { color: #f3f3f1; background-color: #232323; }
+
+spinbutton:not(.vertical) > button.image-button.up:not(.flat):disabled, spinbutton:not(.vertical) > button.image-button.down:not(.flat):disabled { color: rgba(145, 145, 145, 0.3); background-color: transparent; }
+
+spinbutton:not(.vertical) > button.image-button.up:not(.flat):active, spinbutton:not(.vertical) > button.image-button.down:not(.flat):active { background-color: rgba(0, 0, 0, 0.1); box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.2); }
+
+spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(ltr):last-child, spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(ltr):last-child { border-radius: 0 5px 5px 0; }
+
+spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(rtl):first-child, spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(rtl):first-child { border-radius: 5px 0 0 5px; }
+
+.osd spinbutton:not(.vertical) > button.image-button.up:not(.flat), .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat) { border-color: transparent; background-color: transparent; background-image: none; box-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.image-button.up:not(.flat):dir(rtl), .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(rtl) { border-style: none solid none none; }
+
+.osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):hover, .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):hover { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: #eeeeec; border-color: rgba(0, 0, 0, 0.5); background-color: rgba(12, 12, 12, 0.7); -gtk-icon-shadow: 0 1px black; box-shadow: none; }
+
+.osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):disabled, .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: #8a8a89; border-color: rgba(0, 0, 0, 0.5); -gtk-icon-shadow: none; box-shadow: none; }
+
+.osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(ltr):last-child, .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(ltr):last-child { border-radius: 0 5px 5px 0; }
+
+.osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(rtl):first-child, .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(rtl):first-child { border-radius: 5px 0 0 5px; }
+
+spinbutton.vertical:disabled { color: #919191; }
+
+spinbutton.vertical:drop(active) { border-color: transparent; box-shadow: none; }
+
+spinbutton.vertical > text { min-height: 32px; min-width: 32px; padding: 0; border-radius: 0; }
+
+spinbutton.vertical > text > selection { background-color: rgba(90, 90, 90, 0.5); color: transparent; }
+
- columnview row:not(:selected) cell editablelabel.editing text selection:focus-within { background-color: #0f3b71; color: #ffffff; }
++spinbutton.vertical > text > selection:focus-within { background-color: rgba(21, 83, 158, 0.3); color: #ffffff; }
+
+spinbutton.vertical > text > block-cursor { color: #2d2d2d; background-color: white; }
+
+spinbutton.vertical > button { min-height: 32px; min-width: 32px; padding: 0; }
+
+spinbutton.vertical > button.up { border-bottom-style: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
+
+spinbutton.vertical > button.down { border-top-style: none; border-top-left-radius: 0; border-top-right-radius: 0; }
+
+.osd spinbutton.vertical > button:first-child { color: #eeeeec; outline-color: rgba(255, 255, 255, 0.6); border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(38, 38, 38, 0.7)); background-clip: padding-box; }
+
+.osd spinbutton.vertical > button:first-child:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(12, 12, 12, 0.7)); background-clip: padding-box; }
+
+.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; }
+
+.osd spinbutton.vertical > button:first-child:disabled { color: #8a8a89; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(58, 58, 57, 0.5)); background-clip: padding-box; }
+
+treeview spinbutton:not(.vertical) { min-height: 0; border-style: none; border-radius: 0; }
+
+treeview spinbutton:not(.vertical) > text { min-height: 0; padding: 1px 2px; }
+
+/************** ComboBoxes * */
+dropdown > popover.menu.background > contents { padding: 0; }
+
+dropdown > button > box { border-spacing: 6px; }
+
+dropdown > button > box > stack > row.activatable:hover { background: none; box-shadow: none; }
+
+dropdown arrow, combobox arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); min-height: 16px; min-width: 16px; }
+
+dropdown > popover.menu > contents modelbutton, combobox > popover.menu > contents modelbutton { padding-left: 9px; padding-right: 9px; }
+
+dropdown:drop(active), combobox:drop(active) { box-shadow: none; }
+
+dropdown popover, combobox popover { margin-top: 6px; padding: 0; }
+
+dropdown popover listview, combobox popover listview { margin: 8px 0; }
+
+dropdown popover listview > row.activatable, combobox popover listview > row.activatable { padding: 8px; }
+
+dropdown popover listview > row.activatable:selected, dropdown popover listview > row.activatable:selected:hover, combobox popover listview > row.activatable:selected, combobox popover listview > row.activatable:selected:hover { outline-color: rgba(255, 255, 255, 0.6); color: white; background-color: #161616; box-shadow: none; }
+
+dropdown popover .dropdown-searchbar, combobox popover .dropdown-searchbar { padding: 6px; border-bottom: 1px solid #686868; }
+
+/************ Toolbars * */
+searchbar > revealer > box, .toolbar { padding: 4px; border-spacing: 4px; background-color: #303030; }
+
+.osd .toolbar { background-color: transparent; }
+
+.toolbar.osd { padding: 13px; border: none; border-radius: 5px; background-color: rgba(38, 38, 38, 0.7); }
+
+.toolbar.osd.left, .toolbar.osd.right, .toolbar.osd.top, .toolbar.osd.bottom { border-radius: 0; }
+
+.toolbar.horizontal > separator { margin: 4px 0; }
+
+.toolbar.vertical > separator { margin: 0 4px; }
+
+searchbar > revealer > box { padding: 6px; border-spacing: 6px; border-width: 0 0 1px; }
+
+searchbar > revealer > box { border-style: solid; border-color: #686868; background-color: #414141; }
+
+searchbar > revealer > box:backdrop { border-color: #202020; background-color: #2e2e2e; box-shadow: none; transition: 200ms ease-out; }
+
+/************** GtkInfoBar * */
+infobar > revealer > box { padding: 8px; border-spacing: 12px; }
+
+infobar.action:hover > revealer > box { background-color: #59544e; }
+
+infobar.info > revealer > box, infobar.question > revealer > box, infobar.warning > revealer > box, infobar.error > revealer > box { border-bottom: 1px solid #757575; background-color: #5f5a53; }
+
+infobar .close, searchbar .close { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; min-width: 16px; min-height: 16px; padding: 4px; border-radius: 50%; }
+
+infobar .close:hover, searchbar .close:hover { color: #f3f3f1; border-color: #686868; background-image: linear-gradient(to top, #2b2b2b 20%, #2d2d2d 90%); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); }
+
+/***************** Title buttons * */
+windowcontrols { border-spacing: 6px; }
+
+windowcontrols.start:not(.empty):dir(ltr), windowcontrols.end:not(.empty):dir(rtl) { margin-right: 7px; }
+
+windowcontrols.start:not(.empty):dir(rtl), windowcontrols.end:not(.empty):dir(ltr) { margin-left: 7px; }
+
+windowcontrols button { border-radius: 9999px; padding: 6px; margin: 0 2px; min-width: 0; min-height: 0; }
+
+windowcontrols button:hover { border-color: transparent; background-image: none; box-shadow: none; background-color: #1b1b1b; }
+
+windowcontrols button:active, windowcontrols button:checked { border-color: transparent; background-image: none; box-shadow: none; background-color: #070707; }
+
+/*************** Header bars * */
+.titlebar:not(headerbar), headerbar { padding: 0 6px; min-height: 46px; border-width: 0 0 1px; border-style: solid; border-color: #4e4e4e; border-radius: 0; background: #161616 linear-gradient(to top, #202020, #262626); /* Darken switchbuttons for headerbars. issue #1588 */ }
+
+.titlebar:backdrop:not(headerbar), headerbar:backdrop { border-color: #202020; background-color: #303030; background-image: none; transition: 200ms ease-out; }
+
+.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; }
+
+.titlebar:not(headerbar) stackswitcher > button:checked, .titlebar:not(headerbar) button.toggle:checked, headerbar stackswitcher > button:checked, headerbar button.toggle:checked { background: image(#191919); border-color: #606060; border-top-color: #535353; }
+
+.titlebar:not(headerbar) stackswitcher > button:checked:backdrop, .titlebar:not(headerbar) button.toggle:checked:backdrop, headerbar stackswitcher > button:checked:backdrop, headerbar button.toggle:checked:backdrop { color: #919190; border-color: #202020; background-image: image(#2a2a2a); box-shadow: none; }
+
+.tiled .titlebar:not(headerbar), .tiled-top .titlebar:not(headerbar), .tiled-left .titlebar:not(headerbar), .tiled-right .titlebar:not(headerbar), .tiled-bottom .titlebar:not(headerbar), .maximized .titlebar:not(headerbar), .fullscreen .titlebar:not(headerbar), .tiled headerbar, .tiled-top headerbar, .tiled-left headerbar, .tiled-right headerbar, .tiled-bottom headerbar, .maximized headerbar, .fullscreen headerbar { border-radius: 0; }
+
+.default-decoration.titlebar:not(headerbar), headerbar.default-decoration { min-height: 28px; padding: 4px; }
+
+.default-decoration.titlebar:not(headerbar) windowcontrols button, .default-decoration.titlebar:not(headerbar) windowcontrols menubutton, headerbar.default-decoration windowcontrols button, headerbar.default-decoration windowcontrols menubutton { min-height: 26px; min-width: 26px; margin: 0; padding: 0; }
+
+.default-decoration.titlebar:not(headerbar) windowcontrols menubutton button, headerbar.default-decoration windowcontrols menubutton button { min-height: 20px; min-width: 20px; margin: 0; padding: 4px; }
+
+.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; }
+
+headerbar > windowhandle > box, headerbar > windowhandle > box > box.start, headerbar > windowhandle > box > box.end { border-spacing: 6px; }
+
+headerbar entry, headerbar spinbutton, headerbar separator:not(.sidebar), headerbar button, headerbar menubutton { margin-top: 6px; margin-bottom: 6px; }
+
+headerbar menubutton > button { margin-top: 0px; margin-bottom: 0px; }
+
+headerbar switch { margin-top: 10px; margin-bottom: 10px; }
+
+window.csd > .titlebar:not(headerbar) { padding: 0; background-color: transparent; background-image: none; border-style: none; border-color: transparent; }
+
+.titlebar:not(headerbar) separator { background-color: #686868; }
+
+window.devel headerbar.titlebar { background: #303030 cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, linear-gradient(to right, transparent 65%, rgba(15, 59, 113, 0.1)), linear-gradient(to top, #1e1e1e 3px, #232323); }
+
+window.devel headerbar.titlebar:backdrop { background: #303030 cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, image(#303030); /* background-color would flash */ }
+
+/************ Pathbars * */
+pathbar > button.text-button, pathbar > button.image-button, pathbar > button { padding-left: 4px; padding-right: 4px; }
+
+pathbar > button.text-button.image-button label { padding-left: 0; padding-right: 0; }
+
+pathbar > button.text-button.image-button label:last-child, pathbar > button label:last-child { padding-right: 8px; }
+
+pathbar > button.text-button.image-button label:first-child, pathbar > button label:first-child { padding-left: 8px; }
+
+pathbar > button image { padding-left: 4px; padding-right: 4px; }
+
+pathbar > button.slider-button { padding-left: 0; padding-right: 0; }
+
+/************** Tree Views * */
+columnview.view, treeview.view { border-left-color: #555554; border-top-color: #555554; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+columnview.view, treeview.view { outline: 0 solid transparent; outline-offset: 4px; }
+
+columnview.view:focus:focus-visible, treeview.view:focus:focus-visible { outline-color: rgba(255, 255, 255, 0.6); outline-width: 2px; outline-offset: -2px; }
+
+columnview.view:selected:focus, columnview.view:selected, treeview.view:selected:focus, treeview.view:selected { border-radius: 0; outline-color: rgba(255, 255, 255, 0.6); }
+
+columnview.view:disabled, treeview.view:disabled { color: #919191; }
+
+columnview.view:disabled:selected, treeview.view:disabled:selected { color: #6f8aaa; }
+
+columnview.view:disabled:selected:backdrop, treeview.view:disabled:selected:backdrop { color: #4b6a8f; }
+
+columnview.view.separator, treeview.view.separator { min-height: 2px; color: #555554; }
+
+columnview.view:backdrop, treeview.view:backdrop { border-left-color: #414141; border-top: #414141; }
+
+columnview.view:drop(active), treeview.view:drop(active) { box-shadow: none; }
+
+columnview.view > dndtarget:drop(active), treeview.view > dndtarget:drop(active) { border-style: solid none; border-width: 1px; border-color: black; }
+
+columnview.view > dndtarget.after:drop(active), treeview.view > dndtarget.after:drop(active) { border-top-style: none; }
+
+columnview.view > dndtarget.before:drop(active), treeview.view > dndtarget.before:drop(active) { border-bottom-style: none; }
+
+columnview.view.expander, treeview.view.expander { min-width: 16px; min-height: 16px; -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); color: silver; }
+
+columnview.view.expander:dir(rtl), treeview.view.expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); }
+
+columnview.view.expander:hover, treeview.view.expander:hover { color: white; }
+
+columnview.view.expander:selected, treeview.view.expander:selected { color: #b7c4d4; }
+
+columnview.view.expander:selected:hover, treeview.view.expander:selected:hover { color: #ffffff; }
+
+columnview.view.expander:checked, treeview.view.expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+
+columnview.view.progressbar, treeview.view.progressbar { background-color: #0f3b71; background-image: image(#0f3b71); box-shadow: none; }
+
+columnview.view.progressbar:selected:focus, columnview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:selected { box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); background-image: image(#2d2d2d); }
+
+columnview.view.progressbar:selected:focus:backdrop, columnview.view.progressbar:selected:backdrop, treeview.view.progressbar:selected:focus:backdrop, treeview.view.progressbar:selected:backdrop { background-color: #303030; }
+
+columnview.view.trough, treeview.view.trough { background-color: rgba(243, 243, 241, 0.1); }
+
+columnview.view.trough:selected:focus, columnview.view.trough:selected, treeview.view.trough:selected:focus, treeview.view.trough:selected { background-color: #092444; }
+
+columnview.view > header > button, treeview.view > header > button { color: #90908f; background-color: #2d2d2d; font-weight: bold; text-shadow: none; box-shadow: none; }
+
+columnview.view > header > button:hover, treeview.view > header > button:hover { color: #c1c1c0; box-shadow: none; transition: none; }
+
+columnview.view > header > button:active, treeview.view > header > button:active { color: #f3f3f1; transition: none; }
+
+columnview.view > header > button sort-indicator, treeview.view > header > button sort-indicator { min-height: 16px; min-width: 16px; }
+
+columnview.view > header > button sort-indicator.ascending, treeview.view > header > button sort-indicator.ascending { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
+
+columnview.view > header > button sort-indicator.descending, treeview.view > header > button sort-indicator.descending { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+
+columnview.view button.dnd:active, columnview.view button.dnd:selected, columnview.view button.dnd:hover, columnview.view button.dnd, columnview.view header.button.dnd:active, columnview.view header.button.dnd:selected, columnview.view header.button.dnd:hover, columnview.view header.button.dnd, 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: #2d2d2d; background-image: none; background-color: #0f3b71; border-style: none; border-radius: 0; box-shadow: inset 0 0 0 1px #2d2d2d; text-shadow: none; transition: none; }
+
+columnview.view acceleditor > label, treeview.view acceleditor > label { background-color: #0f3b71; }
+
+columnview.view > header > button, treeview.view > header > button, columnview.view > header > button:hover, treeview.view > header > button:hover, columnview.view > header > button:active, treeview.view > header > button:active { padding: 0 6px; background-image: none; border-style: none none solid solid; border-color: #555554; border-radius: 0; text-shadow: none; }
+
+columnview.view > header > button:disabled, treeview.view > header > button:disabled { border-color: #303030; background-image: none; }
+
+columnview.view > header > button:last-child, treeview.view > header > button:last-child { border-right-style: none; }
+
+/*************** Popovers * */
+popover.background { background-color: transparent; font: initial; }
+
+popover.background > arrow, popover.background > contents { background-color: #2d2d2d; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.75); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); }
+
+popover.background:backdrop { background-color: transparent; }
+
+popover.background > contents { padding: 8px; border-radius: 9px; }
+
+popover.background > contents > list, popover.background > contents > .view, popover.background > contents > iconview, popover.background > contents > .toolbar { border-style: none; background-color: transparent; }
+
+popover.background > contents separator { background-color: #575757; margin: 3px; }
+
+popover.background > contents list separator { margin: 0; }
+
+.osd popover.background, popover.background.touch-selection, popover.background.magnifier { background-color: transparent; }
+
+.osd popover.background > arrow, .osd popover.background > contents, popover.background.touch-selection > arrow, popover.background.touch-selection > contents, popover.background.magnifier > arrow, popover.background.magnifier > contents { border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: none; }
+
+magnifier { background-color: #2d2d2d; }
+
+/********************** Popover Base Menus * */
+popover.menu { padding: 0; }
+
+popover.menu box.inline-buttons { padding: 0 12px; }
+
+popover.menu box.inline-buttons button.image-button.model { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; min-height: 30px; min-width: 30px; padding: 0; border: none; outline: none; transition: none; }
+
+popover.menu box.inline-buttons button.image-button.model:selected { background: image(#161616); }
+
+popover.menu box.circular-buttons { padding: 12px 12px 6px; }
+
+popover.menu box.circular-buttons button.circular.image-button.model { padding: 11px; }
+
+popover.menu box.circular-buttons button.circular.image-button.model:focus { background-color: #161616; border-color: #161616; }
+
+popover.menu > arrow, popover.menu.background > contents { background-color: #2d2d2d; padding: 5px; }
+
+popover.menu.background separator { margin: 6px 0; }
+
+popover.menu accelerator { color: alpha(currentColor,0.55); }
+
+popover.menu accelerator:dir(ltr) { margin-left: 12px; }
+
+popover.menu accelerator:dir(rtl) { margin-right: 12px; }
+
+popover.menu check, popover.menu radio { transform: scale(0.8); border-width: 1.2px; border-color: transparent; box-shadow: none; background-image: image(transparent); color: white; }
+
+popover.menu check:hover, popover.menu radio:hover { transform: scale(0.8); border-width: 1.2px; color: white; box-shadow: none; background-image: image(transparent); }
+
+popover.menu check:active, popover.menu radio:active { transform: scale(0.8); border-width: 1.2px; color: white; box-shadow: none; background-image: image(transparent); }
+
+popover.menu radio { border-color: #686868; }
+
+popover.menu radio:active { border-color: rgba(104, 104, 104, 0.5); }
+
+popover.menu arrow.left, popover.menu radio.left, popover.menu check.left { margin-left: -2px; margin-right: 6px; }
+
+popover.menu arrow.right, popover.menu radio.right, popover.menu check.right { margin-left: 6px; margin-right: -2px; }
+
+popover.menu modelbutton { min-height: 30px; min-width: 40px; padding: 0 12px; border-radius: 5px; }
+
+popover.menu modelbutton:selected { color: white; background-color: #161616; }
+
+popover.menu modelbutton:selected:active { background-color: #0c0c0c; }
+
+popover.menu label.title { font-weight: bold; padding: 4px 32px; }
+
+menubar { padding: 0px; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1); }
+
+menubar > item { min-height: 16px; padding: 4px 8px; }
+
+menubar > item:selected { box-shadow: inset 0 -3px #0f3b71; color: #3584e4; }
+
+menubar > item:disabled { color: #919191; box-shadow: none; }
+
+menubar > item popover.menu.background > contents { padding: 5px; }
+
+menubar > item popover.menu popover.menu { padding: 0 0 4px 0; }
+
+menubar > item popover.menu.background popover.menu.background > contents { margin: 0; border-radius: 9px; }
+
+/************* Notebooks * */
+notebook { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+notebook > header > tabs > tab:checked { outline: 0 solid transparent; outline-offset: 4px; }
+
+notebook:focus:focus-visible > header > tabs > tab:checked { outline-color: rgba(255, 255, 255, 0.6); outline-width: 2px; outline-offset: -2px; }
+
+notebook > header { padding: 1px; border-color: #686868; border-width: 1px; background-color: #282828; }
+
+notebook > header > tabs { margin: -1px; }
+
+notebook > header.top { border-bottom-style: solid; }
+
+notebook > header.top > tabs { margin-bottom: -2px; }
+
+notebook > header.top > tabs > tab:hover { box-shadow: inset 0 -4px #686868; }
+
+notebook > header.top > tabs > tab:checked { box-shadow: inset 0 -4px #0f3b71; }
+
+notebook > header.bottom { border-top-style: solid; }
+
+notebook > header.bottom > tabs { margin-top: -2px; }
+
+notebook > header.bottom > tabs > tab:hover { box-shadow: inset 0 4px #686868; }
+
+notebook > header.bottom > tabs > tab:checked { box-shadow: inset 0 4px #0f3b71; }
+
+notebook > header.left { border-right-style: solid; }
+
+notebook > header.left > tabs { margin-right: -2px; }
+
+notebook > header.left > tabs > tab:hover { box-shadow: inset -4px 0 #686868; }
+
+notebook > header.left > tabs > tab:checked { box-shadow: inset -4px 0 #0f3b71; }
+
+notebook > header.right { border-left-style: solid; }
+
+notebook > header.right > tabs { margin-left: -2px; }
+
+notebook > header.right > tabs > tab:hover { box-shadow: inset 4px 0 #686868; }
+
+notebook > header.right > tabs > tab:checked { box-shadow: inset 4px 0 #0f3b71; }
+
+notebook > header.top > tabs > arrow { border-top-style: none; }
+
+notebook > header.bottom > tabs > arrow { border-bottom-style: none; }
+
+notebook > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow { margin-left: -5px; margin-right: -5px; padding-left: 4px; padding-right: 4px; }
+
+notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); }
+
+notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
+
+notebook > header.left > tabs > arrow { border-left-style: none; }
+
+notebook > header.right > tabs > arrow { border-right-style: none; }
+
+notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow { margin-top: -5px; margin-bottom: -5px; padding-top: 4px; padding-bottom: 4px; }
+
+notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
+
+notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+
+notebook > header > tabs > arrow { min-height: 16px; min-width: 16px; border-radius: 0; }
+
+notebook > 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; }
+
+notebook > header > tabs > arrow:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > tab { transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); min-height: 30px; min-width: 30px; padding: 3px 12px; color: #f3f3f1; font-weight: normal; border-width: 1px; border-color: transparent; }
+
+notebook > header > tabs > tab:hover { color: #f3f3f1; background-color: #1e1e1e; }
+
+notebook > header > tabs > tab.reorderable-page:hover { border-color: rgba(104, 104, 104, 0.3); background-color: rgba(48, 48, 48, 0.2); }
+
+notebook > header > tabs > tab:not(:checked) { outline-color: transparent; }
+
+notebook > header > tabs > tab:checked { color: #f3f3f1; }
+
+notebook > header > tabs > tab.reorderable-page:checked { border-color: rgba(104, 104, 104, 0.5); background-color: rgba(48, 48, 48, 0.5); }
+
+notebook > header > tabs > tab.reorderable-page:checked:hover { background-color: rgba(48, 48, 48, 0.7); }
+
+notebook > header > tabs > tab button.flat { color: alpha(currentColor,0.3); padding: 0; margin-top: 4px; margin-bottom: 4px; min-width: 20px; min-height: 20px; }
+
+notebook > header > tabs > tab button.flat:hover { color: currentColor; }
+
+notebook > header > tabs > tab button.flat:last-child { margin-left: 4px; margin-right: -4px; }
+
+notebook > header > tabs > tab button.flat:first-child { margin-left: -4px; margin-right: 4px; }
+
+notebook > header.top > tabs, notebook > header.bottom > tabs { padding-left: 4px; padding-right: 4px; }
+
+notebook > header.top > tabs:not(:only-child), notebook > header.bottom > tabs:not(:only-child) { margin-left: 3px; margin-right: 3px; }
+
+notebook > header.top > tabs:not(:only-child):first-child, notebook > header.bottom > tabs:not(:only-child):first-child { margin-left: -1px; }
+
+notebook > header.top > tabs:not(:only-child):last-child, notebook > header.bottom > tabs:not(:only-child):last-child { margin-right: -1px; }
+
+notebook > header.top > tabs > tab, notebook > header.bottom > tabs > tab { margin-left: 4px; margin-right: 4px; }
+
+notebook > header.top > tabs > tab.reorderable-page, notebook > header.bottom > tabs > tab.reorderable-page { border-style: none solid; }
+
+notebook > header.left > tabs, notebook > header.right > tabs { padding-top: 4px; padding-bottom: 4px; }
+
+notebook > header.left > tabs:not(:only-child), notebook > header.right > tabs:not(:only-child) { margin-top: 3px; margin-bottom: 3px; }
+
+notebook > header.left > tabs:not(:only-child):first-child, notebook > header.right > tabs:not(:only-child):first-child { margin-top: -1px; }
+
+notebook > header.left > tabs:not(:only-child):last-child, notebook > header.right > tabs:not(:only-child):last-child { margin-bottom: -1px; }
+
+notebook > header.left > tabs > tab, notebook > header.right > tabs > tab { margin-top: 4px; margin-bottom: 4px; }
+
+notebook > header.left > tabs > tab.reorderable-page, notebook > header.right > tabs > tab.reorderable-page { border-style: solid none; }
+
+notebook > header.top > tabs > tab { padding-bottom: 4px; }
+
+notebook > header.bottom > tabs > tab { padding-top: 4px; }
+
+notebook > stack:not(:only-child) { background-color: #2d2d2d; }
+
+/************** Scrollbars * */
+scrollbar { background-color: #313131; transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+scrollbar.top { border-bottom: 1px solid #686868; }
+
+scrollbar.bottom { border-top: 1px solid #686868; }
+
+scrollbar.left { border-right: 1px solid #686868; }
+
+scrollbar.right { border-left: 1px solid #686868; }
+
+scrollbar > range > trough > slider { min-width: 8px; min-height: 8px; margin: -1px; border: 4px solid transparent; border-radius: 10px; background-clip: padding-box; background-color: #a4a4a3; transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+scrollbar > range > trough > slider:hover { background-color: #c9c9c7; }
+
+scrollbar > range > trough > slider:hover:active { background-color: #1b6acb; }
+
+scrollbar > range > trough > slider:disabled { background-color: transparent; }
+
+scrollbar > range.fine-tune > trough > slider { transition: none; min-width: 6px; min-height: 6px; }
+
+scrollbar > range.fine-tune.horizontal > trough > slider { border-width: 5px 4px; }
+
+scrollbar > range.fine-tune.vertical > trough > slider { border-width: 4px 5px; }
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) { border-color: transparent; opacity: 0.4; background-color: transparent; }
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) > range > trough > slider { margin: 0; min-width: 3px; min-height: 3px; background-color: #f3f3f1; border: 1px solid black; }
+
+scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) > range > trough > slider { margin: 0 2px; min-width: 40px; }
+
+scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) > range > trough > slider { margin: 2px 0; min-height: 40px; }
+
+scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { opacity: 0.8; }
+
+scrollbar.horizontal > range > trough > slider { min-width: 40px; }
+
+scrollbar.vertical > range > trough > slider { min-height: 40px; }
+
+treeview ~ scrollbar.vertical { border-top: 1px solid #686868; margin-top: -1px; }
+
+/********** Switch * */
+switch { font-weight: bold; font-size: smaller; border: 1px solid #686868; border-radius: 14px; color: #f3f3f1; background-color: #282828; transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; /* only show i / o for the accessible theme */ }
+
+switch { outline: 0 solid transparent; outline-offset: 4px; }
+
+switch:focus:focus-visible { outline-color: rgba(255, 255, 255, 0.6); outline-width: 2px; outline-offset: 0; }
+
+headerbar switch { background-color: #141414; }
+
+switch:checked { color: #ffffff; border-color: #1f76e1; background-color: #15539e; }
+
+switch:disabled { color: #919191; border-color: #686868; background-color: #2f2f2f; text-shadow: none; }
+
+switch > slider { color: #f3f3f1; outline-color: rgba(255, 255, 255, 0.6); border-color: #686868; background-image: linear-gradient(to top, #323232 2px, #353535); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); margin: -1px; min-width: 24px; min-height: 24px; border: 1px solid; border-color: #686868; border-radius: 50%; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+switch > image { color: transparent; }
+
+switch:hover > slider { color: #f3f3f1; border-color: #686868; background-image: linear-gradient(to top, #2b2b2b 20%, #2d2d2d 90%); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); }
+
+switch:checked > slider { border: 1px solid #1f76e1; }
+
+switch:disabled > slider { color: #919191; border-color: #5d5d5d; background-image: image(#2f2f2f); }
+
+row:selected switch { outline-color: rgba(255, 255, 255, 0.6); }
+
+/************************* Check and Radio items * */
+.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: #15539e; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; }
+
+.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: #15539e; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; }
+
+.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: #15539e; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; }
+
+.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: #5a5a5a; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; }
+
+.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: #15539e; 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; }
+
+.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: #15539e; 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; }
+
+.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: #15539e; 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; }
+
+.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: #5a5a5a; 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; }
+
+checkbutton { border-spacing: 4px; border-radius: 5px; transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+checkbutton { outline: 0 solid transparent; outline-offset: 4px; }
+
+checkbutton:focus:focus-visible { outline-color: rgba(255, 255, 255, 0.6); outline-width: 2px; outline-offset: -2px; }
+
+checkbutton.text-button { padding: 4px; }
+
+check, radio { min-height: 14px; min-width: 14px; border: 1px solid; -gtk-icon-source: none; }
+
+check, radio { background-clip: padding-box; background-image: linear-gradient(to bottom, #3c3c3c 20%, #303030 90%); border-color: #4e4e4e; box-shadow: 0 1px rgba(0, 0, 0, 0.05); color: #ffffff; }
+
+check:hover, radio:hover { background-image: linear-gradient(to bottom, #474747 10%, #3a3a3a 90%); }
+
+check:active, radio:active { box-shadow: inset 0 1px black; background-image: image(#232323); }
+
+check:disabled, radio:disabled { box-shadow: none; color: rgba(255, 255, 255, 0.7); }
+
+check:checked, radio:checked { background-clip: border-box; background-image: linear-gradient(to bottom, #185fb4 20%, #15539e 90%); border-color: #092444; box-shadow: 0 1px rgba(0, 0, 0, 0.05); color: #ffffff; }
+
+check:checked:hover, radio:checked:hover { background-image: linear-gradient(to bottom, #1b68c6 10%, #185cb0 90%); }
+
+check:checked:active, radio:checked:active { box-shadow: inset 0 1px black; background-image: image(#124787); }
+
+check:checked:disabled, radio:checked:disabled { box-shadow: none; color: rgba(255, 255, 255, 0.7); }
+
+check:indeterminate, radio:indeterminate { background-clip: border-box; background-image: linear-gradient(to bottom, #185fb4 20%, #15539e 90%); border-color: #092444; box-shadow: 0 1px rgba(0, 0, 0, 0.05); color: #ffffff; }
+
+check:indeterminate:hover, radio:indeterminate:hover { background-image: linear-gradient(to bottom, #1b68c6 10%, #185cb0 90%); }
+
+check:indeterminate:active, radio:indeterminate:active { box-shadow: inset 0 1px black; background-image: image(#124787); }
+
+check:indeterminate:disabled, radio:indeterminate:disabled { box-shadow: none; color: rgba(255, 255, 255, 0.7); }
+
+.osd check, .osd radio { color: #eeeeec; outline-color: rgba(255, 255, 255, 0.6); border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(38, 38, 38, 0.7)); background-clip: padding-box; }
+
+.osd check:hover, .osd radio:hover { color: #eeeeec; outline-color: rgba(255, 255, 255, 0.6); border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(38, 38, 38, 0.7)); background-clip: padding-box; }
+
+.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; }
+
+.osd check:disabled, .osd radio:disabled { color: #8a8a89; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(58, 58, 57, 0.5)); background-clip: padding-box; }
+
+check { border-radius: 3px; -gtk-icon-size: 14px; }
+
+check:checked { -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets-hc/check-symbolic.symbolic.png")), -gtk-recolor(url("assets-hc/check@2-symbolic.symbolic.png"))); }
+
+check:indeterminate { -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets-hc/dash-symbolic.symbolic.png")), -gtk-recolor(url("assets-hc/dash@2-symbolic.symbolic.png"))); }
+
+treeview.view radio:selected:focus, treeview.view radio:selected, radio { border-radius: 100%; -gtk-icon-size: 14px; }
+
+treeview.view radio:checked:selected, radio:checked { -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets-hc/bullet-symbolic.symbolic.png")), -gtk-recolor(url("assets-hc/bullet@2-symbolic.symbolic.png"))); }
+
+treeview.view radio:indeterminate:selected, radio:indeterminate { -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets-hc/dash-symbolic.symbolic.png")), -gtk-recolor(url("assets-hc/dash@2-symbolic.symbolic.png"))); }
+
+treeview.view check:selected:focus, treeview.view check:selected, treeview.view radio:selected:focus, treeview.view radio:selected { color: #ffffff; }
+
+/************ GtkScale * */
+progressbar > trough, scale > trough > fill, scale > trough { border: 1px solid #282828; border-radius: 3px; background-color: #282828; }
+
+headerbar progressbar > trough, headerbar scale > trough > fill, headerbar scale > trough { background-color: #141414; }
+
+progressbar > trough:disabled, scale > trough > fill:disabled, scale > trough:disabled { background-color: #2f2f2f; border-color: #5d5d5d; }
+
+row:selected progressbar > trough, row:selected scale > trough > fill, row:selected scale > trough { outline-color: rgba(255, 255, 255, 0.6); border-color: black; }
+
+.osd progressbar > trough, .osd scale > trough > fill, .osd scale > trough { border-color: rgba(0, 0, 0, 0.7); background-color: rgba(0, 0, 0, 0.5); }
+
+.osd progressbar > trough:disabled, .osd scale > trough > fill:disabled, .osd scale > trough:disabled { background-color: rgba(58, 58, 57, 0.5); }
+
+progressbar > trough > progress, scale > trough > highlight { border: 1px solid #0f3b71; border-radius: 3px; background-color: #0f3b71; }
+
+progressbar > trough > progress:disabled, scale > trough > highlight:disabled { background-color: transparent; border-color: transparent; }
+
+row:selected progressbar > trough > progress, row:selected scale > trough > highlight { border-color: black; }
+
+.osd progressbar > trough > progress, .osd scale > trough > highlight { border-color: rgba(0, 0, 0, 0.7); }
+
+.osd progressbar > trough > progress:disabled, .osd scale > trough > highlight:disabled { border-color: transparent; }
+
+scale { min-height: 10px; min-width: 10px; padding: 12px; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+scale > trough { outline: 0 solid transparent; outline-offset: 16px; }
+
+scale:focus:focus-visible > trough { outline-color: rgba(255, 255, 255, 0.6); outline-width: 2px; outline-offset: 10px; }
+
+scale > trough { transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+scale > trough > fill, scale > trough > highlight { margin: -1px; }
+
+scale > trough > slider { min-height: 18px; min-width: 18px; margin: -9px; }
+
+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 > trough > slider { margin: -6px; }
+
+scale.fine-tune > trough > fill, scale.fine-tune > trough > highlight, scale.fine-tune > trough { border-radius: 5px; }
+
+scale > trough > fill:disabled { border-color: transparent; background-color: transparent; }
+
+.osd scale > trough > fill { background-color: rgba(91, 91, 90, 0.775); }
+
+.osd scale > trough > fill:disabled { border-color: transparent; background-color: transparent; }
+
+scale > trough > slider { color: #f3f3f1; outline-color: rgba(255, 255, 255, 0.6); border-color: #686868; background-image: linear-gradient(to top, #323232 2px, #353535); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); border-width: 1px; border-style: solid; border-radius: 100%; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: background, border, box-shadow; }
+
+scale > trough > slider:hover { color: #f3f3f1; border-color: #686868; background-image: linear-gradient(to top, #2b2b2b 20%, #2d2d2d 90%); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); }
+
+scale > trough > slider:active { border-color: black; }
+
+scale > trough > slider:disabled { color: #919191; border-color: #5d5d5d; background-image: image(#2f2f2f); }
+
+row:selected scale > trough > slider:disabled, row:selected scale > trough > slider { border-color: black; }
+
+.osd scale > trough > slider { color: #eeeeec; outline-color: rgba(255, 255, 255, 0.6); border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(38, 38, 38, 0.7)); background-clip: padding-box; border-color: rgba(0, 0, 0, 0.7); background-color: #262626; }
+
+.osd scale > trough > slider:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(12, 12, 12, 0.7)); background-clip: padding-box; background-color: #262626; }
+
+.osd scale > trough > 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; background-color: #262626; }
+
+.osd scale > trough > slider:disabled { color: #8a8a89; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(58, 58, 57, 0.5)); background-clip: padding-box; background-color: #262626; }
+
+scale > value { color: alpha(currentColor,0.55); font-feature-settings: "tnum"; }
+
+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; }
+
+scale.horizontal > value.left { margin-right: 9px; }
+
+scale.horizontal > value.right { margin-left: 9px; }
+
+scale.horizontal.fine-tune > marks.top { margin-top: 3px; }
+
+scale.horizontal.fine-tune > marks.bottom { margin-bottom: 3px; }
+
+scale.horizontal.fine-tune > marks indicator { min-height: 3px; }
+
+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; }
+
+scale.vertical > value.top { margin-bottom: 9px; }
+
+scale.vertical > value.bottom { margin-top: 9px; }
+
+scale.vertical.fine-tune > marks.top { margin-left: 3px; }
+
+scale.vertical.fine-tune > marks.bottom { margin-right: 3px; }
+
+scale.vertical.fine-tune > marks indicator { min-height: 3px; }
+
+scale.horizontal.marks-before:not(.marks-after) > trough > slider { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets-hc/slider-horz-scale-has-marks-above-dark.png"), url("assets-hc/slider-horz-scale-has-marks-above-dark@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.fine-tune:not(.marks-after) > trough > slider { margin: -7px -10px; margin-top: -11px; }
+
+scale.horizontal.marks-before:not(.marks-after) > trough > slider:hover { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets-hc/slider-horz-scale-has-marks-above-hover-dark.png"), url("assets-hc/slider-horz-scale-has-marks-above-hover-dark@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.fine-tune:not(.marks-after) > trough > slider { margin: -7px -10px; margin-top: -11px; }
+
+scale.horizontal.marks-before:not(.marks-after) > trough > slider:active { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets-hc/slider-horz-scale-has-marks-above-active-dark.png"), url("assets-hc/slider-horz-scale-has-marks-above-active-dark@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.fine-tune:not(.marks-after) > trough > slider { margin: -7px -10px; margin-top: -11px; }
+
+scale.horizontal.marks-before:not(.marks-after) > trough > slider:disabled { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets-hc/slider-horz-scale-has-marks-above-insensitive-dark.png"), url("assets-hc/slider-horz-scale-has-marks-above-insensitive-dark@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.fine-tune:not(.marks-after) > trough > slider { margin: -7px -10px; margin-top: -11px; }
+
+scale.horizontal.marks-after:not(.marks-before) > trough > slider { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets-hc/slider-horz-scale-has-marks-below-dark.png"), url("assets-hc/slider-horz-scale-has-marks-below-dark@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.fine-tune:not(.marks-before) > trough > slider { margin: -7px -10px; margin-bottom: -11px; }
+
+scale.horizontal.marks-after:not(.marks-before) > trough > slider:hover { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets-hc/slider-horz-scale-has-marks-below-hover-dark.png"), url("assets-hc/slider-horz-scale-has-marks-below-hover-dark@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.fine-tune:not(.marks-before) > trough > slider { margin: -7px -10px; margin-bottom: -11px; }
+
+scale.horizontal.marks-after:not(.marks-before) > trough > slider:active { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets-hc/slider-horz-scale-has-marks-below-active-dark.png"), url("assets-hc/slider-horz-scale-has-marks-below-active-dark@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.fine-tune:not(.marks-before) > trough > slider { margin: -7px -10px; margin-bottom: -11px; }
+
+scale.horizontal.marks-after:not(.marks-before) > trough > slider:disabled { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets-hc/slider-horz-scale-has-marks-below-insensitive-dark.png"), url("assets-hc/slider-horz-scale-has-marks-below-insensitive-dark@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.fine-tune:not(.marks-before) > trough > slider { margin: -7px -10px; margin-bottom: -11px; }
+
+scale.vertical.marks-before:not(.marks-after) > trough > slider { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets-hc/slider-vert-scale-has-marks-above-dark.png"), url("assets-hc/slider-vert-scale-has-marks-above-dark@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.fine-tune:not(.marks-after) > trough > slider { margin: -10px -7px; margin-left: -11px; }
+
+scale.vertical.marks-before:not(.marks-after) > trough > slider:hover { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets-hc/slider-vert-scale-has-marks-above-hover-dark.png"), url("assets-hc/slider-vert-scale-has-marks-above-hover-dark@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.fine-tune:not(.marks-after) > trough > slider { margin: -10px -7px; margin-left: -11px; }
+
+scale.vertical.marks-before:not(.marks-after) > trough > slider:active { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets-hc/slider-vert-scale-has-marks-above-active-dark.png"), url("assets-hc/slider-vert-scale-has-marks-above-active-dark@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.fine-tune:not(.marks-after) > trough > slider { margin: -10px -7px; margin-left: -11px; }
+
+scale.vertical.marks-before:not(.marks-after) > trough > slider:disabled { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets-hc/slider-vert-scale-has-marks-above-insensitive-dark.png"), url("assets-hc/slider-vert-scale-has-marks-above-insensitive-dark@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.fine-tune:not(.marks-after) > trough > slider { margin: -10px -7px; margin-left: -11px; }
+
+scale.vertical.marks-after:not(.marks-before) > trough > slider { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets-hc/slider-vert-scale-has-marks-below-dark.png"), url("assets-hc/slider-vert-scale-has-marks-below-dark@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.fine-tune:not(.marks-before) > trough > slider { margin: -10px -7px; margin-right: -11px; }
+
+scale.vertical.marks-after:not(.marks-before) > trough > slider:hover { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets-hc/slider-vert-scale-has-marks-below-hover-dark.png"), url("assets-hc/slider-vert-scale-has-marks-below-hover-dark@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.fine-tune:not(.marks-before) > trough > slider { margin: -10px -7px; margin-right: -11px; }
+
+scale.vertical.marks-after:not(.marks-before) > trough > slider:active { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets-hc/slider-vert-scale-has-marks-below-active-dark.png"), url("assets-hc/slider-vert-scale-has-marks-below-active-dark@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.fine-tune:not(.marks-before) > trough > slider { margin: -10px -7px; margin-right: -11px; }
+
+scale.vertical.marks-after:not(.marks-before) > trough > slider:disabled { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets-hc/slider-vert-scale-has-marks-below-insensitive-dark.png"), url("assets-hc/slider-vert-scale-has-marks-below-insensitive-dark@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.fine-tune:not(.marks-before) > trough > slider { margin: -10px -7px; margin-right: -11px; }
+
+scale.color { min-height: 0; min-width: 0; }
+
+scale.color > trough { background-image: image(#686868); background-repeat: no-repeat; }
+
+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 > trough > slider:dir(ltr):hover, scale.color.horizontal > trough > slider:dir(ltr):backdrop, scale.color.horizontal > trough > slider:dir(ltr):disabled, scale.color.horizontal > trough > slider:dir(ltr):backdrop:disabled, scale.color.horizontal > trough > slider:dir(ltr), scale.color.horizontal > trough > slider:dir(rtl):hover, scale.color.horizontal > trough > slider:dir(rtl):backdrop, scale.color.horizontal > trough > slider:dir(rtl):disabled, scale.color.horizontal > trough > slider:dir(rtl):backdrop:disabled, scale.color.horizontal > trough > 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) > trough > slider:hover, scale.color.vertical:dir(ltr) > trough > slider:backdrop, scale.color.vertical:dir(ltr) > trough > slider:disabled, scale.color.vertical:dir(ltr) > trough > slider:backdrop:disabled, scale.color.vertical:dir(ltr) > trough > 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) > trough > slider:hover, scale.color.vertical:dir(rtl) > trough > slider:backdrop, scale.color.vertical:dir(rtl) > trough > slider:disabled, scale.color.vertical:dir(rtl) > trough > slider:backdrop:disabled, scale.color.vertical:dir(rtl) > trough > 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) > trough > slider, scale.color.fine-tune.horizontal:dir(rtl) > trough > 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) > trough > 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) > trough > slider { margin-right: -15px; margin-left: 6px; }
+
+/***************** Progress bars * */
+progressbar { font-size: smaller; color: rgba(243, 243, 241, 0.4); font-feature-settings: "tnum"; }
+
+progressbar.horizontal > trough { min-width: 150px; }
+
+progressbar.horizontal > trough, progressbar.horizontal > trough > progress { min-height: 2px; }
+
+progressbar.vertical > trough { min-height: 80px; }
+
+progressbar.vertical > trough, progressbar.vertical > trough > progress { min-width: 2px; }
+
+progressbar.horizontal > trough > progress { margin: 0 -1px; }
+
+progressbar.vertical > trough > progress { margin: -1px 0; }
+
+progressbar > trough > progress { /* share most of scales' */ /* override insensitive that is specific to progress */ border-radius: 1.5px; }
+
+progressbar > trough > progress:disabled { background-color: #919191; border-color: #919191; }
+
+progressbar > trough > progress.left { border-top-left-radius: 5px; border-bottom-left-radius: 5px; }
+
+progressbar > trough > progress.right { border-top-right-radius: 5px; border-bottom-right-radius: 5px; }
+
+progressbar > trough > progress.top { border-top-right-radius: 5px; border-top-left-radius: 5px; }
+
+progressbar > trough > progress.bottom { border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; }
+
+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 > trough > progress { border-style: none; border-radius: 0; }
+
+progressbar > trough.empty > progress { all: unset; }
+
+/************* Level Bar * */
+levelbar.horizontal trough > block { min-height: 9px; border-radius: 5px; }
+
+levelbar.horizontal trough > block:dir(rtl) { border-radius: 0 5px 5px 0; }
+
+levelbar.horizontal trough > block:dir(ltr) { border-radius: 5px 0 0 5px; }
+
+levelbar.horizontal trough > block.empty, levelbar.horizontal trough > block.full { border-radius: 5px; }
+
+levelbar.horizontal.discrete trough > block { min-height: 2px; margin: 1px; min-width: 24px; border-radius: 0; }
+
+levelbar.horizontal.discrete trough > block:first-child { border-radius: 2px 0 0 2px; }
+
+levelbar.horizontal.discrete trough > block:last-child { border-radius: 0 2px 2px 0; }
+
+levelbar.vertical trough > block { min-width: 9px; border-radius: 5px; }
+
+levelbar.vertical.discrete > trough > block { min-width: 2px; margin: 1px 0; min-height: 32px; }
+
+levelbar > trough { padding: 0; }
+
+levelbar > trough > block { border: 1px solid; }
+
+levelbar > trough > block.low { border-color: #f57900; background-color: #f57900; }
+
+levelbar > trough > block.high, levelbar > trough > block:not(.empty) { border-color: #0f3b71; background-color: #0f3b71; }
+
+levelbar > trough > block.full { border-color: #26ab62; background-color: #26ab62; }
+
+levelbar > trough > block.empty { background-color: #232323; border-color: #232323; }
+
+/**************** Print dialog * */
+window.dialog.print drawing { color: #f3f3f1; background: none; border: none; padding: 0; }
+
+window.dialog.print drawing paper { background: white; color: #2e3436; border: 1px solid #686868; }
+
+window.dialog.print .dialog-action-box { margin: 12px; }
+
+/********** Frames * */
+frame, .frame { border: 1px solid #686868; }
+
+frame { border-radius: 8px; }
+
+frame > label { margin: 4px; }
+
+actionbar > revealer > box { padding: 6px; border-top: 1px solid #686868; }
+
+actionbar > revealer > box, actionbar > revealer > box > box.start, actionbar > revealer > box > box.end { border-spacing: 6px; }
+
+scrolledwindow > overshoot.top { background-image: radial-gradient(farthest-side at top, #4e4e4e 85%, rgba(78, 78, 78, 0)), radial-gradient(farthest-side at top, rgba(243, 243, 241, 0.07), rgba(243, 243, 241, 0)); background-size: 100% 3%, 100% 50%; background-repeat: no-repeat; background-position: top; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow > overshoot.bottom { background-image: radial-gradient(farthest-side at bottom, #4e4e4e 85%, rgba(78, 78, 78, 0)), radial-gradient(farthest-side at bottom, rgba(243, 243, 241, 0.07), rgba(243, 243, 241, 0)); background-size: 100% 3%, 100% 50%; background-repeat: no-repeat; background-position: bottom; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow > overshoot.left { background-image: radial-gradient(farthest-side at left, #4e4e4e 85%, rgba(78, 78, 78, 0)), radial-gradient(farthest-side at left, rgba(243, 243, 241, 0.07), rgba(243, 243, 241, 0)); background-size: 3% 100%, 50% 100%; background-repeat: no-repeat; background-position: left; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow > overshoot.right { background-image: radial-gradient(farthest-side at right, #4e4e4e 85%, rgba(78, 78, 78, 0)), radial-gradient(farthest-side at right, rgba(243, 243, 241, 0.07), rgba(243, 243, 241, 0)); background-size: 3% 100%, 50% 100%; background-repeat: no-repeat; background-position: right; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow > junction { background: #686868, linear-gradient(to bottom, transparent 1px, #313131 1px), linear-gradient(to right, transparent 1px, #313131 1px); }
+
+scrolledwindow > junction:dir(rtl) { background: #686868, linear-gradient(to bottom, transparent 1px, #313131 1px), linear-gradient(to left, transparent 1px, #313131 1px); }
+
+separator { background: #757575; min-width: 1px; min-height: 1px; }
+
+/********* Lists * */
+listview, list { color: white; background-color: #2d2d2d; border-color: #686868; }
+
+listview:backdrop, list:backdrop { color: #d6d6d6; background-color: #303030; border-color: #202020; }
+
+listview > row, list > row { padding: 2px; }
+
+listview > row.expander, list > row.expander { padding: 0px; }
+
+listview > row.expander .row-header, list > row.expander .row-header { padding: 2px; }
+
+listview.horizontal row.separator, listview.separators.horizontal > row:not(.separator), list.horizontal row.separator, list.separators.horizontal > row:not(.separator) { border-left: 1px solid #555554; }
+
+listview:not(.horizontal) row.separator, listview.separators:not(.horizontal) > row:not(.separator), list:not(.horizontal) row.separator, list.separators:not(.horizontal) > row:not(.separator) { border-bottom: 1px solid #555554; }
+
+row { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+row { outline: 0 solid transparent; outline-offset: 4px; }
+
+row:focus:focus-visible { outline-color: rgba(255, 255, 255, 0.6); outline-width: 2px; outline-offset: -2px; }
+
+row.activatable.has-open-popup, row.activatable:hover { background-color: rgba(243, 243, 241, 0.05); }
+
+row.activatable:active { box-shadow: inset 0 2px 2px -2px rgba(0, 0, 0, 0.2); }
+
+row.activatable:selected:active { box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.5); }
+
+row.activatable.has-open-popup:selected, row.activatable:selected:hover { background-color: #264e7e; }
+
+row:selected { outline-color: rgba(255, 255, 255, 0.6); }
+
+columnview > listview > row { padding: 0; }
+
+columnview > listview > row > cell { padding: 8px 6px; }
+
+columnview > listview > row > cell:not(:first-child) { border-left: 1px solid transparent; }
+
+columnview.column-separators > listview > row > cell { border-left-color: #555554; }
+
+columnview.data-table > listview > row > cell { padding-top: 2px; padding-bottom: 2px; }
+
+treeexpander { border-spacing: 4px; }
+
+/******************************************************** Data Tables * treeview like tables with individual focusable cells * https://gitlab.gnome.org/GNOME/gtk/-/issues/2929 * */
+columnview row:not(:selected) cell editablelabel:not(.editing):focus-within { outline: 2px solid rgba(255, 255, 255, 0.6); }
+
+columnview row:not(:selected) cell editablelabel.editing:focus-within { outline: 2px solid #0f3b71; }
+
+columnview row:not(:selected) cell editablelabel.editing text selection { background-color: rgba(90, 90, 90, 0.5); color: transparent; }
+
- window:backdrop { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.75), 0 0 0 20px transparent; }
++columnview row:not(:selected) cell editablelabel.editing text selection:focus-within { background-color: rgba(21, 83, 158, 0.3); color: #f3f3f1; }
+
+/******************************************************* Rich Lists * Large list usually containing lots of widgets * https://gitlab.gnome.org/GNOME/gtk/-/issues/3073 * */
+.rich-list { /* rich lists usually containing other widgets than just labels/text */ }
+
+.rich-list > row { padding: 8px 12px; min-height: 32px; /* should be tall even when only containing a label */ }
+
+.rich-list > row > box { border-spacing: 12px; }
+
+/********************* App Notifications * */
+.app-notification { padding: 10px; border-spacing: 10px; border-radius: 0 0 5px 5px; background-color: rgba(38, 38, 38, 0.7); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), transparent 2px); background-clip: padding-box; }
+
+.app-notification border { border: none; }
+
+/************* Expanders * */
+expander { min-width: 16px; min-height: 16px; -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
+
+expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); }
+
+expander:disabled { color: #919191; }
+
+expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+
+expander-widget { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+expander-widget > box > title { outline: 0 solid transparent; outline-offset: 4px; }
+
+expander-widget:focus:focus-visible > box > title { outline-color: rgba(255, 255, 255, 0.6); outline-width: 2px; outline-offset: -2px; }
+
+expander-widget > box > title { transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); border-radius: 5px; }
+
+expander-widget > box > title:hover > expander { color: white; }
+
+.navigation-sidebar:not(decoration):not(window):drop(active):focus, .navigation-sidebar:not(decoration):not(window):drop(active), placessidebar:not(decoration):not(window):drop(active):focus, placessidebar:not(decoration):not(window):drop(active), stackswitcher:not(decoration):not(window):drop(active):focus, stackswitcher:not(decoration):not(window):drop(active), expander-widget:not(decoration):not(window):drop(active):focus, expander-widget:not(decoration):not(window):drop(active) { box-shadow: none; }
+
+/************ Calendar * */
+calendar { color: white; border: 1px solid #686868; font-feature-settings: "tnum"; }
+
+calendar > header { border-bottom: 1px solid #686868; }
+
+calendar > header > button { border: none; box-shadow: none; background: none; border-radius: 0; }
+
+calendar > header > button:backdrop { background: none; }
+
+calendar > grid > label.today { box-shadow: inset 0px -2px #686868; }
+
+calendar > grid > label.today:selected { box-shadow: none; }
+
+calendar > grid > label:focus { outline-color: rgba(255, 255, 255, 0.6); outline-offset: -2px; outline-width: 2px; outline-style: solid; }
+
+calendar > grid > label.day-number { padding: 4px; }
+
+calendar > grid > label.day-number:selected { border-radius: 3px; }
+
+calendar > grid > label.day-number.other-month { color: alpha(currentColor,0.3); }
+
+/*********** Dialogs * */
+window.dialog.message .titlebar { min-height: 20px; background-image: none; background-color: #303030; border-style: none; border-top-left-radius: 7px; border-top-right-radius: 7px; }
+
+window.dialog.message box.dialog-vbox.vertical { border-spacing: 10px; }
+
+window.dialog.message label.title { font-weight: 800; font-size: 15pt; }
+
+window.dialog.message.csd.background { border-bottom-left-radius: 9px; border-bottom-right-radius: 9px; }
+
+window.dialog.message.csd .dialog-action-area button { padding: 10px 14px; border-radius: 0; border-left-style: solid; border-right-style: none; border-bottom-style: none; }
+
+window.dialog.message.csd .dialog-action-area button:first-child { border-left-style: none; border-bottom-left-radius: 7px; }
+
+window.dialog.message.csd .dialog-action-area button:last-child { border-bottom-right-radius: 7px; }
+
+filechooser .dialog-action-box { border-top: 1px solid #686868; }
+
+filechooser #pathbarbox { border-bottom: 1px solid #303030; }
+
+filechooserbutton > button > box { border-spacing: 6px; }
+
+filechooserbutton:drop(active) { box-shadow: none; border-color: transparent; }
+
+/*********** Sidebar * */
+.sidebar { background-color: #2e2e2e; }
+
+.sidebar:not(separator):dir(ltr), .sidebar.left:not(separator), .sidebar.left:not(separator):dir(rtl) { border-right: 1px solid #686868; border-left-style: none; }
+
+.sidebar:not(separator):dir(rtl), .sidebar.right:not(separator) { border-left: 1px solid #686868; border-right-style: none; }
+
+.sidebar listview.view, .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 list.separators:not(.horizontal) > row:not(.separator) { border-bottom: none; }
+
+stacksidebar row { padding: 10px 4px; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+stacksidebar row { outline: 0 solid transparent; outline-offset: 4px; }
+
+stacksidebar row:focus:focus-visible { outline-color: rgba(255, 255, 255, 0.6); outline-width: 2px; outline-offset: -2px; }
+
+stacksidebar row > label { padding-left: 6px; padding-right: 6px; }
+
+stacksidebar row.needs-attention > label { background-size: 6px 6px, 0 0; }
+
+stacksidebar row:selected { background-color: #161616; border-radius: 5px; color: #f3f3f1; }
+
+stacksidebar row:selected:hover:dir(ltr), stacksidebar row:selected:hover:dir(rtl) { background-color: #090909; }
+
+stacksidebar row.activatable:active, stacksidebar row.activatable:selected:active { box-shadow: none; }
+
+separator.sidebar { background-color: #686868; }
+
+/********************** Navigation Sidebar * */
+.navigation-sidebar { padding: 5px 0; }
+
+.navigation-sidebar > separator { margin: 5px; }
+
+.navigation-sidebar > row { min-height: 36px; padding: 0 8px; border-radius: 5px; margin: 0 5px 2px; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+.navigation-sidebar > row { outline: 0 solid transparent; outline-offset: 4px; }
+
+.navigation-sidebar > row:focus-visible:focus-within { outline-color: rgba(255, 255, 255, 0.6); outline-width: 2px; outline-offset: -2px; }
+
+.navigation-sidebar > row:hover { background-color: #090909; }
+
+.navigation-sidebar > row:selected { background-color: #161616; color: inherit; }
+
+.navigation-sidebar > row:selected:hover { background-color: #090909; }
+
+.navigation-sidebar > row:disabled { color: #919191; }
+
+/**************** File chooser * */
+row image.sidebar-icon { opacity: 0.7; }
+
+/* this should be more generic, only using .navigation-sidebar https://gitlab.gnome.org/GNOME/gtk/-/issues/2929 */
+placessidebar .navigation-sidebar > row { padding: 0; }
+
+placessidebar .navigation-sidebar > row > revealer { padding: 0 14px; }
+
+placessidebar .navigation-sidebar > row image.sidebar-icon:dir(ltr) { padding-right: 8px; }
+
+placessidebar .navigation-sidebar > row image.sidebar-icon:dir(rtl) { padding-left: 8px; }
+
+placessidebar .navigation-sidebar > row label.sidebar-label:dir(ltr) { padding-right: 2px; }
+
+placessidebar .navigation-sidebar > 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%; }
+
+placessidebar .navigation-sidebar > row:selected:active { box-shadow: none; }
+
+placessidebar .navigation-sidebar > row.sidebar-placeholder-row { padding: 0 8px; min-height: 2px; background-image: image(#26a269); background-clip: content-box; }
+
+placessidebar .navigation-sidebar > row.sidebar-new-bookmark-row { color: #0f3b71; }
+
+placessidebar .navigation-sidebar > row:drop(active):not(:disabled) { color: #26a269; box-shadow: inset 0 1px #26a269, inset 0 -1px #26a269; }
+
+placessidebar .navigation-sidebar > row:drop(active):not(:disabled):selected { color: #ffffff; background-color: #26a269; }
+
+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 > actionbar > revealer > box > box { border-spacing: 6px; }
+
+/********* Paned * */
+paned > separator { min-width: 1px; min-height: 1px; -gtk-icon-source: none; border-style: none; background-color: transparent; background-image: image(#686868); background-size: 1px 1px; }
+
+paned > separator:selected { background-image: image(#0f3b71); }
+
+paned > separator.wide { min-width: 5px; min-height: 5px; background-color: #303030; background-image: image(#686868), image(#686868); background-size: 1px 1px, 1px 1px; }
+
+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; }
+
+/************** GtkVideo * */
+video { background: black; }
+
+video image.osd { min-width: 64px; min-height: 64px; border-radius: 32px; }
+
+/************ Tooltips * */
+tooltip { padding: 6px 10px; border-radius: 8px; box-shadow: none; }
+
+tooltip.background { background-color: rgba(0, 0, 0, 0.8); background-clip: padding-box; border: 1px solid rgba(255, 255, 255, 0.1); color: white; }
+
+tooltip > box { border-spacing: 6px; }
+
+/***************** Color Chooser * */
+colorswatch { transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+colorswatch { outline: 0 solid transparent; outline-offset: 6px; }
+
+colorswatch:focus:focus-visible { outline-color: rgba(255, 255, 255, 0.6); outline-width: 4px; outline-offset: -2px; }
+
+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; }
+
+colorswatch.dark > overlay { color: white; }
+
+colorswatch.dark.activatable:hover > overlay { border-color: #686868; }
+
+colorswatch.light > overlay { color: black; }
+
+colorswatch.light.activatable:hover > overlay { border-color: #686868; }
+
+colorswatch:drop(active) { box-shadow: none; }
+
+colorswatch.light:drop(active) > overlay { border-color: #26a269; box-shadow: inset 0 0 0 2px #686868, inset 0 0 0 1px #26a269; }
+
+colorswatch.dark:drop(active) > overlay { border-color: #26a269; box-shadow: inset 0 0 0 2px #686868, inset 0 0 0 1px #26a269; }
+
+colorswatch > overlay { border: 1px solid #686868; }
+
+colorswatch.activatable:hover > overlay { box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), inset 0 -1px rgba(0, 0, 0, 0.2); }
+
+colorswatch#add-color-button { border-radius: 5px 0 0 5px; }
+
+colorswatch#add-color-button:only-child { border-radius: 5px; }
+
+colorswatch#add-color-button > overlay { color: #f3f3f1; outline-color: rgba(255, 255, 255, 0.6); border-color: #686868; background-image: linear-gradient(to top, #323232 2px, #353535); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); }
+
+colorswatch#add-color-button.activatable:hover > overlay { color: #f3f3f1; border-color: #686868; background-image: linear-gradient(to top, #2b2b2b 20%, #2d2d2d 90%); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); }
+
+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; }
+
+plane { transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+plane { outline: 0 solid transparent; outline-offset: 6px; }
+
+plane:focus:focus-visible { outline-color: rgba(255, 255, 255, 0.6); outline-width: 2px; outline-offset: 2px; }
+
+colorchooser .popover.osd { border-radius: 5px; }
+
+/******** Misc * */
+.content-view { background-color: #1e1e1e; }
+
+.content-view:hover { -gtk-icon-filter: brightness(1.2); }
+
+.content-view .tile { margin: 2px; background-color: black; border-radius: 0; padding: 0; }
+
+.content-view .tile:active, .content-view .tile:selected { background-color: #0f3b71; }
+
+.content-view .tile:disabled { background-color: #2f2f2f; }
+
+.osd .scale-popup button.flat { border-style: none; border-radius: 5px; }
+
+.scale-popup button:hover { background-color: rgba(243, 243, 241, 0.1); border-radius: 5px; }
+
+/********************** Window Decorations * */
+window { border-width: 0px; }
+
+window.csd { box-shadow: 0 3px 9px 1px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(0, 0, 0, 0.75); margin: 0px; border-radius: 8px 8px 0 0; }
+
+window.csd: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.75); transition: 200ms ease-out; }
+
+window.csd.popup { border-radius: 5px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.65); }
+
+window.csd.dialog.message { border-radius: 8px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.65); }
+
+window.solid-csd { margin: 0; padding: 4px; border: solid 1px #686868; border-radius: 0; box-shadow: inset 0 0 0 4px #686868, inset 0 0 0 3px #2d2d2d, inset 0 1px rgba(238, 238, 236, 0.07); }
+
+window.solid-csd:backdrop { box-shadow: inset 0 0 0 4px #686868, inset 0 0 0 3px #353535, inset 0 1px rgba(238, 238, 236, 0.07); }
+
+window.maximized, window.fullscreen { border-radius: 0; box-shadow: none; }
+
+window.tiled, window.tiled-top, window.tiled-left, window.tiled-right, window.tiled-bottom { border-radius: 0; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.75), 0 0 0 20px transparent; }
+
++window.tiled:backdrop, window.tiled-top:backdrop, window.tiled-left:backdrop, window.tiled-right:backdrop, window.tiled-bottom:backdrop { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.75), 0 0 0 20px transparent; }
+
+window.popup { box-shadow: none; }
+
+window.ssd { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.75); }
+
+tooltip.csd { border-radius: 5px; box-shadow: none; }
+
+.view:selected:focus, .view:selected, textview > text:selected:focus, textview > text:selected, iconview:selected:focus, iconview:selected, flowbox > flowboxchild:selected, gridview > child:selected, modelbutton.flat:selected, columnview.view:selected:focus, columnview.view:selected, treeview.view:selected:focus, treeview.view:selected, row:selected, calendar > grid > label.day-number:selected { background-color: #0f3b71; }
+
+label:selected, .view:selected:focus, .view:selected, textview > text:selected:focus, textview > text:selected, iconview:selected:focus, iconview:selected, flowbox > flowboxchild:selected, gridview > child:selected, modelbutton.flat:selected, columnview.view:selected:focus, columnview.view:selected, treeview.view:selected:focus, treeview.view:selected, row:selected, calendar > grid > label.day-number:selected { color: #ffffff; }
+
+label:disabled > selection, label:disabled:selected, .view:disabled:selected, textview > text:disabled:selected:focus, textview > text:disabled:selected, iconview:disabled:selected:focus, iconview:disabled:selected, flowbox > flowboxchild:disabled:selected, gridview > child:disabled:selected, modelbutton.flat:disabled:selected, columnview.view:disabled:selected, treeview.view:disabled:selected, row:disabled:selected, calendar > grid > label.day-number:disabled:selected { color: #879db8; }
+
+.monospace { font-family: monospace; }
+
+/********************** Touch Copy & Paste * */
+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; }
+
+cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets-hc/text-select-start-dark.png"), url("assets-hc/text-select-start-dark@2.png")); }
+
+cursor-handle.bottom:dir(ltr), cursor-handle.top:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets-hc/text-select-end-dark.png"), url("assets-hc/text-select-end-dark@2.png")); }
+
+cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets-hc/slider-horz-scale-has-marks-above-dark.png"), url("assets-hc/slider-horz-scale-has-marks-above-dark@2.png")); }
+
+cursor-handle.top:hover:dir(ltr), cursor-handle.bottom:hover:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets-hc/text-select-start-hover-dark.png"), url("assets-hc/text-select-start-hover-dark@2.png")); }
+
+cursor-handle.bottom:hover:dir(ltr), cursor-handle.top:hover:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets-hc/text-select-end-hover-dark.png"), url("assets-hc/text-select-end-hover-dark@2.png")); }
+
+cursor-handle.insertion-cursor:hover:dir(ltr), cursor-handle.insertion-cursor:hover:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets-hc/slider-horz-scale-has-marks-above-hover-dark.png"), url("assets-hc/slider-horz-scale-has-marks-above-hover-dark@2.png")); }
+
+cursor-handle.top:active:dir(ltr), cursor-handle.bottom:active:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets-hc/text-select-start-active-dark.png"), url("assets-hc/text-select-start-active-dark@2.png")); }
+
+cursor-handle.bottom:active:dir(ltr), cursor-handle.top:active:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets-hc/text-select-end-active-dark.png"), url("assets-hc/text-select-end-active-dark@2.png")); }
+
+cursor-handle.insertion-cursor:active:dir(ltr), cursor-handle.insertion-cursor:active:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets-hc/slider-horz-scale-has-marks-above-active-dark.png"), url("assets-hc/slider-horz-scale-has-marks-above-active-dark@2.png")); }
+
+shortcuts-section { margin: 20px; }
+
+.shortcuts-search-results { margin: 20px; border-spacing: 24px; }
+
+shortcut { border-spacing: 6px; }
+
+shortcut > .keycap { min-width: 20px; min-height: 25px; margin-top: 2px; padding-bottom: 3px; padding-left: 6px; padding-right: 6px; color: #f3f3f1; background-color: #2d2d2d; border: 1px solid; border-color: #686868; border-radius: 5px; box-shadow: inset 0 -3px #505050; font-size: smaller; }
+
+:not(decoration):not(window):drop(active):focus, :not(decoration):not(window):drop(active) { border-color: #26a269; box-shadow: inset 0 0 0 1px #26a269; caret-color: #26a269; }
+
+stackswitcher > button.text-button { min-width: 100px; }
+
+stackswitcher.circular { border-spacing: 12px; }
+
+stackswitcher.circular > button.circular, stackswitcher.circular > button.text-button.circular { min-width: 32px; min-height: 32px; padding: 0; }
+
+/************* App Icons * */
+/* Outline for low res icons */
+.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); }
+
+/* Drapshadow for large icons */
+.icon-dropshadow { -gtk-icon-shadow: 0 1px 12px rgba(0, 0, 0, 0.05), 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); }
+
+/********* Emoji * */
+popover.emoji-picker > contents { padding: 0; }
+
+.emoji-searchbar { padding: 6px; border-spacing: 6px; border-bottom: 1px solid #686868; }
+
+.emoji-toolbar { padding: 6px; border-spacing: 6px; border-top: 1px solid #686868; }
+
+button.emoji-section { border-color: transparent; border-width: 3px; border-style: none none solid; border-radius: 0; 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; }
+
+button.emoji-section:hover { border-color: rgba(243, 243, 241, 0.1); }
+
+button.emoji-section:checked { border-color: #0f3b71; }
+
+popover.emoji-picker emoji { font-size: x-large; padding: 6px; border-radius: 6px; }
+
+popover.emoji-picker emoji:focus, popover.emoji-picker emoji:hover { background: #0f3b71; }
+
+emoji-completion-row > box { border-spacing: 10px; padding: 2px 10px; }
+
+emoji-completion-row:focus, emoji-completion-row:hover { background-color: #0f3b71; color: #ffffff; }
+
+emoji-completion-row emoji:focus, emoji-completion-row emoji:hover { background-color: #161616; }
+
+popover.entry-completion > contents { padding: 0; }
+
+statusbar { padding: 6px 10px 6px 10px; }
+
+menubutton > button > box { border-spacing: 6px; }
+
+menubutton arrow { min-height: 16px; min-width: 16px; }
+
+menubutton arrow.none { -gtk-icon-source: -gtk-icontheme("open-menu-symbolic"); }
+
+menubutton arrow.down { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+
+menubutton arrow.up { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
+
+menubutton arrow.left { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); }
+
+menubutton arrow.right { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
--- /dev/null
- textview > text > selection:focus-within { background-color: #1b6acb; }
+/* GTK NAMED COLORS ---------------- use responsibly! */
+/*
+widget text/foreground color */
+@define-color theme_fg_color #272c2e;
+/*
+text color for entries, views and content in general */
+@define-color theme_text_color black;
+/*
+widget base background color */
+@define-color theme_bg_color #fdfdfc;
+/*
+text widgets and the like base background color */
+@define-color theme_base_color #ffffff;
+/*
+base background color of selections */
+@define-color theme_selected_bg_color #1b6acb;
+/*
+text/foreground color of selections */
+@define-color theme_selected_fg_color #ffffff;
+/*
+base background color of insensitive widgets */
+@define-color insensitive_bg_color #fefefd;
+/*
+text foreground color of insensitive widgets */
+@define-color insensitive_fg_color #929495;
+/*
+insensitive text widgets and the like base background color */
+@define-color insensitive_base_color #ffffff;
+/*
+widget text/foreground color on backdrop windows */
+@define-color theme_unfocused_fg_color #929595;
+/*
+text color for entries, views and content in general on backdrop windows */
+@define-color theme_unfocused_text_color black;
+/*
+widget base background color on backdrop windows */
+@define-color theme_unfocused_bg_color #f6f5f4;
+/*
+text widgets and the like base background color on backdrop windows */
+@define-color theme_unfocused_base_color #fcfcfc;
+/*
+base background color of selections on backdrop windows */
+@define-color theme_unfocused_selected_bg_color #1b6acb;
+/*
+text/foreground color of selections on backdrop windows */
+@define-color theme_unfocused_selected_fg_color #ffffff;
+/*
+insensitive color on backdrop windows*/
+@define-color unfocused_insensitive_color #d4cfca;
+/*
+widgets main borders color */
+@define-color borders #877b6e;
+/*
+widgets main borders color on backdrop windows */
+@define-color unfocused_borders #d5d0cc;
+/*
+these are pretty self explicative */
+@define-color warning_color #f57900;
+@define-color error_color #cc0000;
+@define-color success_color #33d17a;
+/*
+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... */
+@define-color wm_title shade(#272c2e, 1.8);
+@define-color wm_unfocused_title #929595;
+@define-color wm_highlight rgba(255, 255, 255, 0.8);
+@define-color wm_borders_edge rgba(255, 255, 255, 0.8);
+@define-color wm_bg_a shade(#fdfdfc, 1.2);
+@define-color wm_bg_b #fdfdfc;
+@define-color wm_shadow alpha(black, 0.35);
+@define-color wm_border alpha(black, 0.18);
+@define-color wm_button_hover_color_a shade(#fdfdfc, 1.3);
+@define-color wm_button_hover_color_b #fdfdfc;
+@define-color wm_button_active_color_a shade(#fdfdfc, 0.85);
+@define-color wm_button_active_color_b shade(#fdfdfc, 0.89);
+@define-color wm_button_active_color_c shade(#fdfdfc, 0.9);
+/* content view background such as thumbnails view in Photos or Boxes */
+@define-color content_view_bg #ffffff;
+/* Very contrasty background for text views (@theme_text_color foreground) */
+@define-color text_view_bg #ffffff;
+/*************************** Check and Radio buttons * */
+/*************** Base States * */
+.background { color: #272c2e; background-color: #fdfdfc; }
+
+.background:backdrop { text-shadow: none; -gtk-icon-shadow: none; }
+
+dnd { color: #272c2e; }
+
+.normal-icons { -gtk-icon-size: 16px; }
+
+.large-icons { -gtk-icon-size: 32px; }
+
+image:disabled { -gtk-icon-filter: opacity(0.5); }
+
+.view, iconview, textview > text { color: black; background-color: #ffffff; }
+
+.view:disabled, iconview:disabled, textview > text:disabled { color: #929495; background-color: #fefefd; }
+
+.view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, textview > text:selected:focus, textview > text:selected { border-radius: 3px; }
+
+textview > text > selection { background-color: rgba(141, 141, 141, 0.5); }
+
- label > selection:focus-within { background-color: #1b6acb; }
++textview > text > selection:focus-within { background-color: rgba(53, 132, 228, 0.3); }
+
+textview:drop(active) { caret-color: #2ec27e; }
+
+textview > border { background-color: #fefefe; }
+
+iconview { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+iconview { outline: 0 solid transparent; outline-offset: 4px; }
+
+iconview:focus:focus-visible { outline-color: rgba(27, 106, 203, 0.8); outline-width: 2px; outline-offset: -2px; }
+
+iconview:drop(active) { box-shadow: none; }
+
+iconview > dndtarget:drop(active) { border-style: solid; border-width: 1px; border-color: #124787; }
+
+rubberband, .content-view > rubberband, columnview.view > rubberband, treeview.view > rubberband, gridview > rubberband, flowbox > rubberband { border: 1px solid #15539e; background-color: rgba(21, 83, 158, 0.2); }
+
+flowbox > flowboxchild { padding: 3px; transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+flowbox > flowboxchild { outline: 0 solid transparent; outline-offset: 4px; }
+
+flowbox > flowboxchild:focus:focus-visible { outline-color: rgba(27, 106, 203, 0.8); outline-width: 2px; outline-offset: -2px; }
+
+flowbox > flowboxchild:selected { outline-color: white; }
+
+gridview > child { padding: 3px; transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+gridview > child { outline: 0 solid transparent; outline-offset: 4px; }
+
+gridview > child:focus:focus-visible { outline-color: rgba(27, 106, 203, 0.8); outline-width: 2px; outline-offset: -2px; }
+
+gridview > child:selected { outline-color: white; }
+
+gridview > child box { border-spacing: 8px; margin: 12px; }
+
+coverflow cover { color: black; background-color: #ffffff; border: 1px solid black; }
+
+label { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+label { outline: 0 solid transparent; outline-offset: 4px; }
+
+label:focus:focus-visible { outline-color: rgba(27, 106, 203, 0.8); outline-width: 2px; outline-offset: -2px; }
+
+label > selection { background-color: rgba(141, 141, 141, 0.5); color: #ffffff; }
+
- spinbutton.vertical > text > text > selection:focus-within, spinbutton:not(.vertical) > text > selection:focus-within, entry > text > selection:focus-within { background-color: #1b6acb; color: #ffffff; }
++label > selection:focus-within { background-color: rgba(53, 132, 228, 0.3); }
+
+label:disabled { color: #929495; }
+
+button label:disabled { color: inherit; }
+
+label.error { color: #cc0000; }
+
+label.error:disabled { color: rgba(204, 0, 0, 0.5); }
+
+.dim-label, .titlebar:not(headerbar) .subtitle, headerbar .subtitle, spinbutton.vertical > text > text > placeholder, spinbutton:not(.vertical) > text > placeholder, entry > text > placeholder, label.separator { opacity: 0.9; text-shadow: none; }
+
+window.assistant .sidebar { padding: 5px; border-top: 1px solid #877b6e; }
+
+window.assistant.csd .sidebar { border-top-style: none; }
+
+window.assistant .sidebar > label { padding: 6px 12px; }
+
+window.assistant .sidebar > label.highlight { background-color: #e6e3e0; border-radius: 5px; }
+
+window.aboutdialog image.large-icons { -gtk-icon-size: 128px; }
+
+.osd .scale-popup, .app-notification, .osd popover.background > arrow, .osd popover.background > contents, popover.background.touch-selection > arrow, popover.background.touch-selection > contents, popover.background.magnifier > arrow, popover.background.magnifier > contents, .osd { color: #eeeeec; border: none; background-color: rgba(53, 53, 53, 0.7); background-clip: padding-box; -gtk-icon-shadow: 0 1px black; }
+
+/********************* Spinner Animation * */
+@keyframes spin { to { 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; }
+
+/********************** General Typography * */
+.large-title { font-weight: 300; font-size: 24pt; }
+
+.title-1 { font-weight: 800; font-size: 20pt; }
+
+.title-2 { font-weight: 800; font-size: 15pt; }
+
+.title-3 { font-weight: 700; font-size: 15pt; }
+
+.title-4 { font-weight: 700; font-size: 13pt; }
+
+.heading { font-weight: 700; font-size: 11pt; }
+
+.body { font-weight: 400; font-size: 11pt; }
+
+.caption-heading { font-weight: 700; font-size: 9pt; }
+
+.caption { font-weight: 400; font-size: 9pt; }
+
+/**************** Text Entries * */
+spinbutton.vertical > text, spinbutton:not(.vertical), entry { min-height: 32px; padding-left: 8px; padding-right: 8px; border: 1px solid; border-radius: 5px; border-spacing: 6px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: black; border-color: #877b6e; background-color: #ffffff; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+spinbutton.vertical > text, spinbutton:not(.vertical), entry { outline: 0 solid transparent; outline-offset: 4px; }
+
+spinbutton.vertical > text:focus-within, spinbutton:focus-within:not(.vertical), entry:focus-within { outline-color: rgba(27, 106, 203, 0.8); outline-width: 2px; outline-offset: -2px; }
+
+spinbutton.vertical > text > image.left, spinbutton:not(.vertical) > image.left, entry > image.left { margin-right: 6px; }
+
+spinbutton.vertical > text > image.right, spinbutton:not(.vertical) > image.right, entry > image.right { margin-left: 6px; }
+
+spinbutton.vertical > text > text > block-cursor, spinbutton:not(.vertical) > text > block-cursor, entry > text > block-cursor { color: #ffffff; background-color: black; }
+
+spinbutton.vertical > text.flat, spinbutton.flat:not(.vertical), entry.flat:focus-within, entry.flat:backdrop, entry.flat:disabled, entry.flat { min-height: 0; padding: 2px; background-color: transparent; border-color: transparent; border-radius: 0; }
+
+spinbutton.vertical > text:focus-within > placeholder, spinbutton:focus-within:not(.vertical) > placeholder, entry:focus-within > placeholder { opacity: 0; /* We hide placeholders on focus */ }
+
+spinbutton.vertical > text:disabled, spinbutton:disabled:not(.vertical), entry:disabled { color: #929495; border-color: #877b6e; background-color: #fefefd; }
+
+spinbutton.vertical > text > text > selection, spinbutton:not(.vertical) > text > selection, entry > text > selection { background-color: rgba(141, 141, 141, 0.5); color: transparent; }
+
- spinbutton.vertical > text > selection:focus-within { background-color: #1b6acb; color: #ffffff; }
++spinbutton.vertical > text > text > selection:focus-within, spinbutton:not(.vertical) > text > selection:focus-within, entry > text > selection:focus-within { background-color: rgba(53, 132, 228, 0.3); color: #272c2e; }
+
+spinbutton.vertical > text.error, spinbutton.error:not(.vertical), entry.error { color: #cc0000; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+spinbutton.vertical > text.error, spinbutton.error:not(.vertical), entry.error { outline: 0 solid transparent; outline-offset: 4px; }
+
+spinbutton.vertical > text.error:focus-within, spinbutton.error:focus-within:not(.vertical), entry.error:focus-within { outline-color: rgba(204, 0, 0, 0.5); outline-width: 2px; outline-offset: -2px; }
+
+spinbutton.vertical > text.error > selection, spinbutton.error:not(.vertical) > selection, entry.error > selection { background-color: #cc0000; }
+
+spinbutton.vertical > text.warning, spinbutton.warning:not(.vertical), entry.warning { color: #f57900; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+spinbutton.vertical > text.warning, spinbutton.warning:not(.vertical), entry.warning { outline: 0 solid transparent; outline-offset: 4px; }
+
+spinbutton.vertical > text.warning:focus-within, spinbutton.warning:focus-within:not(.vertical), entry.warning:focus-within { outline-color: rgba(245, 121, 0, 0.5); outline-width: 2px; outline-offset: -2px; }
+
+spinbutton.vertical > text.warning > selection, spinbutton.warning:not(.vertical) > selection, entry.warning > selection { background-color: #f57900; }
+
+spinbutton.vertical > text > image, spinbutton:not(.vertical) > image, entry > image { color: #525658; }
+
+spinbutton.vertical > text > image:hover, spinbutton:not(.vertical) > image:hover, entry > image:hover { color: #272c2e; }
+
+spinbutton.vertical > text > image:active, spinbutton:not(.vertical) > image:active, entry > image:active { color: #1b6acb; }
+
+spinbutton.vertical > text.password image.caps-lock-indicator, spinbutton.password:not(.vertical) image.caps-lock-indicator, entry.password image.caps-lock-indicator { color: #a7aaaa; }
+
+spinbutton.vertical > text:drop(active), spinbutton:drop(active):not(.vertical), entry:drop(active):focus-within, entry:drop(active) { border-color: #2ec27e; box-shadow: inset 0 0 0 1px #2ec27e; }
+
+.osd spinbutton.vertical > text, .osd spinbutton:not(.vertical), .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; -gtk-icon-shadow: 0 1px black; }
+
+.osd spinbutton.vertical > text:focus-within, .osd spinbutton:focus-within:not(.vertical), .osd entry:focus-within { color: white; border-color: #1b6acb; background-color: rgba(0, 0, 0, 0.5); background-clip: padding-box; }
+
+.osd spinbutton.vertical > text:disabled, .osd spinbutton:disabled:not(.vertical), .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; }
+
+spinbutton.vertical > text > progress, spinbutton:not(.vertical) > progress, entry > progress { margin-bottom: 2px; }
+
+spinbutton.vertical > text progress > trough > progress, spinbutton:not(.vertical) progress > trough > progress, entry progress > trough > progress { background-color: transparent; background-image: none; border-radius: 0; border-width: 0 0 2px; border-color: #1b6acb; border-style: solid; box-shadow: none; }
+
+spinbutton.vertical.linked:not(.vertical) > text:drop(active) + text, spinbutton.vertical.linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + text, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + spinbutton:not(.vertical), .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + spinbutton:not(.vertical), spinbutton.vertical.linked:not(.vertical) > text:drop(active) + button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + menubutton > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + menubutton > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + dropdown > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + dropdown > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + colorbutton > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + colorbutton > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + fontbutton > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + fontbutton > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + filechooserbutton > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + filechooserbutton > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + combobox > box > button.combo, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + entry, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + entry, .linked:not(.vertical) > entry:drop(active) + button, .linked:not(.vertical) > entry:drop(active) + menubutton > button, .linked:not(.vertical) > entry:drop(active) + dropdown > button, .linked:not(.vertical) > entry:drop(active) + colorbutton > button, .linked:not(.vertical) > entry:drop(active) + fontbutton > button, .linked:not(.vertical) > entry:drop(active) + filechooserbutton > button, .linked:not(.vertical) > entry:drop(active) + combobox > box > button.combo, spinbutton.vertical.linked:not(.vertical) > entry:drop(active) + text, .linked:not(.vertical) > entry:drop(active) + spinbutton:not(.vertical), .linked:not(.vertical) > entry:drop(active) + entry { border-left-color: #2ec27e; }
+
+spinbutton.vertical.linked > text:not(:disabled) + entry:not(:disabled), .linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled), spinbutton.vertical.linked > text:not(:disabled) + text:not(:disabled), spinbutton.vertical.linked > spinbutton:not(:disabled):not(.vertical) + text:not(:disabled), spinbutton.vertical.linked > text:not(:disabled) + spinbutton:not(:disabled):not(.vertical), .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):not(.vertical), .linked.vertical > entry:not(:disabled) + entry:not(:disabled), spinbutton.vertical.linked > entry:not(:disabled) + text:not(:disabled), .linked.vertical > entry:not(:disabled) + spinbutton:not(:disabled):not(.vertical) { border-top-color: #dbd7d4; }
+
+spinbutton.vertical.linked > text:disabled + text:disabled, spinbutton.vertical.linked > spinbutton:disabled:not(.vertical) + text:disabled, spinbutton.vertical.linked > text:disabled + spinbutton:disabled:not(.vertical), .linked.vertical > spinbutton:disabled:not(.vertical) + spinbutton:disabled:not(.vertical), spinbutton.vertical.linked > text:disabled + entry:disabled, .linked.vertical > spinbutton:disabled:not(.vertical) + entry:disabled, spinbutton.vertical.linked > entry:disabled + text:disabled, .linked.vertical > entry:disabled + spinbutton:disabled:not(.vertical), .linked.vertical > entry:disabled + entry:disabled { border-top-color: #dbd7d4; }
+
+spinbutton.vertical.linked > text + text:drop(active):not(:only-child), spinbutton.vertical.linked > spinbutton:not(.vertical) + text:drop(active):not(:only-child), spinbutton.vertical.linked > text + spinbutton:drop(active):not(:only-child):not(.vertical), .linked.vertical > spinbutton:not(.vertical) + spinbutton:drop(active):not(:only-child):not(.vertical), spinbutton.vertical.linked > text + entry:drop(active):not(:only-child), .linked.vertical > spinbutton:not(.vertical) + entry:drop(active):not(:only-child), spinbutton.vertical.linked > entry + text:drop(active):not(:only-child), .linked.vertical > entry + spinbutton:drop(active):not(:only-child):not(.vertical), .linked.vertical > entry + entry:drop(active):not(:only-child) { border-top-color: #2ec27e; }
+
+spinbutton.vertical.linked > text:drop(active):not(:only-child) + text, spinbutton.vertical.linked > spinbutton:drop(active):not(:only-child):not(.vertical) + text, spinbutton.vertical.linked > text:drop(active):not(:only-child) + spinbutton:not(.vertical), .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + spinbutton:not(.vertical), spinbutton.vertical.linked > text:drop(active):not(:only-child) + entry, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + entry, spinbutton.vertical.linked > text:drop(active):not(:only-child) + button, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + button, spinbutton.vertical.linked > text:drop(active):not(:only-child) + menubutton > button, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + menubutton > button, spinbutton.vertical.linked > text:drop(active):not(:only-child) + dropdown > button, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + dropdown > button, spinbutton.vertical.linked > text:drop(active):not(:only-child) + colorbutton > button, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + colorbutton > button, spinbutton.vertical.linked > text:drop(active):not(:only-child) + fontbutton > button, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + fontbutton > button, spinbutton.vertical.linked > text:drop(active):not(:only-child) + filechooserbutton > button, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + filechooserbutton > button, spinbutton.vertical.linked > text:drop(active):not(:only-child) + combobox > box > button.combo, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + combobox > box > button.combo, spinbutton.vertical.linked > entry:drop(active):not(:only-child) + text, .linked.vertical > entry:drop(active):not(:only-child) + spinbutton:not(.vertical), .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) + menubutton > button, .linked.vertical > entry:drop(active):not(:only-child) + dropdown > button, .linked.vertical > entry:drop(active):not(:only-child) + colorbutton > button, .linked.vertical > entry:drop(active):not(:only-child) + fontbutton > button, .linked.vertical > entry:drop(active):not(:only-child) + filechooserbutton > button, .linked.vertical > entry:drop(active):not(:only-child) + combobox > box > button.combo { border-top-color: #2ec27e; }
+
+spinbutton.vertical > text.error, spinbutton.error:not(.vertical), entry.error { color: #cc0000; }
+
+treeview entry:focus-within:dir(rtl), treeview entry:focus-within:dir(ltr) { background-color: #ffffff; transition-property: color, background; }
+
+treeview entry.flat, treeview entry { border-radius: 0; background-image: none; background-color: #ffffff; }
+
+treeview entry.flat:focus-within, treeview entry:focus-within { border-color: #1b6acb; }
+
+/******************* Editable Labels * */
+editablelabel > stack > text { color: black; border-color: #877b6e; background-color: #ffffff; }
+
+/*********** Buttons * */
+@keyframes needs_attention { from { background-image: radial-gradient(farthest-side, #1b6acb 0%, rgba(27, 106, 203, 0) 0%); }
+ to { background-image: radial-gradient(farthest-side, #1b6acb 95%, rgba(27, 106, 203, 0)); } }
+
+notebook > header > tabs > arrow, windowcontrols button, 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: #272c2e; outline-color: rgba(27, 106, 203, 0.8); border-color: #877b6e; background-image: linear-gradient(to top, #fafaf9 2px, white); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+notebook > header > tabs > arrow, windowcontrols button, button { outline: 0 solid transparent; outline-offset: 4px; }
+
+notebook > header > tabs > arrow:focus:focus-visible, button:focus:focus-visible { outline-color: rgba(27, 106, 203, 0.8); outline-width: 2px; outline-offset: -2px; }
+
+notebook > header > tabs > arrow:hover, button:hover { color: #272c2e; border-color: #877b6e; background-image: linear-gradient(to top, #dad6d2, #edebe9 1px); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); -gtk-icon-filter: brightness(1.2); }
+
+notebook > header > tabs > arrow.keyboard-activating, notebook > header > tabs > arrow:active, notebook > header > tabs > arrow:checked, button.keyboard-activating, button:active, button:checked { color: #272c2e; border-color: #877b6e; background-image: image(#dfdbd8); box-shadow: none; transition-duration: 50ms; }
+
+notebook > header > tabs > arrow:checked:hover, button:checked:hover { color: #272c2e; border-color: #877b6e; background-image: image(#d6d1cd); box-shadow: none; }
+
+notebook > header > tabs > arrow:checked:active, button:checked:active { color: #272c2e; border-color: #877b6e; background-image: image(#cdc7c1); box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop, button.flat:backdrop, button:backdrop { color: #929595; border-color: #d5d0cc; background-image: image(#f6f5f4); box-shadow: none; transition: 200ms ease-out; }
+
+notebook > header > tabs > arrow:backdrop:not(:disabled), button.flat:backdrop:not(:disabled), button:backdrop:not(:disabled) { -gtk-icon-filter: none; }
+
+notebook > header > tabs > arrow:backdrop:active, notebook > header > tabs > arrow:backdrop:checked, button.flat:backdrop:active, button.flat:backdrop:checked, button:backdrop:active, button:backdrop:checked { color: #929595; border-color: #d5d0cc; background-image: image(#ebebeb); box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop:disabled, button.flat:backdrop:disabled, button:backdrop:disabled { color: #d4cfca; border-color: #d5d0cc; background-image: image(#fefefd); box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, button.flat:backdrop:disabled:active, button.flat:backdrop:disabled:checked, button:backdrop:disabled:active, button:backdrop:disabled:checked { color: #d4cfca; border-color: #d5d0cc; background-image: image(#ebebeb); box-shadow: none; }
+
+notebook > header > tabs > arrow:disabled, button:disabled { color: #929495; border-color: #9e958b; background-image: image(#fefefd); -gtk-icon-filter: opacity(0.5); }
+
+notebook > header > tabs > arrow:disabled:active, notebook > header > tabs > arrow:disabled:checked, button:disabled:active, button:disabled:checked { color: #929495; border-color: #9e958b; background-image: image(#ebebeb); box-shadow: none; }
+
+button.sidebar-button, notebook > header > tabs > arrow, windowcontrols button, .toolbar > button, .toolbar > :not(.linked) > button, .toolbar :not(.linked) > menubutton > button, .toolbar :not(.linked) > scalebutton > button, .toolbar :not(.linked) > dropdown > button, .toolbar :not(.linked) > colorbutton > button, .toolbar :not(.linked) > fontbutton > button, .toolbar :not(.linked) > appchooserbutton > button, .toolbar :not(.linked) > combobox > box > button, notebook > header > tabs > arrow.flat, button.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: none; }
+
+button.sidebar-button:hover, notebook > header > tabs > arrow:hover, windowcontrols button:hover, .toolbar > button:hover, .toolbar > :not(.linked) > button:hover, .toolbar :not(.linked) > menubutton > button:hover, .toolbar :not(.linked) > scalebutton > button:hover, .toolbar :not(.linked) > dropdown > button:hover, .toolbar :not(.linked) > colorbutton > button:hover, .toolbar :not(.linked) > fontbutton > button:hover, .toolbar :not(.linked) > appchooserbutton > button:hover, .toolbar :not(.linked) > combobox > box > button:hover, button.flat:hover { border-color: transparent; background-image: none; box-shadow: none; background-color: #dfdbd8; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-duration: 500ms; }
+
+button.keyboard-activating.sidebar-button, notebook > header > tabs > arrow.keyboard-activating, windowcontrols button.keyboard-activating, .toolbar > button.keyboard-activating, .toolbar > :not(.linked) > button.keyboard-activating, .toolbar :not(.linked) > menubutton > button.keyboard-activating, .toolbar :not(.linked) > scalebutton > button.keyboard-activating, .toolbar :not(.linked) > dropdown > button.keyboard-activating, .toolbar :not(.linked) > colorbutton > button.keyboard-activating, .toolbar :not(.linked) > fontbutton > button.keyboard-activating, .toolbar :not(.linked) > appchooserbutton > button.keyboard-activating, .toolbar :not(.linked) > combobox > box > button.keyboard-activating, button.sidebar-button:active, notebook > header > tabs > arrow:active, windowcontrols button:active, .toolbar > button:active, .toolbar > :not(.linked) > button:active, .toolbar :not(.linked) > menubutton > button:active, .toolbar :not(.linked) > scalebutton > button:active, .toolbar :not(.linked) > dropdown > button:active, .toolbar :not(.linked) > colorbutton > button:active, .toolbar :not(.linked) > fontbutton > button:active, .toolbar :not(.linked) > appchooserbutton > button:active, .toolbar :not(.linked) > combobox > box > button:active, button.sidebar-button:checked, notebook > header > tabs > arrow:checked, windowcontrols button:checked, .toolbar > button:checked, .toolbar > :not(.linked) > button:checked, .toolbar :not(.linked) > menubutton > button:checked, .toolbar :not(.linked) > scalebutton > button:checked, .toolbar :not(.linked) > dropdown > button:checked, .toolbar :not(.linked) > colorbutton > button:checked, .toolbar :not(.linked) > fontbutton > button:checked, .toolbar :not(.linked) > appchooserbutton > button:checked, .toolbar :not(.linked) > combobox > box > button:checked, button.flat.keyboard-activating, button.flat:active, button.flat:checked { border-color: transparent; background-image: none; box-shadow: none; background-color: #d1ccc7; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+button.sidebar-button:backdrop, notebook > header > tabs > arrow:backdrop, windowcontrols button:backdrop, .toolbar > button:backdrop, .toolbar > :not(.linked) > button:backdrop, .toolbar :not(.linked) > menubutton > button:backdrop, .toolbar :not(.linked) > scalebutton > button:backdrop, .toolbar :not(.linked) > dropdown > button:backdrop, .toolbar :not(.linked) > colorbutton > button:backdrop, .toolbar :not(.linked) > fontbutton > button:backdrop, .toolbar :not(.linked) > appchooserbutton > button:backdrop, .toolbar :not(.linked) > combobox > box > button:backdrop, button.sidebar-button:disabled, notebook > header > tabs > arrow:disabled, windowcontrols button:disabled, .toolbar > button:disabled, .toolbar > :not(.linked) > button:disabled, .toolbar :not(.linked) > menubutton > button:disabled, .toolbar :not(.linked) > scalebutton > button:disabled, .toolbar :not(.linked) > dropdown > button:disabled, .toolbar :not(.linked) > colorbutton > button:disabled, .toolbar :not(.linked) > fontbutton > button:disabled, .toolbar :not(.linked) > appchooserbutton > button:disabled, .toolbar :not(.linked) > combobox > box > button:disabled, button.flat:backdrop, button.flat:disabled, button.flat:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow.image-button, button.image-button { min-width: 24px; padding-left: 5px; padding-right: 5px; }
+
+notebook > header > tabs > arrow.text-button, button.text-button { padding-left: 16px; padding-right: 16px; }
+
+notebook > header > tabs > arrow.text-button.image-button, button.text-button.image-button { padding-left: 8px; padding-right: 8px; }
+
+notebook > header > tabs > arrow.text-button.image-button label, button.text-button.image-button label { padding-left: 8px; padding-right: 8px; }
+
+notebook > header > tabs > arrow.arrow-button, button.arrow-button { padding-left: 10px; padding-right: 10px; }
+
+notebook > header > tabs > arrow.arrow-button > box, windowcontrols button.arrow-button > box, button.arrow-button > box { border-spacing: 4px; }
+
+dropdown:drop(active) button.combo, combobox:drop(active) button.combo, notebook > header > tabs > arrow:drop(active), button:drop(active) { color: #2ec27e; border-color: #2ec27e; box-shadow: inset 0 0 0 1px #2ec27e; }
+
+row:selected button { border-color: #124787; }
+
+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; }
+
+button.osd { min-width: 26px; min-height: 32px; color: #eeeeec; border-radius: 5px; color: #eeeeec; outline-color: rgba(27, 106, 203, 0.8); border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(53, 53, 53, 0.7)); background-clip: padding-box; border: none; box-shadow: none; }
+
+button.osd.image-button { min-width: 30px; }
+
+button.osd.image-button:only-child { margin: 4px; border-radius: 50%; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); }
+
+button.osd:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(27, 27, 27, 0.7)); background-clip: padding-box; border: none; box-shadow: none; }
+
+button.osd:active, button.osd:checked { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(2, 2, 2, 0.7)); background-clip: padding-box; box-shadow: none; border: none; box-shadow: none; }
+
+.app-notification button, popover.background.touch-selection button, popover.background.magnifier button, .osd button { color: #eeeeec; outline-color: rgba(27, 106, 203, 0.8); border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(53, 53, 53, 0.7)); background-clip: padding-box; }
+
+.app-notification button:hover, popover.background.touch-selection button:hover, popover.background.magnifier button:hover, .osd button:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(27, 27, 27, 0.7)); background-clip: padding-box; }
+
+.app-notification button:active, popover.background.touch-selection button:active, popover.background.magnifier button:active, .app-notification button:checked, popover.background.touch-selection button:checked, popover.background.magnifier 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(2, 2, 2, 0.7)); background-clip: padding-box; box-shadow: none; }
+
+.app-notification button:disabled, popover.background.touch-selection button:disabled, popover.background.magnifier 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; }
+
+.app-notification button.flat, popover.background.touch-selection button.flat, popover.background.magnifier button.flat, .osd button.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; box-shadow: none; -gtk-icon-shadow: 0 1px black; }
+
+.app-notification button.flat:hover, popover.background.touch-selection button.flat:hover, popover.background.magnifier button.flat:hover, .osd button.flat:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(27, 27, 27, 0.7)); background-clip: padding-box; }
+
+.app-notification button.flat:disabled, popover.background.touch-selection button.flat:disabled, popover.background.magnifier 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; background-image: none; border-color: transparent; box-shadow: none; }
+
+.app-notification button.flat:active, popover.background.touch-selection button.flat:active, popover.background.magnifier button.flat:active, .app-notification button.flat:checked, popover.background.touch-selection button.flat:checked, popover.background.magnifier 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(2, 2, 2, 0.7)); background-clip: padding-box; box-shadow: none; }
+
+button.suggested-action { color: white; outline-color: white; border-color: #0f3b71; background-image: linear-gradient(to top, #1a66c2 2px, #1b6acb); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+button.suggested-action { outline: 0 solid transparent; outline-offset: 4px; }
+
+button.suggested-action:focus:focus-visible { outline-color: white; outline-width: 2px; outline-offset: -2px; }
+
+button.suggested-action.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: #1b6acb; }
+
+button.suggested-action:hover { color: white; border-color: #124787; background-image: linear-gradient(to top, #114583, #1658a7 1px); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); }
+
+button.suggested-action:active, button.suggested-action:checked { color: white; border-color: #124787; background-image: image(#13498c); box-shadow: none; }
+
+button.suggested-action.flat:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: rgba(27, 106, 203, 0.8); }
+
+button.suggested-action:disabled { color: #929495; border-color: #9e958b; background-image: image(#fefefd); }
+
+button.suggested-action:disabled:active, button.suggested-action:disabled:checked { color: #aac5e4; border-color: #124787; background-image: image(#2b6dbc); box-shadow: none; }
+
+.osd button.suggested-action { color: #eeeeec; outline-color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(27, 106, 203, 0.5)); background-clip: padding-box; }
+
+.osd button.suggested-action:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(27, 106, 203, 0.7)); background-clip: padding-box; }
+
+.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(#1b6acb); background-clip: padding-box; box-shadow: none; }
+
+.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; }
+
+button.destructive-action { color: white; outline-color: white; border-color: #851015; background-image: linear-gradient(to top, #d71a23 2px, #e01b24); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+button.destructive-action { outline: 0 solid transparent; outline-offset: 4px; }
+
+button.destructive-action:focus:focus-visible { outline-color: white; outline-width: 2px; outline-offset: -2px; }
+
+button.destructive-action.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: #e01b24; }
+
+button.destructive-action:hover { color: white; border-color: #9c1319; background-image: linear-gradient(to top, #971218, #bc171e 1px); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); }
+
+button.destructive-action:active, button.destructive-action:checked { color: white; border-color: #9c1319; background-image: image(#a0131a); box-shadow: none; }
+
+button.destructive-action.flat:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: rgba(224, 27, 36, 0.8); }
+
+button.destructive-action:disabled { color: #929495; border-color: #9e958b; background-image: image(#fefefd); }
+
+button.destructive-action:disabled:active, button.destructive-action:disabled:checked { color: #f1a5a8; border-color: #9c1319; background-image: image(#dc1d27); box-shadow: none; }
+
+.osd button.destructive-action { color: #eeeeec; outline-color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(224, 27, 36, 0.5)); background-clip: padding-box; }
+
+.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; }
+
+.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; }
+
+.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; }
+
+stackswitcher > button > label { padding: 0 6px; margin: 0 -6px; }
+
+stackswitcher > button > image { padding: 3px 6px; margin: -3px -6px; }
+
+button.font separator { background-color: transparent; }
+
+button.font > box { border-spacing: 6px; }
+
+button.font > box > box > label { font-weight: bold; }
+
+menubutton.circular button, button.circular { min-width: 32px; min-height: 32px; padding: 0; border-radius: 9999px; }
+
+menubutton.circular button label, button.circular label { padding: 0; }
+
+stacksidebar row.needs-attention > label, stackswitcher > button.needs-attention > label, stackswitcher > button.needs-attention > image { animation: needs_attention 150ms ease-in; background-image: radial-gradient(farthest-side, #1b6acb 96%, rgba(27, 106, 203, 0)); background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; background-position: right 3px, right 4px; }
+
+stacksidebar row.needs-attention > label:backdrop, stackswitcher > button.needs-attention > label:backdrop, stackswitcher > button.needs-attention > image:backdrop { background-size: 6px 6px, 0 0; }
+
+stacksidebar row.needs-attention > label:dir(rtl), stackswitcher > button.needs-attention > label:dir(rtl), stackswitcher > button.needs-attention > image:dir(rtl) { background-position: left 3px, left 4px; }
+
+.linked:not(.vertical) > filechooserbutton > combobox:dir(rtl):not(:last-child) > box > button.combo, .linked:not(.vertical) > appchooserbutton > combobox:dir(rtl):not(:last-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(rtl):not(:last-child) > box > button.combo, .linked:not(.vertical) > filechooserbutton > combobox:dir(ltr):not(:first-child) > box > button.combo, .linked:not(.vertical) > appchooserbutton > combobox:dir(ltr):not(:first-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(ltr):not(:first-child) > box > button.combo, dropdown.linked button:nth-child(2):dir(ltr), combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > menubutton:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > dropdown:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > colorbutton:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > fontbutton:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > filechooserbutton:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > menubutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > dropdown:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > colorbutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > fontbutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > filechooserbutton:dir(ltr):not(:first-child) > button, spinbutton.vertical.linked:not(.vertical) > text:dir(rtl):not(:last-child), .linked:not(.vertical) > spinbutton:dir(rtl):not(:last-child):not(.vertical), .linked:not(.vertical) > entry:dir(rtl):not(:last-child), .linked:not(.vertical) > button:dir(rtl):not(:last-child), spinbutton.vertical.linked:not(.vertical) > text:dir(ltr):not(:first-child), .linked:not(.vertical) > spinbutton:dir(ltr):not(:first-child):not(.vertical), .linked:not(.vertical) > entry:dir(ltr):not(:first-child), .linked:not(.vertical) > button:dir(ltr):not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; }
+
+.linked:not(.vertical) > filechooserbutton > combobox:dir(rtl):not(:first-child) > box > button.combo, .linked:not(.vertical) > appchooserbutton > combobox:dir(rtl):not(:first-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(rtl):not(:first-child) > box > button.combo, .linked:not(.vertical) > filechooserbutton > combobox:dir(ltr):not(:last-child) > box > button.combo, .linked:not(.vertical) > appchooserbutton > combobox:dir(ltr):not(:last-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(ltr):not(:last-child) > box > button.combo, dropdown.linked button:nth-child(2):dir(rtl), combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > menubutton:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > dropdown:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > colorbutton:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > fontbutton:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > filechooserbutton:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > menubutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > dropdown:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > colorbutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > fontbutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > filechooserbutton:dir(ltr):not(:last-child) > button, spinbutton.vertical.linked:not(.vertical) > text:dir(rtl):not(:first-child), .linked:not(.vertical) > spinbutton:dir(rtl):not(:first-child):not(.vertical), .linked:not(.vertical) > entry:dir(rtl):not(:first-child), .linked:not(.vertical) > button:dir(rtl):not(:first-child), spinbutton.vertical.linked:not(.vertical) > text:dir(ltr):not(:last-child), .linked:not(.vertical) > spinbutton:dir(ltr):not(:last-child):not(.vertical), .linked:not(.vertical) > entry:dir(ltr):not(:last-child), .linked:not(.vertical) > button:dir(ltr):not(:last-child) { border-right-style: none; border-top-right-radius: 0; border-bottom-right-radius: 0; }
+
+.linked.vertical > filechooserbutton > combobox:not(:first-child) > box > button.combo, .linked.vertical > appchooserbutton > combobox:not(:first-child) > box > button.combo, .linked.vertical > combobox:not(:first-child) > box > button.combo, .linked.vertical > menubutton:not(:first-child) > button, .linked.vertical > dropdown:not(:first-child) > button, .linked.vertical > colorbutton:not(:first-child) > button, .linked.vertical > fontbutton:not(:first-child) > button, .linked.vertical > filechooserbutton:not(:first-child) > button, spinbutton.vertical.linked > text:not(:first-child), .linked.vertical > spinbutton:not(:first-child):not(.vertical), .linked.vertical > entry:not(:first-child), .linked.vertical > button:not(:first-child) { border-top-left-radius: 0; border-top-right-radius: 0; }
+
+.linked.vertical > filechooserbutton > combobox:not(:last-child) > box > button.combo, .linked.vertical > appchooserbutton > combobox:not(:last-child) > box > button.combo, .linked.vertical > combobox:not(:last-child) > box > button.combo, .linked.vertical > menubutton:not(:last-child) > button, .linked.vertical > dropdown:not(:last-child) > button, .linked.vertical > colorbutton:not(:last-child) > button, .linked.vertical > fontbutton:not(:last-child) > button, .linked.vertical > filechooserbutton:not(:last-child) > button, spinbutton.vertical.linked > text:not(:last-child), .linked.vertical > spinbutton:not(:last-child):not(.vertical), .linked.vertical > entry:not(:last-child), .linked.vertical > button:not(:last-child) { border-bottom-style: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
+
+.scale-popup button:hover, button.link, button.link:hover, button.link:active, button.link:checked, popover.menu box.circular-buttons button.circular.image-button.model, list > row button.image-button:not(.flat), modelbutton.flat { 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; }
+
+/* menu buttons */
+modelbutton.flat { min-height: 26px; padding-left: 5px; padding-right: 5px; border-radius: 5px; }
+
+modelbutton.flat:hover { background-color: #e6e3e0; }
+
+modelbutton.flat:disabled { color: #929495; }
+
+modelbutton.flat arrow { background: none; min-width: 16px; min-height: 16px; opacity: 0.3; }
+
+modelbutton.flat arrow:hover { background: none; }
+
+modelbutton.flat arrow.left { -gtk-icon-source: -gtk-icontheme("go-previous-symbolic"); }
+
+modelbutton.flat arrow.right { -gtk-icon-source: -gtk-icontheme("go-next-symbolic"); }
+
+/* oldstyle toolbar buttons */
+.toolbar > button, .toolbar > :not(.linked) > button, .toolbar :not(.linked) > menubutton > button, .toolbar :not(.linked) > scalebutton > button, .toolbar :not(.linked) > dropdown > button, .toolbar :not(.linked) > colorbutton > button, .toolbar :not(.linked) > fontbutton > button, .toolbar :not(.linked) > appchooserbutton > button, .toolbar :not(.linked) > combobox > box > button { margin: 1px; }
+
+button.color { padding: 4px; }
+
+button.color > colorswatch:only-child { box-shadow: 0 1px rgba(0, 0, 0, 0.1); }
+
+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:active colorswatch:only-child, .osd button.color:checked colorswatch:only-child, button.color:disabled colorswatch:only-child, button.color:active colorswatch:only-child, button.color:checked colorswatch:only-child { box-shadow: none; }
+
+/* list buttons */
+/* tone down as per new designs, see issue #1473 */
+popover.menu box.circular-buttons button.circular.image-button.model, list > row button.image-button:not(.flat) { border: 1px solid rgba(135, 123, 110, 0.5); }
+
+popover.menu box.circular-buttons button.circular.image-button.model:hover, list > row button.image-button:not(.flat):hover { color: #272c2e; border-color: #877b6e; background-image: linear-gradient(to top, #dad6d2, #edebe9 1px); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); }
+
+popover.menu box.circular-buttons button.circular.image-button.model:active, popover.menu box.circular-buttons button.circular.image-button.model:checked, list > row button.image-button:not(.flat):active, list > row button.image-button:not(.flat):checked { color: #272c2e; border-color: #877b6e; background-image: image(#dfdbd8); box-shadow: none; }
+
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model, list > row button.image-button.suggested-action:not(.flat) { color: white; outline-color: white; border-color: #0f3b71; background-image: linear-gradient(to top, #1a66c2 2px, #1b6acb); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model, list > row button.image-button.suggested-action:not(.flat) { outline: 0 solid transparent; outline-offset: 4px; }
+
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:focus:focus-visible, list > row button.image-button.suggested-action:not(.flat):focus:focus-visible { outline-color: white; outline-width: 2px; outline-offset: -2px; }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model, list > row button.image-button.destructive-action:not(.flat) { color: white; outline-color: white; border-color: #851015; background-image: linear-gradient(to top, #d71a23 2px, #e01b24); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model, list > row button.image-button.destructive-action:not(.flat) { outline: 0 solid transparent; outline-offset: 4px; }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:focus:focus-visible, list > row button.image-button.destructive-action:not(.flat):focus:focus-visible { outline-color: white; outline-width: 2px; outline-offset: -2px; }
+
+/********* Links * */
+button.link, link { color: #1b6acb; text-decoration: underline; }
+
+button.link:visited, link:visited { color: #15539e; }
+
+*:selected button.link:visited, *:selected link:visited { color: #a1bad8; }
+
+button.link:hover, link:hover { color: #3584e4; }
+
+*:selected button.link:hover, *:selected link:hover { color: #ebf3fc; }
+
+button.link:active, link:active { color: #1b6acb; }
+
+*:selected button.link:active, *:selected link:active { color: #d1e1f5; }
+
+button.link:disabled, link:disabled { color: rgba(115, 115, 115, 0.8); }
+
+button.link:selected, *:selected button.link, link:selected, *:selected link { color: #d1e1f5; }
+
+link { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+link { outline: 0 solid transparent; outline-offset: 4px; }
+
+link:focus:focus-visible { outline-color: rgba(27, 106, 203, 0.8); outline-width: 2px; outline-offset: -2px; }
+
+button.link, button.link:hover, button.link:active, button.link:checked { text-shadow: none; }
+
+button.link > label { text-decoration: underline; }
+
+/***************** GtkSpinButton * */
+spinbutton { font-feature-settings: "tnum"; }
+
+spinbutton:not(.vertical) { padding: 0; border-spacing: 0; /* :not here just to bump specificity above that of the list button styling */ }
+
+.osd spinbutton:not(.vertical) > text, spinbutton:not(.vertical) > text { min-width: 28px; margin: 0; background: none; background-color: transparent; border: none; border-radius: 0; box-shadow: none; padding: 6px; }
+
+.osd spinbutton:not(.vertical) > text:backdrop:disabled, spinbutton:not(.vertical) > text:backdrop:disabled { background-color: transparent; }
+
+spinbutton:not(.vertical) > button.image-button.up:not(.flat), spinbutton:not(.vertical) > button.image-button.down:not(.flat) { min-height: 16px; margin: 0; padding-bottom: 0; padding-top: 0; color: #3d4143; background-image: none; border-style: none none none solid; border-color: rgba(135, 123, 110, 0.3); border-radius: 0; box-shadow: none; }
+
+spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(rtl), spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(rtl) { border-style: none solid none none; }
+
+spinbutton:not(.vertical) > button.image-button.up:not(.flat):hover, spinbutton:not(.vertical) > button.image-button.down:not(.flat):hover { color: #272c2e; background-color: #f1f0ee; }
+
+spinbutton:not(.vertical) > button.image-button.up:not(.flat):disabled, spinbutton:not(.vertical) > button.image-button.down:not(.flat):disabled { color: rgba(146, 148, 149, 0.3); background-color: transparent; }
+
+spinbutton:not(.vertical) > button.image-button.up:not(.flat):active, spinbutton:not(.vertical) > button.image-button.down:not(.flat):active { background-color: rgba(0, 0, 0, 0.1); box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.2); }
+
+spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(ltr):last-child, spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(ltr):last-child { border-radius: 0 5px 5px 0; }
+
+spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(rtl):first-child, spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(rtl):first-child { border-radius: 5px 0 0 5px; }
+
+.osd spinbutton:not(.vertical) > button.image-button.up:not(.flat), .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat) { border-color: transparent; background-color: transparent; background-image: none; box-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.image-button.up:not(.flat):dir(rtl), .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(rtl) { border-style: none solid none none; }
+
+.osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):hover, .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):hover { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: #eeeeec; border-color: rgba(0, 0, 0, 0.5); background-color: rgba(27, 27, 27, 0.7); -gtk-icon-shadow: 0 1px black; box-shadow: none; }
+
+.osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):disabled, .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: #919190; border-color: rgba(0, 0, 0, 0.5); -gtk-icon-shadow: none; box-shadow: none; }
+
+.osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(ltr):last-child, .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(ltr):last-child { border-radius: 0 5px 5px 0; }
+
+.osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(rtl):first-child, .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(rtl):first-child { border-radius: 5px 0 0 5px; }
+
+spinbutton.vertical:disabled { color: #929495; }
+
+spinbutton.vertical:drop(active) { border-color: transparent; box-shadow: none; }
+
+spinbutton.vertical > text { min-height: 32px; min-width: 32px; padding: 0; border-radius: 0; }
+
+spinbutton.vertical > text > selection { background-color: rgba(141, 141, 141, 0.5); color: transparent; }
+
- columnview row:not(:selected) cell editablelabel.editing text selection:focus-within { background-color: #1b6acb; color: #ffffff; }
++spinbutton.vertical > text > selection:focus-within { background-color: rgba(53, 132, 228, 0.3); color: #ffffff; }
+
+spinbutton.vertical > text > block-cursor { color: #ffffff; background-color: black; }
+
+spinbutton.vertical > button { min-height: 32px; min-width: 32px; padding: 0; }
+
+spinbutton.vertical > button.up { border-bottom-style: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
+
+spinbutton.vertical > button.down { border-top-style: none; border-top-left-radius: 0; border-top-right-radius: 0; }
+
+.osd spinbutton.vertical > button:first-child { color: #eeeeec; outline-color: rgba(27, 106, 203, 0.8); border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(53, 53, 53, 0.7)); background-clip: padding-box; }
+
+.osd spinbutton.vertical > button:first-child:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(27, 27, 27, 0.7)); background-clip: padding-box; }
+
+.osd spinbutton.vertical > button:first-child:active { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(2, 2, 2, 0.7)); background-clip: padding-box; box-shadow: none; }
+
+.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; }
+
+treeview spinbutton:not(.vertical) { min-height: 0; border-style: none; border-radius: 0; }
+
+treeview spinbutton:not(.vertical) > text { min-height: 0; padding: 1px 2px; }
+
+/************** ComboBoxes * */
+dropdown > popover.menu.background > contents { padding: 0; }
+
+dropdown > button > box { border-spacing: 6px; }
+
+dropdown > button > box > stack > row.activatable:hover { background: none; box-shadow: none; }
+
+dropdown arrow, combobox arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); min-height: 16px; min-width: 16px; }
+
+dropdown > popover.menu > contents modelbutton, combobox > popover.menu > contents modelbutton { padding-left: 9px; padding-right: 9px; }
+
+dropdown:drop(active), combobox:drop(active) { box-shadow: none; }
+
+dropdown popover, combobox popover { margin-top: 6px; padding: 0; }
+
+dropdown popover listview, combobox popover listview { margin: 8px 0; }
+
+dropdown popover listview > row.activatable, combobox popover listview > row.activatable { padding: 8px; }
+
+dropdown popover listview > row.activatable:selected, dropdown popover listview > row.activatable:selected:hover, combobox popover listview > row.activatable:selected, combobox popover listview > row.activatable:selected:hover { outline-color: white; color: black; background-color: #e6e3e0; box-shadow: none; }
+
+dropdown popover .dropdown-searchbar, combobox popover .dropdown-searchbar { padding: 6px; border-bottom: 1px solid #877b6e; }
+
+/************ Toolbars * */
+searchbar > revealer > box, .toolbar { padding: 4px; border-spacing: 4px; background-color: #fdfdfc; }
+
+.osd .toolbar { background-color: transparent; }
+
+.toolbar.osd { padding: 13px; border: none; border-radius: 5px; background-color: rgba(53, 53, 53, 0.7); }
+
+.toolbar.osd.left, .toolbar.osd.right, .toolbar.osd.top, .toolbar.osd.bottom { border-radius: 0; }
+
+.toolbar.horizontal > separator { margin: 4px 0; }
+
+.toolbar.vertical > separator { margin: 0 4px; }
+
+searchbar > revealer > box { padding: 6px; border-spacing: 6px; border-width: 0 0 1px; }
+
+searchbar > revealer > box { border-style: solid; border-color: #877b6e; background-color: #d9d6d2; }
+
+searchbar > revealer > box:backdrop { border-color: #d5d0cc; background-color: #eae8e6; box-shadow: none; transition: 200ms ease-out; }
+
+/************** GtkInfoBar * */
+infobar > revealer > box { padding: 8px; border-spacing: 12px; }
+
+infobar.action:hover > revealer > box { background-color: white; }
+
+infobar.info > revealer > box, infobar.question > revealer > box, infobar.warning > revealer > box, infobar.error > revealer > box { border-bottom: 1px solid #93877b; background-color: white; }
+
+infobar .close, searchbar .close { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; min-width: 16px; min-height: 16px; padding: 4px; border-radius: 50%; }
+
+infobar .close:hover, searchbar .close:hover { color: #272c2e; border-color: #877b6e; background-image: linear-gradient(to top, #dad6d2, #edebe9 1px); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); }
+
+/***************** Title buttons * */
+windowcontrols { border-spacing: 6px; }
+
+windowcontrols.start:not(.empty):dir(ltr), windowcontrols.end:not(.empty):dir(rtl) { margin-right: 7px; }
+
+windowcontrols.start:not(.empty):dir(rtl), windowcontrols.end:not(.empty):dir(ltr) { margin-left: 7px; }
+
+windowcontrols button { border-radius: 9999px; padding: 6px; margin: 0 2px; min-width: 0; min-height: 0; }
+
+windowcontrols button:hover { border-color: transparent; background-image: none; box-shadow: none; background-color: #d1ccc7; }
+
+windowcontrols button:active, windowcontrols button:checked { border-color: transparent; background-image: none; box-shadow: none; background-color: #bab3ab; }
+
+/*************** Header bars * */
+.titlebar:not(headerbar), headerbar { padding: 0 6px; min-height: 46px; border-width: 0 0 1px; border-style: solid; border-color: #6e645a; border-radius: 0; background: #e6e3e0 linear-gradient(to top, #e1dedb, #e8e6e3); /* Darken switchbuttons for headerbars. issue #1588 */ }
+
+.titlebar:backdrop:not(headerbar), headerbar:backdrop { border-color: #d5d0cc; background-color: #fdfdfc; background-image: none; transition: 200ms ease-out; }
+
+.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; }
+
+.titlebar:not(headerbar) stackswitcher > button:checked, .titlebar:not(headerbar) button.toggle:checked, headerbar stackswitcher > button:checked, headerbar button.toggle:checked { background: image(#d6d1cd); border-color: #7e7367; border-top-color: #70665c; }
+
+.titlebar:not(headerbar) stackswitcher > button:checked:backdrop, .titlebar:not(headerbar) button.toggle:checked:backdrop, headerbar stackswitcher > button:checked:backdrop, headerbar button.toggle:checked:backdrop { color: #929595; border-color: #d5d0cc; background-image: image(#ebebeb); box-shadow: none; }
+
+.tiled .titlebar:not(headerbar), .tiled-top .titlebar:not(headerbar), .tiled-left .titlebar:not(headerbar), .tiled-right .titlebar:not(headerbar), .tiled-bottom .titlebar:not(headerbar), .maximized .titlebar:not(headerbar), .fullscreen .titlebar:not(headerbar), .tiled headerbar, .tiled-top headerbar, .tiled-left headerbar, .tiled-right headerbar, .tiled-bottom headerbar, .maximized headerbar, .fullscreen headerbar { border-radius: 0; }
+
+.default-decoration.titlebar:not(headerbar), headerbar.default-decoration { min-height: 28px; padding: 4px; }
+
+.default-decoration.titlebar:not(headerbar) windowcontrols button, .default-decoration.titlebar:not(headerbar) windowcontrols menubutton, headerbar.default-decoration windowcontrols button, headerbar.default-decoration windowcontrols menubutton { min-height: 26px; min-width: 26px; margin: 0; padding: 0; }
+
+.default-decoration.titlebar:not(headerbar) windowcontrols menubutton button, headerbar.default-decoration windowcontrols menubutton button { min-height: 20px; min-width: 20px; margin: 0; padding: 4px; }
+
+.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; }
+
+headerbar > windowhandle > box, headerbar > windowhandle > box > box.start, headerbar > windowhandle > box > box.end { border-spacing: 6px; }
+
+headerbar entry, headerbar spinbutton, headerbar separator:not(.sidebar), headerbar button, headerbar menubutton { margin-top: 6px; margin-bottom: 6px; }
+
+headerbar menubutton > button { margin-top: 0px; margin-bottom: 0px; }
+
+headerbar switch { margin-top: 10px; margin-bottom: 10px; }
+
+window.csd > .titlebar:not(headerbar) { padding: 0; background-color: transparent; background-image: none; border-style: none; border-color: transparent; }
+
+.titlebar:not(headerbar) separator { background-color: #877b6e; }
+
+window.devel headerbar.titlebar { background: #fdfdfc cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, linear-gradient(to right, transparent 65%, rgba(27, 106, 203, 0.2)), linear-gradient(to top, #dfdcd8, #e6e3e0 3px, #f4f2f1); }
+
+window.devel headerbar.titlebar:backdrop { background: #fdfdfc cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, image(#fdfdfc); /* background-color would flash */ }
+
+/************ Pathbars * */
+pathbar > button.text-button, pathbar > button.image-button, pathbar > button { padding-left: 4px; padding-right: 4px; }
+
+pathbar > button.text-button.image-button label { padding-left: 0; padding-right: 0; }
+
+pathbar > button.text-button.image-button label:last-child, pathbar > button label:last-child { padding-right: 8px; }
+
+pathbar > button.text-button.image-button label:first-child, pathbar > button label:first-child { padding-left: 8px; }
+
+pathbar > button image { padding-left: 4px; padding-right: 4px; }
+
+pathbar > button.slider-button { padding-left: 0; padding-right: 0; }
+
+/************** Tree Views * */
+columnview.view, treeview.view { border-left-color: #9f958b; border-top-color: #9f958b; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+columnview.view, treeview.view { outline: 0 solid transparent; outline-offset: 4px; }
+
+columnview.view:focus:focus-visible, treeview.view:focus:focus-visible { outline-color: rgba(27, 106, 203, 0.8); outline-width: 2px; outline-offset: -2px; }
+
+columnview.view:selected:focus, columnview.view:selected, treeview.view:selected:focus, treeview.view:selected { border-radius: 0; outline-color: white; }
+
+columnview.view:disabled, treeview.view:disabled { color: #929495; }
+
+columnview.view:disabled:selected, treeview.view:disabled:selected { color: #76a6e0; }
+
+columnview.view:disabled:selected:backdrop, treeview.view:disabled:selected:backdrop { color: #5f96da; }
+
+columnview.view.separator, treeview.view.separator { min-height: 2px; color: #9f958b; }
+
+columnview.view:backdrop, treeview.view:backdrop { border-left-color: #ddd9d6; border-top: #ddd9d6; }
+
+columnview.view:drop(active), treeview.view:drop(active) { box-shadow: none; }
+
+columnview.view > dndtarget:drop(active), treeview.view > dndtarget:drop(active) { border-style: solid none; border-width: 1px; border-color: #124787; }
+
+columnview.view > dndtarget.after:drop(active), treeview.view > dndtarget.after:drop(active) { border-top-style: none; }
+
+columnview.view > dndtarget.before:drop(active), treeview.view > dndtarget.before:drop(active) { border-bottom-style: none; }
+
+columnview.view.expander, treeview.view.expander { min-width: 16px; min-height: 16px; -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); color: #4d4d4d; }
+
+columnview.view.expander:dir(rtl), treeview.view.expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); }
+
+columnview.view.expander:hover, treeview.view.expander:hover { color: black; }
+
+columnview.view.expander:selected, treeview.view.expander:selected { color: #bbd2ef; }
+
+columnview.view.expander:selected:hover, treeview.view.expander:selected:hover { color: #ffffff; }
+
+columnview.view.expander:checked, treeview.view.expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+
+columnview.view.progressbar, treeview.view.progressbar { color: #ffffff; background-color: #1b6acb; background-image: image(#1b6acb); box-shadow: none; }
+
+columnview.view.progressbar:selected:focus, columnview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:selected { color: #1b6acb; background-image: image(#ffffff); }
+
+columnview.view.progressbar:selected:focus:backdrop, columnview.view.progressbar:selected:backdrop, treeview.view.progressbar:selected:focus:backdrop, treeview.view.progressbar:selected:backdrop { color: #1b6acb; background-color: #fcfcfc; }
+
+columnview.view.trough, treeview.view.trough { background-color: rgba(39, 44, 46, 0.1); }
+
+columnview.view.trough:selected:focus, columnview.view.trough:selected, treeview.view.trough:selected:focus, treeview.view.trough:selected { background-color: rgba(255, 255, 255, 0.3); }
+
+columnview.view > header > button, treeview.view > header > button { color: #939696; background-color: #ffffff; font-weight: bold; text-shadow: none; box-shadow: none; }
+
+columnview.view > header > button:hover, treeview.view > header > button:hover { color: #5d6162; box-shadow: none; transition: none; }
+
+columnview.view > header > button:active, treeview.view > header > button:active { color: #272c2e; transition: none; }
+
+columnview.view > header > button sort-indicator, treeview.view > header > button sort-indicator { min-height: 16px; min-width: 16px; }
+
+columnview.view > header > button sort-indicator.ascending, treeview.view > header > button sort-indicator.ascending { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
+
+columnview.view > header > button sort-indicator.descending, treeview.view > header > button sort-indicator.descending { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+
+columnview.view button.dnd:active, columnview.view button.dnd:selected, columnview.view button.dnd:hover, columnview.view button.dnd, columnview.view header.button.dnd:active, columnview.view header.button.dnd:selected, columnview.view header.button.dnd:hover, columnview.view header.button.dnd, 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: #1b6acb; border-style: none; border-radius: 0; box-shadow: inset 0 0 0 1px #ffffff; text-shadow: none; transition: none; }
+
+columnview.view acceleditor > label, treeview.view acceleditor > label { background-color: #1b6acb; }
+
+columnview.view > header > button, treeview.view > header > button, columnview.view > header > button:hover, treeview.view > header > button:hover, columnview.view > header > button:active, treeview.view > header > button:active { padding: 0 6px; background-image: none; border-style: none none solid solid; border-color: #9f958b; border-radius: 0; text-shadow: none; }
+
+columnview.view > header > button:disabled, treeview.view > header > button:disabled { border-color: #fdfdfc; background-image: none; }
+
+columnview.view > header > button:last-child, treeview.view > header > button:last-child { border-right-style: none; }
+
+/*************** Popovers * */
+popover.background { background-color: transparent; font: initial; }
+
+popover.background > arrow, popover.background > contents { background-color: #ffffff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.23); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); }
+
+popover.background:backdrop { background-color: transparent; }
+
+popover.background > contents { padding: 8px; border-radius: 9px; }
+
+popover.background > contents > list, popover.background > contents > .view, popover.background > contents > iconview, popover.background > contents > .toolbar { border-style: none; background-color: transparent; }
+
+popover.background > contents separator { background-color: #aaa299; margin: 3px; }
+
+popover.background > contents list separator { margin: 0; }
+
+.osd popover.background, popover.background.touch-selection, popover.background.magnifier { background-color: transparent; }
+
+.osd popover.background > arrow, .osd popover.background > contents, popover.background.touch-selection > arrow, popover.background.touch-selection > contents, popover.background.magnifier > arrow, popover.background.magnifier > contents { border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: none; }
+
+magnifier { background-color: #ffffff; }
+
+/********************** Popover Base Menus * */
+popover.menu { padding: 0; }
+
+popover.menu box.inline-buttons { padding: 0 12px; }
+
+popover.menu box.inline-buttons button.image-button.model { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; min-height: 30px; min-width: 30px; padding: 0; border: none; outline: none; transition: none; }
+
+popover.menu box.inline-buttons button.image-button.model:selected { background: image(#e6e3e0); }
+
+popover.menu box.circular-buttons { padding: 12px 12px 6px; }
+
+popover.menu box.circular-buttons button.circular.image-button.model { padding: 11px; }
+
+popover.menu box.circular-buttons button.circular.image-button.model:focus { background-color: #e6e3e0; border-color: #e6e3e0; }
+
+popover.menu > arrow, popover.menu.background > contents { background-color: #ffffff; padding: 5px; }
+
+popover.menu.background separator { margin: 6px 0; }
+
+popover.menu accelerator { color: alpha(currentColor,0.55); }
+
+popover.menu accelerator:dir(ltr) { margin-left: 12px; }
+
+popover.menu accelerator:dir(rtl) { margin-right: 12px; }
+
+popover.menu check, popover.menu radio { transform: scale(0.8); border-width: 1.2px; border-color: transparent; box-shadow: none; background-image: image(transparent); color: black; }
+
+popover.menu check:hover, popover.menu radio:hover { transform: scale(0.8); border-width: 1.2px; color: black; box-shadow: none; background-image: image(transparent); }
+
+popover.menu check:active, popover.menu radio:active { transform: scale(0.8); border-width: 1.2px; color: black; box-shadow: none; background-image: image(transparent); }
+
+popover.menu radio { border-color: #877b6e; }
+
+popover.menu radio:active { border-color: rgba(135, 123, 110, 0.5); }
+
+popover.menu arrow.left, popover.menu radio.left, popover.menu check.left { margin-left: -2px; margin-right: 6px; }
+
+popover.menu arrow.right, popover.menu radio.right, popover.menu check.right { margin-left: 6px; margin-right: -2px; }
+
+popover.menu modelbutton { min-height: 30px; min-width: 40px; padding: 0 12px; border-radius: 5px; }
+
+popover.menu modelbutton:selected { color: black; background-color: #e6e3e0; }
+
+popover.menu modelbutton:selected:active { background-color: #ddd9d5; }
+
+popover.menu label.title { font-weight: bold; padding: 4px 32px; }
+
+menubar { padding: 0px; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1); }
+
+menubar > item { min-height: 16px; padding: 4px 8px; }
+
+menubar > item:selected { box-shadow: inset 0 -3px #1b6acb; color: #1b6acb; }
+
+menubar > item:disabled { color: #929495; box-shadow: none; }
+
+menubar > item popover.menu.background > contents { padding: 5px; }
+
+menubar > item popover.menu popover.menu { padding: 0 0 4px 0; }
+
+menubar > item popover.menu.background popover.menu.background > contents { margin: 0; border-radius: 9px; }
+
+/************* Notebooks * */
+notebook { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+notebook > header > tabs > tab:checked { outline: 0 solid transparent; outline-offset: 4px; }
+
+notebook:focus:focus-visible > header > tabs > tab:checked { outline-color: rgba(27, 106, 203, 0.8); outline-width: 2px; outline-offset: -2px; }
+
+notebook > header { padding: 1px; border-color: #877b6e; border-width: 1px; background-color: #e1dedb; }
+
+notebook > header > tabs { margin: -1px; }
+
+notebook > header.top { border-bottom-style: solid; }
+
+notebook > header.top > tabs { margin-bottom: -2px; }
+
+notebook > header.top > tabs > tab:hover { box-shadow: inset 0 -4px #877b6e; }
+
+notebook > header.top > tabs > tab:checked { box-shadow: inset 0 -4px #1b6acb; }
+
+notebook > header.bottom { border-top-style: solid; }
+
+notebook > header.bottom > tabs { margin-top: -2px; }
+
+notebook > header.bottom > tabs > tab:hover { box-shadow: inset 0 4px #877b6e; }
+
+notebook > header.bottom > tabs > tab:checked { box-shadow: inset 0 4px #1b6acb; }
+
+notebook > header.left { border-right-style: solid; }
+
+notebook > header.left > tabs { margin-right: -2px; }
+
+notebook > header.left > tabs > tab:hover { box-shadow: inset -4px 0 #877b6e; }
+
+notebook > header.left > tabs > tab:checked { box-shadow: inset -4px 0 #1b6acb; }
+
+notebook > header.right { border-left-style: solid; }
+
+notebook > header.right > tabs { margin-left: -2px; }
+
+notebook > header.right > tabs > tab:hover { box-shadow: inset 4px 0 #877b6e; }
+
+notebook > header.right > tabs > tab:checked { box-shadow: inset 4px 0 #1b6acb; }
+
+notebook > header.top > tabs > arrow { border-top-style: none; }
+
+notebook > header.bottom > tabs > arrow { border-bottom-style: none; }
+
+notebook > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow { margin-left: -5px; margin-right: -5px; padding-left: 4px; padding-right: 4px; }
+
+notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); }
+
+notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
+
+notebook > header.left > tabs > arrow { border-left-style: none; }
+
+notebook > header.right > tabs > arrow { border-right-style: none; }
+
+notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow { margin-top: -5px; margin-bottom: -5px; padding-top: 4px; padding-bottom: 4px; }
+
+notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
+
+notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+
+notebook > header > tabs > arrow { min-height: 16px; min-width: 16px; border-radius: 0; }
+
+notebook > 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; }
+
+notebook > header > tabs > arrow:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > tab { transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); min-height: 30px; min-width: 30px; padding: 3px 12px; color: #272c2e; font-weight: normal; border-width: 1px; border-color: transparent; }
+
+notebook > header > tabs > tab:hover { color: #272c2e; background-color: #d8d4d0; }
+
+notebook > header > tabs > tab.reorderable-page:hover { border-color: rgba(135, 123, 110, 0.3); background-color: rgba(253, 253, 252, 0.2); }
+
+notebook > header > tabs > tab:not(:checked) { outline-color: transparent; }
+
+notebook > header > tabs > tab:checked { color: #272c2e; }
+
+notebook > header > tabs > tab.reorderable-page:checked { border-color: rgba(135, 123, 110, 0.5); background-color: rgba(253, 253, 252, 0.5); }
+
+notebook > header > tabs > tab.reorderable-page:checked:hover { background-color: rgba(253, 253, 252, 0.7); }
+
+notebook > header > tabs > tab button.flat { color: alpha(currentColor,0.3); padding: 0; margin-top: 4px; margin-bottom: 4px; min-width: 20px; min-height: 20px; }
+
+notebook > header > tabs > tab button.flat:hover { color: currentColor; }
+
+notebook > header > tabs > tab button.flat:last-child { margin-left: 4px; margin-right: -4px; }
+
+notebook > header > tabs > tab button.flat:first-child { margin-left: -4px; margin-right: 4px; }
+
+notebook > header.top > tabs, notebook > header.bottom > tabs { padding-left: 4px; padding-right: 4px; }
+
+notebook > header.top > tabs:not(:only-child), notebook > header.bottom > tabs:not(:only-child) { margin-left: 3px; margin-right: 3px; }
+
+notebook > header.top > tabs:not(:only-child):first-child, notebook > header.bottom > tabs:not(:only-child):first-child { margin-left: -1px; }
+
+notebook > header.top > tabs:not(:only-child):last-child, notebook > header.bottom > tabs:not(:only-child):last-child { margin-right: -1px; }
+
+notebook > header.top > tabs > tab, notebook > header.bottom > tabs > tab { margin-left: 4px; margin-right: 4px; }
+
+notebook > header.top > tabs > tab.reorderable-page, notebook > header.bottom > tabs > tab.reorderable-page { border-style: none solid; }
+
+notebook > header.left > tabs, notebook > header.right > tabs { padding-top: 4px; padding-bottom: 4px; }
+
+notebook > header.left > tabs:not(:only-child), notebook > header.right > tabs:not(:only-child) { margin-top: 3px; margin-bottom: 3px; }
+
+notebook > header.left > tabs:not(:only-child):first-child, notebook > header.right > tabs:not(:only-child):first-child { margin-top: -1px; }
+
+notebook > header.left > tabs:not(:only-child):last-child, notebook > header.right > tabs:not(:only-child):last-child { margin-bottom: -1px; }
+
+notebook > header.left > tabs > tab, notebook > header.right > tabs > tab { margin-top: 4px; margin-bottom: 4px; }
+
+notebook > header.left > tabs > tab.reorderable-page, notebook > header.right > tabs > tab.reorderable-page { border-style: solid none; }
+
+notebook > header.top > tabs > tab { padding-bottom: 4px; }
+
+notebook > header.bottom > tabs > tab { padding-top: 4px; }
+
+notebook > stack:not(:only-child) { background-color: #ffffff; }
+
+/************** Scrollbars * */
+scrollbar { background-color: #cecece; transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+scrollbar.top { border-bottom: 1px solid #877b6e; }
+
+scrollbar.bottom { border-top: 1px solid #877b6e; }
+
+scrollbar.left { border-right: 1px solid #877b6e; }
+
+scrollbar.right { border-left: 1px solid #877b6e; }
+
+scrollbar > range > trough > slider { min-width: 8px; min-height: 8px; margin: -1px; border: 4px solid transparent; border-radius: 10px; background-clip: padding-box; background-color: #7e8182; transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+scrollbar > range > trough > slider:hover { background-color: #565b5c; }
+
+scrollbar > range > trough > slider:hover:active { background-color: #1b6acb; }
+
+scrollbar > range > trough > slider:disabled { background-color: transparent; }
+
+scrollbar > range.fine-tune > trough > slider { transition: none; min-width: 6px; min-height: 6px; }
+
+scrollbar > range.fine-tune.horizontal > trough > slider { border-width: 5px 4px; }
+
+scrollbar > range.fine-tune.vertical > trough > slider { border-width: 4px 5px; }
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) { border-color: transparent; opacity: 0.4; background-color: transparent; }
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) > range > trough > slider { margin: 0; min-width: 3px; min-height: 3px; background-color: #272c2e; border: 1px solid white; }
+
+scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) > range > trough > slider { margin: 0 2px; min-width: 40px; }
+
+scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) > range > trough > slider { margin: 2px 0; min-height: 40px; }
+
+scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { opacity: 0.8; }
+
+scrollbar.horizontal > range > trough > slider { min-width: 40px; }
+
+scrollbar.vertical > range > trough > slider { min-height: 40px; }
+
+treeview ~ scrollbar.vertical { border-top: 1px solid #877b6e; margin-top: -1px; }
+
+/********** Switch * */
+switch { font-weight: bold; font-size: smaller; border: 1px solid #877b6e; border-radius: 14px; color: #272c2e; background-color: #e1dedb; transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; /* only show i / o for the accessible theme */ }
+
+switch { outline: 0 solid transparent; outline-offset: 4px; }
+
+switch:focus:focus-visible { outline-color: rgba(27, 106, 203, 0.8); outline-width: 2px; outline-offset: 0; }
+
+headerbar switch { background-color: #cecac5; }
+
+switch:checked { color: #ffffff; border-color: #185fb4; background-color: #3584e4; }
+
+switch:disabled { color: #929495; border-color: #877b6e; background-color: #fefefd; text-shadow: none; }
+
+switch > slider { color: #272c2e; outline-color: rgba(27, 106, 203, 0.8); border-color: #877b6e; background-image: linear-gradient(to top, #fafaf9 2px, white); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); margin: -1px; min-width: 24px; min-height: 24px; border: 1px solid; border-color: #877b6e; border-radius: 50%; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+switch > image { color: transparent; }
+
+switch:hover > slider { color: #272c2e; border-color: #877b6e; background-image: linear-gradient(to top, #dad6d2, #edebe9 1px); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); }
+
+switch:checked > slider { border: 1px solid #185fb4; }
+
+switch:disabled > slider { color: #929495; border-color: #9e958b; background-image: image(#fefefd); }
+
+row:selected switch { outline-color: white; box-shadow: none; border-color: #185fb4; }
+
+row:selected switch > slider:checked, row:selected switch > slider { border-color: #185fb4; }
+
+/************************* Check and Radio items * */
+.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: #3584e4; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; }
+
+.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: #3584e4; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; }
+
+.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: #3584e4; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; }
+
+.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: #8d8d8d; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; }
+
+.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: #3584e4; 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; }
+
+.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: #3584e4; 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; }
+
+.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: #3584e4; 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; }
+
+.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: #8d8d8d; 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; }
+
+checkbutton { border-spacing: 4px; border-radius: 5px; transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+checkbutton { outline: 0 solid transparent; outline-offset: 4px; }
+
+checkbutton:focus:focus-visible { outline-color: rgba(27, 106, 203, 0.8); outline-width: 2px; outline-offset: -2px; }
+
+checkbutton.text-button { padding: 4px; }
+
+check, radio { min-height: 14px; min-width: 14px; border: 1px solid; -gtk-icon-source: none; }
+
+check, radio { background-clip: padding-box; background-image: linear-gradient(to bottom, white 20%, white 90%); border-color: #6e645a; box-shadow: 0 1px rgba(0, 0, 0, 0.05); color: #ffffff; }
+
+check:hover, radio:hover { background-image: image(#f2f2f2); }
+
+check:active, radio:active { box-shadow: inset 0 1px rgba(0, 0, 0, 0.2); background-image: image(#d9d9d9); }
+
+check:disabled, radio:disabled { box-shadow: none; color: rgba(255, 255, 255, 0.7); }
+
+check:checked, radio:checked { background-clip: border-box; background-image: linear-gradient(to bottom, #4b92e7 20%, #3584e4 90%); border-color: #1b6acb; box-shadow: 0 1px rgba(0, 0, 0, 0.05); color: #ffffff; }
+
+check:checked:hover, radio:checked:hover { background-image: linear-gradient(to bottom, #5d9de9 10%, #478fe6 90%); }
+
+check:checked:active, radio:checked:active { box-shadow: inset 0 1px rgba(0, 0, 0, 0.2); background-image: image(#1f76e1); }
+
+check:checked:disabled, radio:checked:disabled { box-shadow: none; color: rgba(255, 255, 255, 0.7); }
+
+check:indeterminate, radio:indeterminate { background-clip: border-box; background-image: linear-gradient(to bottom, #4b92e7 20%, #3584e4 90%); border-color: #1b6acb; box-shadow: 0 1px rgba(0, 0, 0, 0.05); color: #ffffff; }
+
+check:indeterminate:hover, radio:indeterminate:hover { background-image: linear-gradient(to bottom, #5d9de9 10%, #478fe6 90%); }
+
+check:indeterminate:active, radio:indeterminate:active { box-shadow: inset 0 1px rgba(0, 0, 0, 0.2); background-image: image(#1f76e1); }
+
+check:indeterminate:disabled, radio:indeterminate:disabled { box-shadow: none; color: rgba(255, 255, 255, 0.7); }
+
+row:selected check, row:selected radio { border-color: #1b6acb; }
+
+.osd check, .osd radio { color: #eeeeec; outline-color: rgba(27, 106, 203, 0.8); border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(53, 53, 53, 0.7)); background-clip: padding-box; }
+
+.osd check:hover, .osd radio:hover { color: #eeeeec; outline-color: rgba(27, 106, 203, 0.8); border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(53, 53, 53, 0.7)); background-clip: padding-box; }
+
+.osd check:active, .osd radio:active { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(2, 2, 2, 0.7)); background-clip: padding-box; box-shadow: none; }
+
+.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; }
+
+check { border-radius: 3px; -gtk-icon-size: 14px; }
+
+check:checked { -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets-hc/check-symbolic.symbolic.png")), -gtk-recolor(url("assets-hc/check@2-symbolic.symbolic.png"))); }
+
+check:indeterminate { -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets-hc/dash-symbolic.symbolic.png")), -gtk-recolor(url("assets-hc/dash@2-symbolic.symbolic.png"))); }
+
+treeview.view radio:selected:focus, treeview.view radio:selected, radio { border-radius: 100%; -gtk-icon-size: 14px; }
+
+treeview.view radio:checked:selected, radio:checked { -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets-hc/bullet-symbolic.symbolic.png")), -gtk-recolor(url("assets-hc/bullet@2-symbolic.symbolic.png"))); }
+
+treeview.view radio:indeterminate:selected, radio:indeterminate { -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets-hc/dash-symbolic.symbolic.png")), -gtk-recolor(url("assets-hc/dash@2-symbolic.symbolic.png"))); }
+
+treeview.view check:selected:focus, treeview.view check:selected, treeview.view radio:selected:focus, treeview.view radio:selected { color: #ffffff; border-color: #124787; }
+
+/************ GtkScale * */
+progressbar > trough, scale > trough > fill, scale > trough { border: 1px solid #e1dedb; border-radius: 3px; background-color: #e1dedb; }
+
+headerbar progressbar > trough, headerbar scale > trough > fill, headerbar scale > trough { background-color: #cecac5; }
+
+progressbar > trough:disabled, scale > trough > fill:disabled, scale > trough:disabled { background-color: #fefefd; border-color: #9e958b; }
+
+row:selected progressbar > trough, row:selected scale > trough > fill, row:selected scale > trough { outline-color: white; border-color: #124787; }
+
+.osd progressbar > trough, .osd scale > trough > fill, .osd scale > trough { border-color: rgba(0, 0, 0, 0.7); background-color: rgba(0, 0, 0, 0.5); }
+
+.osd progressbar > trough:disabled, .osd scale > trough > fill:disabled, .osd scale > trough:disabled { background-color: rgba(71, 71, 71, 0.5); }
+
+progressbar > trough > progress, scale > trough > highlight { border: 1px solid #1b6acb; border-radius: 3px; background-color: #1b6acb; }
+
+progressbar > trough > progress:disabled, scale > trough > highlight:disabled { background-color: transparent; border-color: transparent; }
+
+row:selected progressbar > trough > progress, row:selected scale > trough > highlight { border-color: #124787; }
+
+.osd progressbar > trough > progress, .osd scale > trough > highlight { border-color: rgba(0, 0, 0, 0.7); }
+
+.osd progressbar > trough > progress:disabled, .osd scale > trough > highlight:disabled { border-color: transparent; }
+
+scale { min-height: 10px; min-width: 10px; padding: 12px; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+scale > trough { outline: 0 solid transparent; outline-offset: 16px; }
+
+scale:focus:focus-visible > trough { outline-color: rgba(27, 106, 203, 0.8); outline-width: 2px; outline-offset: 10px; }
+
+scale > trough { transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+scale > trough > fill, scale > trough > highlight { margin: -1px; }
+
+scale > trough > slider { min-height: 18px; min-width: 18px; margin: -9px; }
+
+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 > trough > slider { margin: -6px; }
+
+scale.fine-tune > trough > fill, scale.fine-tune > trough > highlight, scale.fine-tune > trough { border-radius: 5px; }
+
+scale > trough > fill:disabled { border-color: transparent; background-color: transparent; }
+
+.osd scale > trough > fill { background-color: rgba(91, 91, 90, 0.775); }
+
+.osd scale > trough > fill:disabled { border-color: transparent; background-color: transparent; }
+
+scale > trough > slider { color: #272c2e; outline-color: rgba(27, 106, 203, 0.8); border-color: #877b6e; background-image: linear-gradient(to top, #fafaf9 2px, white); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); border-width: 1px; border-style: solid; border-radius: 100%; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: background, border, box-shadow; }
+
+scale > trough > slider:hover { color: #272c2e; border-color: #877b6e; background-image: linear-gradient(to top, #dad6d2, #edebe9 1px); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); }
+
+scale > trough > slider:active { border-color: #124787; }
+
+scale > trough > slider:disabled { color: #929495; border-color: #9e958b; background-image: image(#fefefd); }
+
+row:selected scale > trough > slider:disabled, row:selected scale > trough > slider { border-color: #124787; }
+
+.osd scale > trough > slider { color: #eeeeec; outline-color: rgba(27, 106, 203, 0.8); border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(53, 53, 53, 0.7)); background-clip: padding-box; border-color: rgba(0, 0, 0, 0.7); background-color: #353535; }
+
+.osd scale > trough > slider:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(27, 27, 27, 0.7)); background-clip: padding-box; background-color: #353535; }
+
+.osd scale > trough > slider:active { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(2, 2, 2, 0.7)); background-clip: padding-box; box-shadow: none; background-color: #353535; }
+
+.osd scale > trough > 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; background-color: #353535; }
+
+scale > value { color: alpha(currentColor,0.55); font-feature-settings: "tnum"; }
+
+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; }
+
+scale.horizontal > value.left { margin-right: 9px; }
+
+scale.horizontal > value.right { margin-left: 9px; }
+
+scale.horizontal.fine-tune > marks.top { margin-top: 3px; }
+
+scale.horizontal.fine-tune > marks.bottom { margin-bottom: 3px; }
+
+scale.horizontal.fine-tune > marks indicator { min-height: 3px; }
+
+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; }
+
+scale.vertical > value.top { margin-bottom: 9px; }
+
+scale.vertical > value.bottom { margin-top: 9px; }
+
+scale.vertical.fine-tune > marks.top { margin-left: 3px; }
+
+scale.vertical.fine-tune > marks.bottom { margin-right: 3px; }
+
+scale.vertical.fine-tune > marks indicator { min-height: 3px; }
+
+scale.horizontal.marks-before:not(.marks-after) > trough > slider { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets-hc/slider-horz-scale-has-marks-above.png"), url("assets-hc/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.fine-tune:not(.marks-after) > trough > slider { margin: -7px -10px; margin-top: -11px; }
+
+scale.horizontal.marks-before:not(.marks-after) > trough > slider:hover { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets-hc/slider-horz-scale-has-marks-above-hover.png"), url("assets-hc/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.fine-tune:not(.marks-after) > trough > slider { margin: -7px -10px; margin-top: -11px; }
+
+scale.horizontal.marks-before:not(.marks-after) > trough > slider:active { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets-hc/slider-horz-scale-has-marks-above-active.png"), url("assets-hc/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.fine-tune:not(.marks-after) > trough > slider { margin: -7px -10px; margin-top: -11px; }
+
+scale.horizontal.marks-before:not(.marks-after) > trough > slider:disabled { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets-hc/slider-horz-scale-has-marks-above-insensitive.png"), url("assets-hc/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.fine-tune:not(.marks-after) > trough > slider { margin: -7px -10px; margin-top: -11px; }
+
+scale.horizontal.marks-after:not(.marks-before) > trough > slider { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets-hc/slider-horz-scale-has-marks-below.png"), url("assets-hc/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.fine-tune:not(.marks-before) > trough > slider { margin: -7px -10px; margin-bottom: -11px; }
+
+scale.horizontal.marks-after:not(.marks-before) > trough > slider:hover { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets-hc/slider-horz-scale-has-marks-below-hover.png"), url("assets-hc/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.fine-tune:not(.marks-before) > trough > slider { margin: -7px -10px; margin-bottom: -11px; }
+
+scale.horizontal.marks-after:not(.marks-before) > trough > slider:active { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets-hc/slider-horz-scale-has-marks-below-active.png"), url("assets-hc/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.fine-tune:not(.marks-before) > trough > slider { margin: -7px -10px; margin-bottom: -11px; }
+
+scale.horizontal.marks-after:not(.marks-before) > trough > slider:disabled { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets-hc/slider-horz-scale-has-marks-below-insensitive.png"), url("assets-hc/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.fine-tune:not(.marks-before) > trough > slider { margin: -7px -10px; margin-bottom: -11px; }
+
+scale.vertical.marks-before:not(.marks-after) > trough > slider { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets-hc/slider-vert-scale-has-marks-above.png"), url("assets-hc/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.fine-tune:not(.marks-after) > trough > slider { margin: -10px -7px; margin-left: -11px; }
+
+scale.vertical.marks-before:not(.marks-after) > trough > slider:hover { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets-hc/slider-vert-scale-has-marks-above-hover.png"), url("assets-hc/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.fine-tune:not(.marks-after) > trough > slider { margin: -10px -7px; margin-left: -11px; }
+
+scale.vertical.marks-before:not(.marks-after) > trough > slider:active { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets-hc/slider-vert-scale-has-marks-above-active.png"), url("assets-hc/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.fine-tune:not(.marks-after) > trough > slider { margin: -10px -7px; margin-left: -11px; }
+
+scale.vertical.marks-before:not(.marks-after) > trough > slider:disabled { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets-hc/slider-vert-scale-has-marks-above-insensitive.png"), url("assets-hc/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.fine-tune:not(.marks-after) > trough > slider { margin: -10px -7px; margin-left: -11px; }
+
+scale.vertical.marks-after:not(.marks-before) > trough > slider { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets-hc/slider-vert-scale-has-marks-below.png"), url("assets-hc/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.fine-tune:not(.marks-before) > trough > slider { margin: -10px -7px; margin-right: -11px; }
+
+scale.vertical.marks-after:not(.marks-before) > trough > slider:hover { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets-hc/slider-vert-scale-has-marks-below-hover.png"), url("assets-hc/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.fine-tune:not(.marks-before) > trough > slider { margin: -10px -7px; margin-right: -11px; }
+
+scale.vertical.marks-after:not(.marks-before) > trough > slider:active { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets-hc/slider-vert-scale-has-marks-below-active.png"), url("assets-hc/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.fine-tune:not(.marks-before) > trough > slider { margin: -10px -7px; margin-right: -11px; }
+
+scale.vertical.marks-after:not(.marks-before) > trough > slider:disabled { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets-hc/slider-vert-scale-has-marks-below-insensitive.png"), url("assets-hc/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.fine-tune:not(.marks-before) > trough > slider { margin: -10px -7px; margin-right: -11px; }
+
+scale.color { min-height: 0; min-width: 0; }
+
+scale.color > trough { background-image: image(#877b6e); background-repeat: no-repeat; }
+
+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 > trough > slider:dir(ltr):hover, scale.color.horizontal > trough > slider:dir(ltr):backdrop, scale.color.horizontal > trough > slider:dir(ltr):disabled, scale.color.horizontal > trough > slider:dir(ltr):backdrop:disabled, scale.color.horizontal > trough > slider:dir(ltr), scale.color.horizontal > trough > slider:dir(rtl):hover, scale.color.horizontal > trough > slider:dir(rtl):backdrop, scale.color.horizontal > trough > slider:dir(rtl):disabled, scale.color.horizontal > trough > slider:dir(rtl):backdrop:disabled, scale.color.horizontal > trough > 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) > trough > slider:hover, scale.color.vertical:dir(ltr) > trough > slider:backdrop, scale.color.vertical:dir(ltr) > trough > slider:disabled, scale.color.vertical:dir(ltr) > trough > slider:backdrop:disabled, scale.color.vertical:dir(ltr) > trough > 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) > trough > slider:hover, scale.color.vertical:dir(rtl) > trough > slider:backdrop, scale.color.vertical:dir(rtl) > trough > slider:disabled, scale.color.vertical:dir(rtl) > trough > slider:backdrop:disabled, scale.color.vertical:dir(rtl) > trough > 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) > trough > slider, scale.color.fine-tune.horizontal:dir(rtl) > trough > 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) > trough > 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) > trough > slider { margin-right: -15px; margin-left: 6px; }
+
+/***************** Progress bars * */
+progressbar { font-size: smaller; color: rgba(39, 44, 46, 0.4); font-feature-settings: "tnum"; }
+
+progressbar.horizontal > trough { min-width: 150px; }
+
+progressbar.horizontal > trough, progressbar.horizontal > trough > progress { min-height: 2px; }
+
+progressbar.vertical > trough { min-height: 80px; }
+
+progressbar.vertical > trough, progressbar.vertical > trough > progress { min-width: 2px; }
+
+progressbar.horizontal > trough > progress { margin: 0 -1px; }
+
+progressbar.vertical > trough > progress { margin: -1px 0; }
+
+progressbar > trough > progress { /* share most of scales' */ /* override insensitive that is specific to progress */ border-radius: 1.5px; }
+
+progressbar > trough > progress:disabled { background-color: #929495; border-color: #929495; }
+
+progressbar > trough > progress.left { border-top-left-radius: 5px; border-bottom-left-radius: 5px; }
+
+progressbar > trough > progress.right { border-top-right-radius: 5px; border-bottom-right-radius: 5px; }
+
+progressbar > trough > progress.top { border-top-right-radius: 5px; border-top-left-radius: 5px; }
+
+progressbar > trough > progress.bottom { border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; }
+
+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 > trough > progress { border-style: none; border-radius: 0; }
+
+progressbar > trough.empty > progress { all: unset; }
+
+/************* Level Bar * */
+levelbar.horizontal trough > block { min-height: 9px; border-radius: 5px; }
+
+levelbar.horizontal trough > block:dir(rtl) { border-radius: 0 5px 5px 0; }
+
+levelbar.horizontal trough > block:dir(ltr) { border-radius: 5px 0 0 5px; }
+
+levelbar.horizontal trough > block.empty, levelbar.horizontal trough > block.full { border-radius: 5px; }
+
+levelbar.horizontal.discrete trough > block { min-height: 2px; margin: 1px; min-width: 24px; border-radius: 0; }
+
+levelbar.horizontal.discrete trough > block:first-child { border-radius: 2px 0 0 2px; }
+
+levelbar.horizontal.discrete trough > block:last-child { border-radius: 0 2px 2px 0; }
+
+levelbar.vertical trough > block { min-width: 9px; border-radius: 5px; }
+
+levelbar.vertical.discrete > trough > block { min-width: 2px; margin: 1px 0; min-height: 32px; }
+
+levelbar > trough { padding: 0; }
+
+levelbar > trough > block { border: 1px solid; }
+
+levelbar > trough > block.low { border-color: #f57900; background-color: #f57900; }
+
+levelbar > trough > block.high, levelbar > trough > block:not(.empty) { border-color: #1b6acb; background-color: #1b6acb; }
+
+levelbar > trough > block.full { border-color: #33d17a; background-color: #33d17a; }
+
+levelbar > trough > block.empty { background-color: #f1f0ee; border-color: #f1f0ee; }
+
+/**************** Print dialog * */
+window.dialog.print drawing { color: #272c2e; background: none; border: none; padding: 0; }
+
+window.dialog.print drawing paper { background: white; color: #2e3436; border: 1px solid #877b6e; }
+
+window.dialog.print .dialog-action-box { margin: 12px; }
+
+/********** Frames * */
+frame, .frame { border: 1px solid #877b6e; }
+
+frame { border-radius: 8px; }
+
+frame > label { margin: 4px; }
+
+actionbar > revealer > box { padding: 6px; border-top: 1px solid #877b6e; }
+
+actionbar > revealer > box, actionbar > revealer > box > box.start, actionbar > revealer > box > box.end { border-spacing: 6px; }
+
+scrolledwindow > overshoot.top { background-image: radial-gradient(farthest-side at top, #6b6157 85%, rgba(107, 97, 87, 0)), radial-gradient(farthest-side at top, rgba(39, 44, 46, 0.07), rgba(39, 44, 46, 0)); background-size: 100% 3%, 100% 50%; background-repeat: no-repeat; background-position: top; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow > overshoot.bottom { background-image: radial-gradient(farthest-side at bottom, #6b6157 85%, rgba(107, 97, 87, 0)), radial-gradient(farthest-side at bottom, rgba(39, 44, 46, 0.07), rgba(39, 44, 46, 0)); background-size: 100% 3%, 100% 50%; background-repeat: no-repeat; background-position: bottom; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow > overshoot.left { background-image: radial-gradient(farthest-side at left, #6b6157 85%, rgba(107, 97, 87, 0)), radial-gradient(farthest-side at left, rgba(39, 44, 46, 0.07), rgba(39, 44, 46, 0)); background-size: 3% 100%, 50% 100%; background-repeat: no-repeat; background-position: left; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow > overshoot.right { background-image: radial-gradient(farthest-side at right, #6b6157 85%, rgba(107, 97, 87, 0)), radial-gradient(farthest-side at right, rgba(39, 44, 46, 0.07), rgba(39, 44, 46, 0)); background-size: 3% 100%, 50% 100%; background-repeat: no-repeat; background-position: right; background-color: transparent; border: none; box-shadow: none; }
+
+scrolledwindow > junction { background: #877b6e, linear-gradient(to bottom, transparent 1px, #cecece 1px), linear-gradient(to right, transparent 1px, #cecece 1px); }
+
+scrolledwindow > junction:dir(rtl) { background: #877b6e, linear-gradient(to bottom, transparent 1px, #cecece 1px), linear-gradient(to left, transparent 1px, #cecece 1px); }
+
+separator { background: #93877b; min-width: 1px; min-height: 1px; }
+
+/********* Lists * */
+listview, list { color: black; background-color: #ffffff; border-color: #877b6e; }
+
+listview:backdrop, list:backdrop { color: #323232; background-color: #fcfcfc; border-color: #d5d0cc; }
+
+listview > row, list > row { padding: 2px; }
+
+listview > row.expander, list > row.expander { padding: 0px; }
+
+listview > row.expander .row-header, list > row.expander .row-header { padding: 2px; }
+
+listview.horizontal row.separator, listview.separators.horizontal > row:not(.separator), list.horizontal row.separator, list.separators.horizontal > row:not(.separator) { border-left: 1px solid #9f958b; }
+
+listview:not(.horizontal) row.separator, listview.separators:not(.horizontal) > row:not(.separator), list:not(.horizontal) row.separator, list.separators:not(.horizontal) > row:not(.separator) { border-bottom: 1px solid #9f958b; }
+
+row { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+row { outline: 0 solid transparent; outline-offset: 4px; }
+
+row:focus:focus-visible { outline-color: rgba(27, 106, 203, 0.8); outline-width: 2px; outline-offset: -2px; }
+
+row.activatable.has-open-popup, row.activatable:hover { background-color: rgba(39, 44, 46, 0.05); }
+
+row.activatable:active { box-shadow: inset 0 2px 2px -2px rgba(0, 0, 0, 0.2); }
+
+row.activatable:selected:active { box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.5); }
+
+row.activatable.has-open-popup:selected, row.activatable:selected:hover { background-color: #1c64bb; }
+
+row:selected { outline-color: white; }
+
+columnview > listview > row { padding: 0; }
+
+columnview > listview > row > cell { padding: 8px 6px; }
+
+columnview > listview > row > cell:not(:first-child) { border-left: 1px solid transparent; }
+
+columnview.column-separators > listview > row > cell { border-left-color: #9f958b; }
+
+columnview.data-table > listview > row > cell { padding-top: 2px; padding-bottom: 2px; }
+
+treeexpander { border-spacing: 4px; }
+
+/******************************************************** Data Tables * treeview like tables with individual focusable cells * https://gitlab.gnome.org/GNOME/gtk/-/issues/2929 * */
+columnview row:not(:selected) cell editablelabel:not(.editing):focus-within { outline: 2px solid rgba(27, 106, 203, 0.8); }
+
+columnview row:not(:selected) cell editablelabel.editing:focus-within { outline: 2px solid #1b6acb; }
+
+columnview row:not(:selected) cell editablelabel.editing text selection { background-color: rgba(141, 141, 141, 0.5); color: transparent; }
+
- window.tiled, window.tiled-top, window.tiled-left, window.tiled-right, window.tiled-bottom { border-radius: 0; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.18), 0 0 0 20px transparent; }
++columnview row:not(:selected) cell editablelabel.editing text selection:focus-within { background-color: rgba(53, 132, 228, 0.3); color: #272c2e; }
+
+/******************************************************* Rich Lists * Large list usually containing lots of widgets * https://gitlab.gnome.org/GNOME/gtk/-/issues/3073 * */
+.rich-list { /* rich lists usually containing other widgets than just labels/text */ }
+
+.rich-list > row { padding: 8px 12px; min-height: 32px; /* should be tall even when only containing a label */ }
+
+.rich-list > row > box { border-spacing: 12px; }
+
+/********************* App Notifications * */
+.app-notification { padding: 10px; border-spacing: 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; }
+
+.app-notification border { border: none; }
+
+/************* Expanders * */
+expander { min-width: 16px; min-height: 16px; -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
+
+expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); }
+
+expander:disabled { color: #929495; }
+
+expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+
+expander-widget { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+expander-widget > box > title { outline: 0 solid transparent; outline-offset: 4px; }
+
+expander-widget:focus:focus-visible > box > title { outline-color: rgba(27, 106, 203, 0.8); outline-width: 2px; outline-offset: -2px; }
+
+expander-widget > box > title { transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); border-radius: 5px; }
+
+expander-widget > box > title:hover > expander { color: #6d7c80; }
+
+.navigation-sidebar:not(decoration):not(window):drop(active):focus, .navigation-sidebar:not(decoration):not(window):drop(active), placessidebar:not(decoration):not(window):drop(active):focus, placessidebar:not(decoration):not(window):drop(active), stackswitcher:not(decoration):not(window):drop(active):focus, stackswitcher:not(decoration):not(window):drop(active), expander-widget:not(decoration):not(window):drop(active):focus, expander-widget:not(decoration):not(window):drop(active) { box-shadow: none; }
+
+/************ Calendar * */
+calendar { color: black; border: 1px solid #877b6e; font-feature-settings: "tnum"; }
+
+calendar > header { border-bottom: 1px solid #877b6e; }
+
+calendar > header > button { border: none; box-shadow: none; background: none; border-radius: 0; }
+
+calendar > header > button:backdrop { background: none; }
+
+calendar > grid > label.today { box-shadow: inset 0px -2px #877b6e; }
+
+calendar > grid > label.today:selected { box-shadow: none; }
+
+calendar > grid > label:focus { outline-color: rgba(27, 106, 203, 0.8); outline-offset: -2px; outline-width: 2px; outline-style: solid; }
+
+calendar > grid > label.day-number { padding: 4px; }
+
+calendar > grid > label.day-number:selected { border-radius: 3px; }
+
+calendar > grid > label.day-number.other-month { color: alpha(currentColor,0.3); }
+
+/*********** Dialogs * */
+window.dialog.message .titlebar { min-height: 20px; background-image: none; background-color: #fdfdfc; border-style: none; border-top-left-radius: 7px; border-top-right-radius: 7px; }
+
+window.dialog.message box.dialog-vbox.vertical { border-spacing: 10px; }
+
+window.dialog.message label.title { font-weight: 800; font-size: 15pt; }
+
+window.dialog.message.csd.background { border-bottom-left-radius: 9px; border-bottom-right-radius: 9px; }
+
+window.dialog.message.csd .dialog-action-area button { padding: 10px 14px; border-radius: 0; border-left-style: solid; border-right-style: none; border-bottom-style: none; }
+
+window.dialog.message.csd .dialog-action-area button:first-child { border-left-style: none; border-bottom-left-radius: 7px; }
+
+window.dialog.message.csd .dialog-action-area button:last-child { border-bottom-right-radius: 7px; }
+
+filechooser .dialog-action-box { border-top: 1px solid #877b6e; }
+
+filechooser #pathbarbox { border-bottom: 1px solid #fdfdfc; }
+
+filechooserbutton > button > box { border-spacing: 6px; }
+
+filechooserbutton:drop(active) { box-shadow: none; border-color: transparent; }
+
+/*********** Sidebar * */
+.sidebar { background-color: #fefefe; }
+
+.sidebar:not(separator):dir(ltr), .sidebar.left:not(separator), .sidebar.left:not(separator):dir(rtl) { border-right: 1px solid #877b6e; border-left-style: none; }
+
+.sidebar:not(separator):dir(rtl), .sidebar.right:not(separator) { border-left: 1px solid #877b6e; border-right-style: none; }
+
+.sidebar listview.view, .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 list.separators:not(.horizontal) > row:not(.separator) { border-bottom: none; }
+
+stacksidebar row { padding: 10px 4px; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+stacksidebar row { outline: 0 solid transparent; outline-offset: 4px; }
+
+stacksidebar row:focus:focus-visible { outline-color: rgba(27, 106, 203, 0.8); outline-width: 2px; outline-offset: -2px; }
+
+stacksidebar row > label { padding-left: 6px; padding-right: 6px; }
+
+stacksidebar row.needs-attention > label { background-size: 6px 6px, 0 0; }
+
+stacksidebar row:selected { background-color: #e6e3e0; border-radius: 5px; color: #272c2e; }
+
+stacksidebar row:selected:hover:dir(ltr), stacksidebar row:selected:hover:dir(rtl) { background-color: #dad6d2; }
+
+stacksidebar row.activatable:active, stacksidebar row.activatable:selected:active { box-shadow: none; }
+
+separator.sidebar { background-color: #877b6e; }
+
+/********************** Navigation Sidebar * */
+.navigation-sidebar { padding: 5px 0; }
+
+.navigation-sidebar > separator { margin: 5px; }
+
+.navigation-sidebar > row { min-height: 36px; padding: 0 8px; border-radius: 5px; margin: 0 5px 2px; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+.navigation-sidebar > row { outline: 0 solid transparent; outline-offset: 4px; }
+
+.navigation-sidebar > row:focus-visible:focus-within { outline-color: rgba(27, 106, 203, 0.8); outline-width: 2px; outline-offset: -2px; }
+
+.navigation-sidebar > row:hover { background-color: #dad6d2; }
+
+.navigation-sidebar > row:selected { background-color: #e6e3e0; color: inherit; }
+
+.navigation-sidebar > row:selected:hover { background-color: #dad6d2; }
+
+.navigation-sidebar > row:disabled { color: #929495; }
+
+/**************** File chooser * */
+row image.sidebar-icon { opacity: 0.7; }
+
+/* this should be more generic, only using .navigation-sidebar https://gitlab.gnome.org/GNOME/gtk/-/issues/2929 */
+placessidebar .navigation-sidebar > row { padding: 0; }
+
+placessidebar .navigation-sidebar > row > revealer { padding: 0 14px; }
+
+placessidebar .navigation-sidebar > row image.sidebar-icon:dir(ltr) { padding-right: 8px; }
+
+placessidebar .navigation-sidebar > row image.sidebar-icon:dir(rtl) { padding-left: 8px; }
+
+placessidebar .navigation-sidebar > row label.sidebar-label:dir(ltr) { padding-right: 2px; }
+
+placessidebar .navigation-sidebar > 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%; }
+
+placessidebar .navigation-sidebar > row:selected:active { box-shadow: none; }
+
+placessidebar .navigation-sidebar > row.sidebar-placeholder-row { padding: 0 8px; min-height: 2px; background-image: image(#2ec27e); background-clip: content-box; }
+
+placessidebar .navigation-sidebar > row.sidebar-new-bookmark-row { color: #1b6acb; }
+
+placessidebar .navigation-sidebar > row:drop(active):not(:disabled) { color: #2ec27e; box-shadow: inset 0 1px #2ec27e, inset 0 -1px #2ec27e; }
+
+placessidebar .navigation-sidebar > row:drop(active):not(:disabled):selected { color: #ffffff; background-color: #2ec27e; }
+
+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 > actionbar > revealer > box > box { border-spacing: 6px; }
+
+/********* Paned * */
+paned > separator { min-width: 1px; min-height: 1px; -gtk-icon-source: none; border-style: none; background-color: transparent; background-image: image(#877b6e); background-size: 1px 1px; }
+
+paned > separator:selected { background-image: image(#1b6acb); }
+
+paned > separator.wide { min-width: 5px; min-height: 5px; background-color: #fdfdfc; background-image: image(#877b6e), image(#877b6e); background-size: 1px 1px, 1px 1px; }
+
+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; }
+
+/************** GtkVideo * */
+video { background: black; }
+
+video image.osd { min-width: 64px; min-height: 64px; border-radius: 32px; }
+
+/************ Tooltips * */
+tooltip { padding: 6px 10px; border-radius: 8px; box-shadow: none; }
+
+tooltip.background { background-color: rgba(0, 0, 0, 0.8); background-clip: padding-box; border: 1px solid rgba(255, 255, 255, 0.1); color: white; }
+
+tooltip > box { border-spacing: 6px; }
+
+/***************** Color Chooser * */
+colorswatch { transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+colorswatch { outline: 0 solid transparent; outline-offset: 6px; }
+
+colorswatch:focus:focus-visible { outline-color: rgba(27, 106, 203, 0.8); outline-width: 4px; outline-offset: -2px; }
+
+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; }
+
+colorswatch.dark > overlay { color: white; }
+
+colorswatch.dark.activatable:hover > overlay { border-color: rgba(0, 0, 0, 0.8); }
+
+colorswatch.light > overlay { color: black; }
+
+colorswatch.light.activatable:hover > overlay { border-color: rgba(0, 0, 0, 0.5); }
+
+colorswatch:drop(active) { box-shadow: none; }
+
+colorswatch.light:drop(active) > overlay { border-color: #2ec27e; box-shadow: inset 0 0 0 2px #27a56b, inset 0 0 0 1px #2ec27e; }
+
+colorswatch.dark:drop(active) > overlay { border-color: #2ec27e; box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.3), inset 0 0 0 1px #2ec27e; }
+
+colorswatch > overlay { border: 1px solid rgba(0, 0, 0, 0.3); }
+
+colorswatch.activatable:hover > overlay { box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), inset 0 -1px rgba(0, 0, 0, 0.2); }
+
+colorswatch#add-color-button { border-radius: 5px 0 0 5px; }
+
+colorswatch#add-color-button:only-child { border-radius: 5px; }
+
+colorswatch#add-color-button > overlay { color: #272c2e; outline-color: rgba(27, 106, 203, 0.8); border-color: #877b6e; background-image: linear-gradient(to top, #fafaf9 2px, white); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); }
+
+colorswatch#add-color-button.activatable:hover > overlay { color: #272c2e; border-color: #877b6e; background-image: linear-gradient(to top, #dad6d2, #edebe9 1px); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); }
+
+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; }
+
+plane { transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+plane { outline: 0 solid transparent; outline-offset: 6px; }
+
+plane:focus:focus-visible { outline-color: rgba(27, 106, 203, 0.8); outline-width: 2px; outline-offset: 2px; }
+
+colorchooser .popover.osd { border-radius: 5px; }
+
+/******** Misc * */
+.content-view { background-color: #edebe9; }
+
+.content-view:hover { -gtk-icon-filter: brightness(1.2); }
+
+.content-view .tile { margin: 2px; background-color: transparent; border-radius: 0; padding: 0; }
+
+.content-view .tile:active, .content-view .tile:selected { background-color: transparent; }
+
+.content-view .tile:disabled { background-color: transparent; }
+
+.osd .scale-popup button.flat { border-style: none; border-radius: 5px; }
+
+.scale-popup button:hover { background-color: rgba(39, 44, 46, 0.1); border-radius: 5px; }
+
+/********************** Window Decorations * */
+window { border-width: 0px; }
+
+window.csd { box-shadow: 0 3px 9px 1px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(0, 0, 0, 0.23); margin: 0px; border-radius: 8px 8px 0 0; }
+
+window.csd: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.csd.popup { border-radius: 5px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.13); }
+
+window.csd.dialog.message { border-radius: 8px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.13); }
+
+window.solid-csd { margin: 0; padding: 4px; border: solid 1px #877b6e; border-radius: 0; box-shadow: inset 0 0 0 4px #877b6e, inset 0 0 0 3px white, inset 0 1px rgba(255, 255, 255, 0.8); }
+
+window.solid-csd:backdrop { box-shadow: inset 0 0 0 4px #877b6e, inset 0 0 0 3px #f6f5f4, inset 0 1px rgba(255, 255, 255, 0.8); }
+
+window.maximized, window.fullscreen { border-radius: 0; box-shadow: none; }
+
- window:backdrop { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.18), 0 0 0 20px transparent; }
++window.tiled, window.tiled-top, window.tiled-left, window.tiled-right, window.tiled-bottom { border-radius: 0; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.23), 0 0 0 20px transparent; }
+
++window.tiled:backdrop, window.tiled-top:backdrop, window.tiled-left:backdrop, window.tiled-right:backdrop, window.tiled-bottom:backdrop { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.18), 0 0 0 20px transparent; }
+
+window.popup { box-shadow: none; }
+
+window.ssd { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.23); }
+
+tooltip.csd { border-radius: 5px; box-shadow: none; }
+
+.view:selected:focus, .view:selected, textview > text:selected:focus, textview > text:selected, iconview:selected:focus, iconview:selected, flowbox > flowboxchild:selected, gridview > child:selected, modelbutton.flat:selected, columnview.view:selected:focus, columnview.view:selected, treeview.view:selected:focus, treeview.view:selected, row:selected, calendar > grid > label.day-number:selected { background-color: #1b6acb; }
+
+label:selected, .view:selected:focus, .view:selected, textview > text:selected:focus, textview > text:selected, iconview:selected:focus, iconview:selected, flowbox > flowboxchild:selected, gridview > child:selected, modelbutton.flat:selected, columnview.view:selected:focus, columnview.view:selected, treeview.view:selected:focus, treeview.view:selected, row:selected, calendar > grid > label.day-number:selected { color: #ffffff; }
+
+label:disabled > selection, label:disabled:selected, .view:disabled:selected, textview > text:disabled:selected:focus, textview > text:disabled:selected, iconview:disabled:selected:focus, iconview:disabled:selected, flowbox > flowboxchild:disabled:selected, gridview > child:disabled:selected, modelbutton.flat:disabled:selected, columnview.view:disabled:selected, treeview.view:disabled:selected, row:disabled:selected, calendar > grid > label.day-number:disabled:selected { color: #8db5e5; }
+
+.monospace { font-family: monospace; }
+
+/********************** Touch Copy & Paste * */
+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; }
+
+cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets-hc/text-select-start.png"), url("assets-hc/text-select-start@2.png")); }
+
+cursor-handle.bottom:dir(ltr), cursor-handle.top:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets-hc/text-select-end.png"), url("assets-hc/text-select-end@2.png")); }
+
+cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets-hc/slider-horz-scale-has-marks-above.png"), url("assets-hc/slider-horz-scale-has-marks-above@2.png")); }
+
+cursor-handle.top:hover:dir(ltr), cursor-handle.bottom:hover:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets-hc/text-select-start-hover.png"), url("assets-hc/text-select-start-hover@2.png")); }
+
+cursor-handle.bottom:hover:dir(ltr), cursor-handle.top:hover:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets-hc/text-select-end-hover.png"), url("assets-hc/text-select-end-hover@2.png")); }
+
+cursor-handle.insertion-cursor:hover:dir(ltr), cursor-handle.insertion-cursor:hover:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets-hc/slider-horz-scale-has-marks-above-hover.png"), url("assets-hc/slider-horz-scale-has-marks-above-hover@2.png")); }
+
+cursor-handle.top:active:dir(ltr), cursor-handle.bottom:active:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets-hc/text-select-start-active.png"), url("assets-hc/text-select-start-active@2.png")); }
+
+cursor-handle.bottom:active:dir(ltr), cursor-handle.top:active:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets-hc/text-select-end-active.png"), url("assets-hc/text-select-end-active@2.png")); }
+
+cursor-handle.insertion-cursor:active:dir(ltr), cursor-handle.insertion-cursor:active:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets-hc/slider-horz-scale-has-marks-above-active.png"), url("assets-hc/slider-horz-scale-has-marks-above-active@2.png")); }
+
+shortcuts-section { margin: 20px; }
+
+.shortcuts-search-results { margin: 20px; border-spacing: 24px; }
+
+shortcut { border-spacing: 6px; }
+
+shortcut > .keycap { min-width: 20px; min-height: 25px; margin-top: 2px; padding-bottom: 3px; padding-left: 6px; padding-right: 6px; color: #272c2e; background-color: #ffffff; border: 1px solid; border-color: #c2bcb5; border-radius: 5px; box-shadow: inset 0 -3px #fdfdfd; font-size: smaller; }
+
+:not(decoration):not(window):drop(active):focus, :not(decoration):not(window):drop(active) { border-color: #2ec27e; box-shadow: inset 0 0 0 1px #2ec27e; caret-color: #2ec27e; }
+
+stackswitcher > button.text-button { min-width: 100px; }
+
+stackswitcher.circular { border-spacing: 12px; }
+
+stackswitcher.circular > button.circular, stackswitcher.circular > button.text-button.circular { min-width: 32px; min-height: 32px; padding: 0; }
+
+/************* App Icons * */
+/* Outline for low res icons */
+.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); }
+
+/* Drapshadow for large icons */
+.icon-dropshadow { -gtk-icon-shadow: 0 1px 12px rgba(0, 0, 0, 0.05), 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); }
+
+/********* Emoji * */
+popover.emoji-picker > contents { padding: 0; }
+
+.emoji-searchbar { padding: 6px; border-spacing: 6px; border-bottom: 1px solid #877b6e; }
+
+.emoji-toolbar { padding: 6px; border-spacing: 6px; border-top: 1px solid #877b6e; }
+
+button.emoji-section { border-color: transparent; border-width: 3px; border-style: none none solid; border-radius: 0; 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; }
+
+button.emoji-section:hover { border-color: #877b6e; }
+
+button.emoji-section:checked { border-color: #1b6acb; }
+
+popover.emoji-picker emoji { font-size: x-large; padding: 6px; border-radius: 6px; }
+
+popover.emoji-picker emoji:focus, popover.emoji-picker emoji:hover { background: #1b6acb; }
+
+emoji-completion-row > box { border-spacing: 10px; padding: 2px 10px; }
+
+emoji-completion-row:focus, emoji-completion-row:hover { background-color: #1b6acb; color: #ffffff; }
+
+emoji-completion-row emoji:focus, emoji-completion-row emoji:hover { background-color: #e6e3e0; }
+
+popover.entry-completion > contents { padding: 0; }
+
+statusbar { padding: 6px 10px 6px 10px; }
+
+menubutton > button > box { border-spacing: 6px; }
+
+menubutton arrow { min-height: 16px; min-width: 16px; }
+
+menubutton arrow.none { -gtk-icon-source: -gtk-icontheme("open-menu-symbolic"); }
+
+menubutton arrow.down { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+
+menubutton arrow.up { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
+
+menubutton arrow.left { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); }
+
+menubutton arrow.right { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
--- /dev/null
- textview > text > selection:focus-within { background-color: #3584e4; }
+/*************************** Check and Radio buttons * */
+/*************** Base States * */
+.background { color: #2e3436; background-color: #f6f5f4; }
+
+.background:backdrop { text-shadow: none; -gtk-icon-shadow: none; }
+
+dnd { color: #2e3436; }
+
+.normal-icons { -gtk-icon-size: 16px; }
+
+.large-icons { -gtk-icon-size: 32px; }
+
+image:disabled { -gtk-icon-filter: opacity(0.5); }
+
+.view, iconview, textview > text { color: black; background-color: #ffffff; }
+
+.view:disabled, iconview:disabled, textview > text:disabled { color: #929595; background-color: #faf9f8; }
+
+.view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, textview > text:selected:focus, textview > text:selected { border-radius: 3px; }
+
+textview > text > selection { background-color: rgba(141, 141, 141, 0.5); }
+
- label > selection:focus-within { background-color: #3584e4; }
++textview > text > selection:focus-within { background-color: rgba(53, 132, 228, 0.3); }
+
+textview:drop(active) { caret-color: #2ec27e; }
+
+textview > border { background-color: #fbfafa; }
+
+iconview { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+iconview { outline: 0 solid transparent; outline-offset: 4px; }
+
+iconview:focus:focus-visible { outline-color: rgba(53, 132, 228, 0.5); outline-width: 2px; outline-offset: -2px; }
+
+iconview:drop(active) { box-shadow: none; }
+
+iconview > dndtarget:drop(active) { border-style: solid; border-width: 1px; border-color: #185fb4; }
+
+rubberband, .content-view > rubberband, columnview.view > rubberband, treeview.view > rubberband, gridview > rubberband, flowbox > rubberband { border: 1px solid #1b6acb; background-color: rgba(27, 106, 203, 0.2); }
+
+flowbox > flowboxchild { padding: 3px; transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+flowbox > flowboxchild { outline: 0 solid transparent; outline-offset: 4px; }
+
+flowbox > flowboxchild:focus:focus-visible { outline-color: rgba(53, 132, 228, 0.5); outline-width: 2px; outline-offset: -2px; }
+
+flowbox > flowboxchild:selected { outline-color: rgba(255, 255, 255, 0.8); }
+
+gridview > child { padding: 3px; transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+gridview > child { outline: 0 solid transparent; outline-offset: 4px; }
+
+gridview > child:focus:focus-visible { outline-color: rgba(53, 132, 228, 0.5); outline-width: 2px; outline-offset: -2px; }
+
+gridview > child:selected { outline-color: rgba(255, 255, 255, 0.8); }
+
+gridview > child box { border-spacing: 8px; margin: 12px; }
+
+coverflow cover { color: black; background-color: #ffffff; border: 1px solid black; }
+
+label { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+label { outline: 0 solid transparent; outline-offset: 4px; }
+
+label:focus:focus-visible { outline-color: rgba(53, 132, 228, 0.5); outline-width: 2px; outline-offset: -2px; }
+
+label > selection { background-color: rgba(141, 141, 141, 0.5); color: #ffffff; }
+
- spinbutton.vertical > text > text > selection:focus-within, spinbutton:not(.vertical) > text > selection:focus-within, entry > text > selection:focus-within { background-color: #3584e4; color: #ffffff; }
++label > selection:focus-within { background-color: rgba(53, 132, 228, 0.3); }
+
+label:disabled { color: #929595; }
+
+button label:disabled { color: inherit; }
+
+label.error { color: #cc0000; }
+
+label.error:disabled { color: rgba(204, 0, 0, 0.5); }
+
+.dim-label, .titlebar:not(headerbar) .subtitle, headerbar .subtitle, spinbutton.vertical > text > text > placeholder, spinbutton:not(.vertical) > text > placeholder, entry > text > placeholder, label.separator { opacity: 0.55; text-shadow: none; }
+
+window.assistant .sidebar { padding: 5px; border-top: 1px solid #cdc7c2; }
+
+window.assistant.csd .sidebar { border-top-style: none; }
+
+window.assistant .sidebar > label { padding: 6px 12px; }
+
+window.assistant .sidebar > label.highlight { background-color: #e8e6e3; border-radius: 5px; }
+
+window.aboutdialog image.large-icons { -gtk-icon-size: 128px; }
+
+.osd .scale-popup, .app-notification, .osd popover.background > arrow, .osd popover.background > contents, popover.background.touch-selection > arrow, popover.background.touch-selection > contents, popover.background.magnifier > arrow, popover.background.magnifier > contents, .osd { color: #eeeeec; border: none; background-color: rgba(53, 53, 53, 0.7); background-clip: padding-box; -gtk-icon-shadow: 0 1px black; }
+
+/********************* Spinner Animation * */
+@keyframes spin { to { 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; }
+
+/********************** General Typography * */
+.large-title { font-weight: 300; font-size: 24pt; }
+
+.title-1 { font-weight: 800; font-size: 20pt; }
+
+.title-2 { font-weight: 800; font-size: 15pt; }
+
+.title-3 { font-weight: 700; font-size: 15pt; }
+
+.title-4 { font-weight: 700; font-size: 13pt; }
+
+.heading { font-weight: 700; font-size: 11pt; }
+
+.body { font-weight: 400; font-size: 11pt; }
+
+.caption-heading { font-weight: 700; font-size: 9pt; }
+
+.caption { font-weight: 400; font-size: 9pt; }
+
+/**************** Text Entries * */
+spinbutton.vertical > text, spinbutton:not(.vertical), entry { min-height: 32px; padding-left: 8px; padding-right: 8px; border: 1px solid; border-radius: 5px; border-spacing: 6px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: black; border-color: #cdc7c2; background-color: #ffffff; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+spinbutton.vertical > text, spinbutton:not(.vertical), entry { outline: 0 solid transparent; outline-offset: 4px; }
+
+spinbutton.vertical > text:focus-within, spinbutton:focus-within:not(.vertical), entry:focus-within { outline-color: rgba(53, 132, 228, 0.5); outline-width: 2px; outline-offset: -2px; }
+
+spinbutton.vertical > text > image.left, spinbutton:not(.vertical) > image.left, entry > image.left { margin-right: 6px; }
+
+spinbutton.vertical > text > image.right, spinbutton:not(.vertical) > image.right, entry > image.right { margin-left: 6px; }
+
+spinbutton.vertical > text > text > block-cursor, spinbutton:not(.vertical) > text > block-cursor, entry > text > block-cursor { color: #ffffff; background-color: black; }
+
+spinbutton.vertical > text.flat, spinbutton.flat:not(.vertical), entry.flat:focus-within, entry.flat:backdrop, entry.flat:disabled, entry.flat { min-height: 0; padding: 2px; background-color: transparent; border-color: transparent; border-radius: 0; }
+
+spinbutton.vertical > text:focus-within > placeholder, spinbutton:focus-within:not(.vertical) > placeholder, entry:focus-within > placeholder { opacity: 0; /* We hide placeholders on focus */ }
+
+spinbutton.vertical > text:disabled, spinbutton:disabled:not(.vertical), entry:disabled { color: #929595; border-color: #cdc7c2; background-color: #faf9f8; }
+
+spinbutton.vertical > text > text > selection, spinbutton:not(.vertical) > text > selection, entry > text > selection { background-color: rgba(141, 141, 141, 0.5); color: transparent; }
+
- spinbutton.vertical > text > selection:focus-within { background-color: #3584e4; color: #ffffff; }
++spinbutton.vertical > text > text > selection:focus-within, spinbutton:not(.vertical) > text > selection:focus-within, entry > text > selection:focus-within { background-color: rgba(53, 132, 228, 0.3); color: #2e3436; }
+
+spinbutton.vertical > text.error, spinbutton.error:not(.vertical), entry.error { color: #cc0000; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+spinbutton.vertical > text.error, spinbutton.error:not(.vertical), entry.error { outline: 0 solid transparent; outline-offset: 4px; }
+
+spinbutton.vertical > text.error:focus-within, spinbutton.error:focus-within:not(.vertical), entry.error:focus-within { outline-color: rgba(204, 0, 0, 0.5); outline-width: 2px; outline-offset: -2px; }
+
+spinbutton.vertical > text.error > selection, spinbutton.error:not(.vertical) > selection, entry.error > selection { background-color: #cc0000; }
+
+spinbutton.vertical > text.warning, spinbutton.warning:not(.vertical), entry.warning { color: #f57900; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+spinbutton.vertical > text.warning, spinbutton.warning:not(.vertical), entry.warning { outline: 0 solid transparent; outline-offset: 4px; }
+
+spinbutton.vertical > text.warning:focus-within, spinbutton.warning:focus-within:not(.vertical), entry.warning:focus-within { outline-color: rgba(245, 121, 0, 0.5); outline-width: 2px; outline-offset: -2px; }
+
+spinbutton.vertical > text.warning > selection, spinbutton.warning:not(.vertical) > selection, entry.warning > selection { background-color: #f57900; }
+
+spinbutton.vertical > text > image, spinbutton:not(.vertical) > image, entry > image { color: #585d5e; }
+
+spinbutton.vertical > text > image:hover, spinbutton:not(.vertical) > image:hover, entry > image:hover { color: #2e3436; }
+
+spinbutton.vertical > text > image:active, spinbutton:not(.vertical) > image:active, entry > image:active { color: #3584e4; }
+
+spinbutton.vertical > text.password image.caps-lock-indicator, spinbutton.password:not(.vertical) image.caps-lock-indicator, entry.password image.caps-lock-indicator { color: #a7aaaa; }
+
+spinbutton.vertical > text:drop(active), spinbutton:drop(active):not(.vertical), entry:drop(active):focus-within, entry:drop(active) { border-color: #2ec27e; box-shadow: inset 0 0 0 1px #2ec27e; }
+
+.osd spinbutton.vertical > text, .osd spinbutton:not(.vertical), .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; -gtk-icon-shadow: 0 1px black; }
+
+.osd spinbutton.vertical > text:focus-within, .osd spinbutton:focus-within:not(.vertical), .osd entry:focus-within { color: white; border-color: #3584e4; background-color: rgba(0, 0, 0, 0.5); background-clip: padding-box; }
+
+.osd spinbutton.vertical > text:disabled, .osd spinbutton:disabled:not(.vertical), .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; }
+
+spinbutton.vertical > text > progress, spinbutton:not(.vertical) > progress, entry > progress { margin-bottom: 2px; }
+
+spinbutton.vertical > text progress > trough > progress, spinbutton:not(.vertical) 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; }
+
+spinbutton.vertical.linked:not(.vertical) > text:drop(active) + text, spinbutton.vertical.linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + text, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + spinbutton:not(.vertical), .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + spinbutton:not(.vertical), spinbutton.vertical.linked:not(.vertical) > text:drop(active) + button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + menubutton > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + menubutton > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + dropdown > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + dropdown > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + colorbutton > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + colorbutton > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + fontbutton > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + fontbutton > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + filechooserbutton > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + filechooserbutton > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + combobox > box > button.combo, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + entry, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + entry, .linked:not(.vertical) > entry:drop(active) + button, .linked:not(.vertical) > entry:drop(active) + menubutton > button, .linked:not(.vertical) > entry:drop(active) + dropdown > button, .linked:not(.vertical) > entry:drop(active) + colorbutton > button, .linked:not(.vertical) > entry:drop(active) + fontbutton > button, .linked:not(.vertical) > entry:drop(active) + filechooserbutton > button, .linked:not(.vertical) > entry:drop(active) + combobox > box > button.combo, spinbutton.vertical.linked:not(.vertical) > entry:drop(active) + text, .linked:not(.vertical) > entry:drop(active) + spinbutton:not(.vertical), .linked:not(.vertical) > entry:drop(active) + entry { border-left-color: #2ec27e; }
+
+spinbutton.vertical.linked > text:not(:disabled) + entry:not(:disabled), .linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled), spinbutton.vertical.linked > text:not(:disabled) + text:not(:disabled), spinbutton.vertical.linked > spinbutton:not(:disabled):not(.vertical) + text:not(:disabled), spinbutton.vertical.linked > text:not(:disabled) + spinbutton:not(:disabled):not(.vertical), .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):not(.vertical), .linked.vertical > entry:not(:disabled) + entry:not(:disabled), spinbutton.vertical.linked > entry:not(:disabled) + text:not(:disabled), .linked.vertical > entry:not(:disabled) + spinbutton:not(:disabled):not(.vertical) { border-top-color: #f0eeed; }
+
+spinbutton.vertical.linked > text:disabled + text:disabled, spinbutton.vertical.linked > spinbutton:disabled:not(.vertical) + text:disabled, spinbutton.vertical.linked > text:disabled + spinbutton:disabled:not(.vertical), .linked.vertical > spinbutton:disabled:not(.vertical) + spinbutton:disabled:not(.vertical), spinbutton.vertical.linked > text:disabled + entry:disabled, .linked.vertical > spinbutton:disabled:not(.vertical) + entry:disabled, spinbutton.vertical.linked > entry:disabled + text:disabled, .linked.vertical > entry:disabled + spinbutton:disabled:not(.vertical), .linked.vertical > entry:disabled + entry:disabled { border-top-color: #f0eeed; }
+
+spinbutton.vertical.linked > text + text:drop(active):not(:only-child), spinbutton.vertical.linked > spinbutton:not(.vertical) + text:drop(active):not(:only-child), spinbutton.vertical.linked > text + spinbutton:drop(active):not(:only-child):not(.vertical), .linked.vertical > spinbutton:not(.vertical) + spinbutton:drop(active):not(:only-child):not(.vertical), spinbutton.vertical.linked > text + entry:drop(active):not(:only-child), .linked.vertical > spinbutton:not(.vertical) + entry:drop(active):not(:only-child), spinbutton.vertical.linked > entry + text:drop(active):not(:only-child), .linked.vertical > entry + spinbutton:drop(active):not(:only-child):not(.vertical), .linked.vertical > entry + entry:drop(active):not(:only-child) { border-top-color: #2ec27e; }
+
+spinbutton.vertical.linked > text:drop(active):not(:only-child) + text, spinbutton.vertical.linked > spinbutton:drop(active):not(:only-child):not(.vertical) + text, spinbutton.vertical.linked > text:drop(active):not(:only-child) + spinbutton:not(.vertical), .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + spinbutton:not(.vertical), spinbutton.vertical.linked > text:drop(active):not(:only-child) + entry, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + entry, spinbutton.vertical.linked > text:drop(active):not(:only-child) + button, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + button, spinbutton.vertical.linked > text:drop(active):not(:only-child) + menubutton > button, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + menubutton > button, spinbutton.vertical.linked > text:drop(active):not(:only-child) + dropdown > button, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + dropdown > button, spinbutton.vertical.linked > text:drop(active):not(:only-child) + colorbutton > button, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + colorbutton > button, spinbutton.vertical.linked > text:drop(active):not(:only-child) + fontbutton > button, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + fontbutton > button, spinbutton.vertical.linked > text:drop(active):not(:only-child) + filechooserbutton > button, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + filechooserbutton > button, spinbutton.vertical.linked > text:drop(active):not(:only-child) + combobox > box > button.combo, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + combobox > box > button.combo, spinbutton.vertical.linked > entry:drop(active):not(:only-child) + text, .linked.vertical > entry:drop(active):not(:only-child) + spinbutton:not(.vertical), .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) + menubutton > button, .linked.vertical > entry:drop(active):not(:only-child) + dropdown > button, .linked.vertical > entry:drop(active):not(:only-child) + colorbutton > button, .linked.vertical > entry:drop(active):not(:only-child) + fontbutton > button, .linked.vertical > entry:drop(active):not(:only-child) + filechooserbutton > button, .linked.vertical > entry:drop(active):not(:only-child) + combobox > box > button.combo { border-top-color: #2ec27e; }
+
+spinbutton.vertical > text.error, spinbutton.error:not(.vertical), entry.error { color: #cc0000; }
+
+treeview entry:focus-within:dir(rtl), treeview entry:focus-within:dir(ltr) { background-color: #ffffff; transition-property: color, background; }
+
+treeview entry.flat, treeview entry { border-radius: 0; background-image: none; background-color: #ffffff; }
+
+treeview entry.flat:focus-within, treeview entry:focus-within { border-color: #3584e4; }
+
+/******************* Editable Labels * */
+editablelabel > stack > text { color: black; border-color: #cdc7c2; background-color: #ffffff; }
+
+/*********** Buttons * */
+@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)); } }
+
+notebook > header > tabs > arrow, windowcontrols button, 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(53, 132, 228, 0.5); border-color: #cdc7c2; background-image: linear-gradient(to top, #f6f5f4 2px, #fbfafa); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+notebook > header > tabs > arrow, windowcontrols button, button { outline: 0 solid transparent; outline-offset: 4px; }
+
+notebook > header > tabs > arrow:focus:focus-visible, button:focus:focus-visible { outline-color: rgba(53, 132, 228, 0.5); outline-width: 2px; outline-offset: -2px; }
+
+notebook > header > tabs > arrow:hover, button:hover { color: #2e3436; border-color: #cdc7c2; background-image: linear-gradient(to top, #d6d1cd, #e8e6e3 1px); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); -gtk-icon-filter: brightness(1.2); }
+
+notebook > header > tabs > arrow.keyboard-activating, notebook > header > tabs > arrow:active, notebook > header > tabs > arrow:checked, button.keyboard-activating, button:active, button:checked { color: #2e3436; border-color: #cdc7c2; background-image: image(#dad6d2); box-shadow: none; transition-duration: 50ms; }
+
+notebook > header > tabs > arrow:checked:hover, button:checked:hover { color: #2e3436; border-color: #cdc7c2; background-image: image(#d1ccc7); box-shadow: none; }
+
+notebook > header > tabs > arrow:checked:active, button:checked:active { color: #2e3436; border-color: #cdc7c2; background-image: image(#c8c2bc); box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop, button.flat:backdrop, button:backdrop { color: #929595; border-color: #d5d0cc; background-image: image(#f6f5f4); box-shadow: none; transition: 200ms ease-out; }
+
+notebook > header > tabs > arrow:backdrop:not(:disabled), button.flat:backdrop:not(:disabled), button:backdrop:not(:disabled) { -gtk-icon-filter: none; }
+
+notebook > header > tabs > arrow:backdrop:active, notebook > header > tabs > arrow:backdrop:checked, button.flat:backdrop:active, button.flat:backdrop:checked, button:backdrop:active, button:backdrop:checked { color: #929595; border-color: #d5d0cc; background-image: image(#e9e9e3); box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop:disabled, button.flat:backdrop:disabled, button:backdrop:disabled { color: #d4cfca; border-color: #d5d0cc; background-image: image(#faf9f8); box-shadow: none; }
+
+notebook > header > tabs > arrow:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, button.flat:backdrop:disabled:active, button.flat:backdrop:disabled:checked, button:backdrop:disabled:active, button:backdrop:disabled:checked { color: #d4cfca; border-color: #d5d0cc; background-image: image(#e9e9e3); box-shadow: none; }
+
+notebook > header > tabs > arrow:disabled, button:disabled { color: #929595; border-color: #d5d0cc; background-image: image(#faf9f8); -gtk-icon-filter: opacity(0.5); }
+
+notebook > header > tabs > arrow:disabled:active, notebook > header > tabs > arrow:disabled:checked, button:disabled:active, button:disabled:checked { color: #929595; border-color: #d5d0cc; background-image: image(#e9e9e3); box-shadow: none; }
+
+button.sidebar-button, notebook > header > tabs > arrow, windowcontrols button, .toolbar > button, .toolbar > :not(.linked) > button, .toolbar :not(.linked) > menubutton > button, .toolbar :not(.linked) > scalebutton > button, .toolbar :not(.linked) > dropdown > button, .toolbar :not(.linked) > colorbutton > button, .toolbar :not(.linked) > fontbutton > button, .toolbar :not(.linked) > appchooserbutton > button, .toolbar :not(.linked) > combobox > box > button, notebook > header > tabs > arrow.flat, button.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: none; }
+
+button.sidebar-button:hover, notebook > header > tabs > arrow:hover, windowcontrols button:hover, .toolbar > button:hover, .toolbar > :not(.linked) > button:hover, .toolbar :not(.linked) > menubutton > button:hover, .toolbar :not(.linked) > scalebutton > button:hover, .toolbar :not(.linked) > dropdown > button:hover, .toolbar :not(.linked) > colorbutton > button:hover, .toolbar :not(.linked) > fontbutton > button:hover, .toolbar :not(.linked) > appchooserbutton > button:hover, .toolbar :not(.linked) > combobox > box > button:hover, button.flat:hover { border-color: transparent; background-image: none; box-shadow: none; background-color: #dad6d2; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-duration: 500ms; }
+
+button.keyboard-activating.sidebar-button, notebook > header > tabs > arrow.keyboard-activating, windowcontrols button.keyboard-activating, .toolbar > button.keyboard-activating, .toolbar > :not(.linked) > button.keyboard-activating, .toolbar :not(.linked) > menubutton > button.keyboard-activating, .toolbar :not(.linked) > scalebutton > button.keyboard-activating, .toolbar :not(.linked) > dropdown > button.keyboard-activating, .toolbar :not(.linked) > colorbutton > button.keyboard-activating, .toolbar :not(.linked) > fontbutton > button.keyboard-activating, .toolbar :not(.linked) > appchooserbutton > button.keyboard-activating, .toolbar :not(.linked) > combobox > box > button.keyboard-activating, button.sidebar-button:active, notebook > header > tabs > arrow:active, windowcontrols button:active, .toolbar > button:active, .toolbar > :not(.linked) > button:active, .toolbar :not(.linked) > menubutton > button:active, .toolbar :not(.linked) > scalebutton > button:active, .toolbar :not(.linked) > dropdown > button:active, .toolbar :not(.linked) > colorbutton > button:active, .toolbar :not(.linked) > fontbutton > button:active, .toolbar :not(.linked) > appchooserbutton > button:active, .toolbar :not(.linked) > combobox > box > button:active, button.sidebar-button:checked, notebook > header > tabs > arrow:checked, windowcontrols button:checked, .toolbar > button:checked, .toolbar > :not(.linked) > button:checked, .toolbar :not(.linked) > menubutton > button:checked, .toolbar :not(.linked) > scalebutton > button:checked, .toolbar :not(.linked) > dropdown > button:checked, .toolbar :not(.linked) > colorbutton > button:checked, .toolbar :not(.linked) > fontbutton > button:checked, .toolbar :not(.linked) > appchooserbutton > button:checked, .toolbar :not(.linked) > combobox > box > button:checked, button.flat.keyboard-activating, button.flat:active, button.flat:checked { border-color: transparent; background-image: none; box-shadow: none; background-color: #cdc7c2; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+button.sidebar-button:backdrop, notebook > header > tabs > arrow:backdrop, windowcontrols button:backdrop, .toolbar > button:backdrop, .toolbar > :not(.linked) > button:backdrop, .toolbar :not(.linked) > menubutton > button:backdrop, .toolbar :not(.linked) > scalebutton > button:backdrop, .toolbar :not(.linked) > dropdown > button:backdrop, .toolbar :not(.linked) > colorbutton > button:backdrop, .toolbar :not(.linked) > fontbutton > button:backdrop, .toolbar :not(.linked) > appchooserbutton > button:backdrop, .toolbar :not(.linked) > combobox > box > button:backdrop, button.sidebar-button:disabled, notebook > header > tabs > arrow:disabled, windowcontrols button:disabled, .toolbar > button:disabled, .toolbar > :not(.linked) > button:disabled, .toolbar :not(.linked) > menubutton > button:disabled, .toolbar :not(.linked) > scalebutton > button:disabled, .toolbar :not(.linked) > dropdown > button:disabled, .toolbar :not(.linked) > colorbutton > button:disabled, .toolbar :not(.linked) > fontbutton > button:disabled, .toolbar :not(.linked) > appchooserbutton > button:disabled, .toolbar :not(.linked) > combobox > box > button:disabled, button.flat:backdrop, button.flat:disabled, button.flat:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > arrow.image-button, button.image-button { min-width: 24px; padding-left: 5px; padding-right: 5px; }
+
+notebook > header > tabs > arrow.text-button, button.text-button { padding-left: 16px; padding-right: 16px; }
+
+notebook > header > tabs > arrow.text-button.image-button, button.text-button.image-button { padding-left: 8px; padding-right: 8px; }
+
+notebook > header > tabs > arrow.text-button.image-button label, button.text-button.image-button label { padding-left: 8px; padding-right: 8px; }
+
+notebook > header > tabs > arrow.arrow-button, button.arrow-button { padding-left: 10px; padding-right: 10px; }
+
+notebook > header > tabs > arrow.arrow-button > box, windowcontrols button.arrow-button > box, button.arrow-button > box { border-spacing: 4px; }
+
+dropdown:drop(active) button.combo, combobox:drop(active) button.combo, notebook > header > tabs > arrow:drop(active), button:drop(active) { color: #2ec27e; border-color: #2ec27e; box-shadow: inset 0 0 0 1px #2ec27e; }
+
+row:selected button { border-color: #185fb4; }
+
+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; }
+
+button.osd { min-width: 26px; min-height: 32px; color: #eeeeec; border-radius: 5px; color: #eeeeec; outline-color: rgba(53, 132, 228, 0.5); border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(53, 53, 53, 0.7)); background-clip: padding-box; border: none; box-shadow: none; }
+
+button.osd.image-button { min-width: 30px; }
+
+button.osd.image-button:only-child { margin: 4px; border-radius: 50%; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); }
+
+button.osd:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(27, 27, 27, 0.7)); background-clip: padding-box; border: none; box-shadow: none; }
+
+button.osd:active, button.osd:checked { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(2, 2, 2, 0.7)); background-clip: padding-box; box-shadow: none; border: none; box-shadow: none; }
+
+.app-notification button, popover.background.touch-selection button, popover.background.magnifier button, .osd button { color: #eeeeec; outline-color: rgba(53, 132, 228, 0.5); border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(53, 53, 53, 0.7)); background-clip: padding-box; }
+
+.app-notification button:hover, popover.background.touch-selection button:hover, popover.background.magnifier button:hover, .osd button:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(27, 27, 27, 0.7)); background-clip: padding-box; }
+
+.app-notification button:active, popover.background.touch-selection button:active, popover.background.magnifier button:active, .app-notification button:checked, popover.background.touch-selection button:checked, popover.background.magnifier 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(2, 2, 2, 0.7)); background-clip: padding-box; box-shadow: none; }
+
+.app-notification button:disabled, popover.background.touch-selection button:disabled, popover.background.magnifier 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; }
+
+.app-notification button.flat, popover.background.touch-selection button.flat, popover.background.magnifier button.flat, .osd button.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; box-shadow: none; -gtk-icon-shadow: 0 1px black; }
+
+.app-notification button.flat:hover, popover.background.touch-selection button.flat:hover, popover.background.magnifier button.flat:hover, .osd button.flat:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(27, 27, 27, 0.7)); background-clip: padding-box; }
+
+.app-notification button.flat:disabled, popover.background.touch-selection button.flat:disabled, popover.background.magnifier 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; background-image: none; border-color: transparent; box-shadow: none; }
+
+.app-notification button.flat:active, popover.background.touch-selection button.flat:active, popover.background.magnifier button.flat:active, .app-notification button.flat:checked, popover.background.touch-selection button.flat:checked, popover.background.magnifier 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(2, 2, 2, 0.7)); background-clip: padding-box; box-shadow: none; }
+
+button.suggested-action { color: white; outline-color: rgba(255, 255, 255, 0.8); border-color: #15539e; background-image: linear-gradient(to top, #2c7fe3 2px, #3584e4); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+button.suggested-action { outline: 0 solid transparent; outline-offset: 4px; }
+
+button.suggested-action:focus:focus-visible { outline-color: rgba(255, 255, 255, 0.8); outline-width: 2px; outline-offset: -2px; }
+
+button.suggested-action.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: #3584e4; }
+
+button.suggested-action:hover { color: white; border-color: #185fb4; background-image: linear-gradient(to top, #185cb0, #1c6fd4 1px); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); }
+
+button.suggested-action:active, button.suggested-action:checked { color: white; border-color: #185fb4; background-image: image(#1961b9); box-shadow: none; }
+
+button.suggested-action.flat:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: rgba(53, 132, 228, 0.8); }
+
+button.suggested-action:disabled { color: #929595; border-color: #d5d0cc; background-image: image(#faf9f8); }
+
+button.suggested-action:disabled:active, button.suggested-action:disabled:checked { color: #acccf4; border-color: #185fb4; background-image: image(#2f80e3); box-shadow: none; }
+
+.osd button.suggested-action { color: #eeeeec; outline-color: rgba(255, 255, 255, 0.8); border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(53, 132, 228, 0.5)); background-clip: padding-box; }
+
+.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; }
+
+.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; }
+
+.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; }
+
+button.destructive-action { color: white; outline-color: rgba(255, 255, 255, 0.8); border-color: #851015; background-image: linear-gradient(to top, #d71a23 2px, #e01b24); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+button.destructive-action { outline: 0 solid transparent; outline-offset: 4px; }
+
+button.destructive-action:focus:focus-visible { outline-color: rgba(255, 255, 255, 0.8); outline-width: 2px; outline-offset: -2px; }
+
+button.destructive-action.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: #e01b24; }
+
+button.destructive-action:hover { color: white; border-color: #9c1319; background-image: linear-gradient(to top, #971218, #bc171e 1px); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); }
+
+button.destructive-action:active, button.destructive-action:checked { color: white; border-color: #9c1319; background-image: image(#a0131a); box-shadow: none; }
+
+button.destructive-action.flat:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: rgba(224, 27, 36, 0.8); }
+
+button.destructive-action:disabled { color: #929595; border-color: #d5d0cc; background-image: image(#faf9f8); }
+
+button.destructive-action:disabled:active, button.destructive-action:disabled:checked { color: #f1a5a8; border-color: #9c1319; background-image: image(#dc1d27); box-shadow: none; }
+
+.osd button.destructive-action { color: #eeeeec; outline-color: rgba(255, 255, 255, 0.8); border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(224, 27, 36, 0.5)); background-clip: padding-box; }
+
+.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; }
+
+.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; }
+
+.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; }
+
+stackswitcher > button > label { padding: 0 6px; margin: 0 -6px; }
+
+stackswitcher > button > image { padding: 3px 6px; margin: -3px -6px; }
+
+button.font separator { background-color: transparent; }
+
+button.font > box { border-spacing: 6px; }
+
+button.font > box > box > label { font-weight: bold; }
+
+menubutton.circular button, button.circular { min-width: 32px; min-height: 32px; padding: 0; border-radius: 9999px; }
+
+menubutton.circular button label, button.circular label { padding: 0; }
+
+stacksidebar row.needs-attention > label, stackswitcher > button.needs-attention > label, stackswitcher > button.needs-attention > image { animation: needs_attention 150ms ease-in; background-image: radial-gradient(farthest-side, #3584e4 96%, rgba(53, 132, 228, 0)); background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; background-position: right 3px, right 4px; }
+
+stacksidebar row.needs-attention > label:backdrop, stackswitcher > button.needs-attention > label:backdrop, stackswitcher > button.needs-attention > image:backdrop { background-size: 6px 6px, 0 0; }
+
+stacksidebar row.needs-attention > label:dir(rtl), stackswitcher > button.needs-attention > label:dir(rtl), stackswitcher > button.needs-attention > image:dir(rtl) { background-position: left 3px, left 4px; }
+
+.linked:not(.vertical) > filechooserbutton > combobox:dir(rtl):not(:last-child) > box > button.combo, .linked:not(.vertical) > appchooserbutton > combobox:dir(rtl):not(:last-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(rtl):not(:last-child) > box > button.combo, .linked:not(.vertical) > filechooserbutton > combobox:dir(ltr):not(:first-child) > box > button.combo, .linked:not(.vertical) > appchooserbutton > combobox:dir(ltr):not(:first-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(ltr):not(:first-child) > box > button.combo, dropdown.linked button:nth-child(2):dir(ltr), combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > menubutton:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > dropdown:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > colorbutton:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > fontbutton:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > filechooserbutton:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > menubutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > dropdown:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > colorbutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > fontbutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > filechooserbutton:dir(ltr):not(:first-child) > button, spinbutton.vertical.linked:not(.vertical) > text:dir(rtl):not(:last-child), .linked:not(.vertical) > spinbutton:dir(rtl):not(:last-child):not(.vertical), .linked:not(.vertical) > entry:dir(rtl):not(:last-child), .linked:not(.vertical) > button:dir(rtl):not(:last-child), spinbutton.vertical.linked:not(.vertical) > text:dir(ltr):not(:first-child), .linked:not(.vertical) > spinbutton:dir(ltr):not(:first-child):not(.vertical), .linked:not(.vertical) > entry:dir(ltr):not(:first-child), .linked:not(.vertical) > button:dir(ltr):not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; }
+
+.linked:not(.vertical) > filechooserbutton > combobox:dir(rtl):not(:first-child) > box > button.combo, .linked:not(.vertical) > appchooserbutton > combobox:dir(rtl):not(:first-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(rtl):not(:first-child) > box > button.combo, .linked:not(.vertical) > filechooserbutton > combobox:dir(ltr):not(:last-child) > box > button.combo, .linked:not(.vertical) > appchooserbutton > combobox:dir(ltr):not(:last-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(ltr):not(:last-child) > box > button.combo, dropdown.linked button:nth-child(2):dir(rtl), combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > menubutton:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > dropdown:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > colorbutton:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > fontbutton:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > filechooserbutton:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > menubutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > dropdown:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > colorbutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > fontbutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > filechooserbutton:dir(ltr):not(:last-child) > button, spinbutton.vertical.linked:not(.vertical) > text:dir(rtl):not(:first-child), .linked:not(.vertical) > spinbutton:dir(rtl):not(:first-child):not(.vertical), .linked:not(.vertical) > entry:dir(rtl):not(:first-child), .linked:not(.vertical) > button:dir(rtl):not(:first-child), spinbutton.vertical.linked:not(.vertical) > text:dir(ltr):not(:last-child), .linked:not(.vertical) > spinbutton:dir(ltr):not(:last-child):not(.vertical), .linked:not(.vertical) > entry:dir(ltr):not(:last-child), .linked:not(.vertical) > button:dir(ltr):not(:last-child) { border-right-style: none; border-top-right-radius: 0; border-bottom-right-radius: 0; }
+
+.linked.vertical > filechooserbutton > combobox:not(:first-child) > box > button.combo, .linked.vertical > appchooserbutton > combobox:not(:first-child) > box > button.combo, .linked.vertical > combobox:not(:first-child) > box > button.combo, .linked.vertical > menubutton:not(:first-child) > button, .linked.vertical > dropdown:not(:first-child) > button, .linked.vertical > colorbutton:not(:first-child) > button, .linked.vertical > fontbutton:not(:first-child) > button, .linked.vertical > filechooserbutton:not(:first-child) > button, spinbutton.vertical.linked > text:not(:first-child), .linked.vertical > spinbutton:not(:first-child):not(.vertical), .linked.vertical > entry:not(:first-child), .linked.vertical > button:not(:first-child) { border-top-left-radius: 0; border-top-right-radius: 0; }
+
+.linked.vertical > filechooserbutton > combobox:not(:last-child) > box > button.combo, .linked.vertical > appchooserbutton > combobox:not(:last-child) > box > button.combo, .linked.vertical > combobox:not(:last-child) > box > button.combo, .linked.vertical > menubutton:not(:last-child) > button, .linked.vertical > dropdown:not(:last-child) > button, .linked.vertical > colorbutton:not(:last-child) > button, .linked.vertical > fontbutton:not(:last-child) > button, .linked.vertical > filechooserbutton:not(:last-child) > button, spinbutton.vertical.linked > text:not(:last-child), .linked.vertical > spinbutton:not(:last-child):not(.vertical), .linked.vertical > entry:not(:last-child), .linked.vertical > button:not(:last-child) { border-bottom-style: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
+
+.scale-popup button:hover, button.link, button.link:hover, button.link:active, button.link:checked, popover.menu box.circular-buttons button.circular.image-button.model, list > row button.image-button:not(.flat), modelbutton.flat { 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; }
+
+/* menu buttons */
+modelbutton.flat { min-height: 26px; padding-left: 5px; padding-right: 5px; border-radius: 5px; }
+
+modelbutton.flat:hover { background-color: #e8e6e3; }
+
+modelbutton.flat:disabled { color: #929595; }
+
+modelbutton.flat arrow { background: none; min-width: 16px; min-height: 16px; opacity: 0.3; }
+
+modelbutton.flat arrow:hover { background: none; }
+
+modelbutton.flat arrow.left { -gtk-icon-source: -gtk-icontheme("go-previous-symbolic"); }
+
+modelbutton.flat arrow.right { -gtk-icon-source: -gtk-icontheme("go-next-symbolic"); }
+
+/* oldstyle toolbar buttons */
+.toolbar > button, .toolbar > :not(.linked) > button, .toolbar :not(.linked) > menubutton > button, .toolbar :not(.linked) > scalebutton > button, .toolbar :not(.linked) > dropdown > button, .toolbar :not(.linked) > colorbutton > button, .toolbar :not(.linked) > fontbutton > button, .toolbar :not(.linked) > appchooserbutton > button, .toolbar :not(.linked) > combobox > box > button { margin: 1px; }
+
+button.color { padding: 4px; }
+
+button.color > colorswatch:only-child { box-shadow: 0 1px rgba(0, 0, 0, 0.1); }
+
+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:active colorswatch:only-child, .osd button.color:checked colorswatch:only-child, button.color:disabled colorswatch:only-child, button.color:active colorswatch:only-child, button.color:checked colorswatch:only-child { box-shadow: none; }
+
+/* list buttons */
+/* tone down as per new designs, see issue #1473 */
+popover.menu box.circular-buttons button.circular.image-button.model, list > row button.image-button:not(.flat) { border: 1px solid rgba(205, 199, 194, 0.5); }
+
+popover.menu box.circular-buttons button.circular.image-button.model:hover, list > row button.image-button:not(.flat):hover { color: #2e3436; border-color: #cdc7c2; background-image: linear-gradient(to top, #d6d1cd, #e8e6e3 1px); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); }
+
+popover.menu box.circular-buttons button.circular.image-button.model:active, popover.menu box.circular-buttons button.circular.image-button.model:checked, list > row button.image-button:not(.flat):active, list > row button.image-button:not(.flat):checked { color: #2e3436; border-color: #cdc7c2; background-image: image(#dad6d2); box-shadow: none; }
+
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model, list > row button.image-button.suggested-action:not(.flat) { color: white; outline-color: rgba(255, 255, 255, 0.8); border-color: #15539e; background-image: linear-gradient(to top, #2c7fe3 2px, #3584e4); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model, list > row button.image-button.suggested-action:not(.flat) { outline: 0 solid transparent; outline-offset: 4px; }
+
+popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:focus:focus-visible, list > row button.image-button.suggested-action:not(.flat):focus:focus-visible { outline-color: rgba(255, 255, 255, 0.8); outline-width: 2px; outline-offset: -2px; }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model, list > row button.image-button.destructive-action:not(.flat) { color: white; outline-color: rgba(255, 255, 255, 0.8); border-color: #851015; background-image: linear-gradient(to top, #d71a23 2px, #e01b24); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model, list > row button.image-button.destructive-action:not(.flat) { outline: 0 solid transparent; outline-offset: 4px; }
+
+popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:focus:focus-visible, list > row button.image-button.destructive-action:not(.flat):focus:focus-visible { outline-color: rgba(255, 255, 255, 0.8); outline-width: 2px; outline-offset: -2px; }
+
+/********* Links * */
+button.link, link { color: #1b6acb; text-decoration: underline; }
+
+button.link:visited, link:visited { color: #15539e; }
+
+*:selected button.link:visited, *:selected link:visited { color: #a1bad8; }
+
+button.link:hover, link:hover { color: #3584e4; }
+
+*:selected button.link:hover, *:selected link:hover { color: #ebf3fc; }
+
+button.link:active, link:active { color: #1b6acb; }
+
+*:selected button.link:active, *:selected link:active { color: #d1e1f5; }
+
+button.link:disabled, link:disabled { color: rgba(115, 115, 115, 0.8); }
+
+button.link:selected, *:selected button.link, link:selected, *:selected link { color: #d1e1f5; }
+
+link { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+link { outline: 0 solid transparent; outline-offset: 4px; }
+
+link:focus:focus-visible { outline-color: rgba(53, 132, 228, 0.5); outline-width: 2px; outline-offset: -2px; }
+
+button.link, button.link:hover, button.link:active, button.link:checked { text-shadow: none; }
+
+button.link > label { text-decoration: underline; }
+
+/***************** GtkSpinButton * */
+spinbutton { font-feature-settings: "tnum"; }
+
+spinbutton:not(.vertical) { padding: 0; border-spacing: 0; /* :not here just to bump specificity above that of the list button styling */ }
+
+.osd spinbutton:not(.vertical) > text, spinbutton:not(.vertical) > text { min-width: 28px; margin: 0; background: none; background-color: transparent; border: none; border-radius: 0; box-shadow: none; padding: 6px; }
+
+.osd spinbutton:not(.vertical) > text:backdrop:disabled, spinbutton:not(.vertical) > text:backdrop:disabled { background-color: transparent; }
+
+spinbutton:not(.vertical) > button.image-button.up:not(.flat), spinbutton:not(.vertical) > button.image-button.down:not(.flat) { 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; }
+
+spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(rtl), spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(rtl) { border-style: none solid none none; }
+
+spinbutton:not(.vertical) > button.image-button.up:not(.flat):hover, spinbutton:not(.vertical) > button.image-button.down:not(.flat):hover { color: #2e3436; background-color: #ebe8e6; }
+
+spinbutton:not(.vertical) > button.image-button.up:not(.flat):disabled, spinbutton:not(.vertical) > button.image-button.down:not(.flat):disabled { color: rgba(146, 149, 149, 0.3); background-color: transparent; }
+
+spinbutton:not(.vertical) > button.image-button.up:not(.flat):active, spinbutton:not(.vertical) > button.image-button.down:not(.flat):active { background-color: rgba(0, 0, 0, 0.1); box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.2); }
+
+spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(ltr):last-child, spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(ltr):last-child { border-radius: 0 5px 5px 0; }
+
+spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(rtl):first-child, spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(rtl):first-child { border-radius: 5px 0 0 5px; }
+
+.osd spinbutton:not(.vertical) > button.image-button.up:not(.flat), .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat) { border-color: transparent; background-color: transparent; background-image: none; box-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.image-button.up:not(.flat):dir(rtl), .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(rtl) { border-style: none solid none none; }
+
+.osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):hover, .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):hover { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: #eeeeec; border-color: rgba(0, 0, 0, 0.5); background-color: rgba(27, 27, 27, 0.7); -gtk-icon-shadow: 0 1px black; box-shadow: none; }
+
+.osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):disabled, .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: #919190; border-color: rgba(0, 0, 0, 0.5); -gtk-icon-shadow: none; box-shadow: none; }
+
+.osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(ltr):last-child, .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(ltr):last-child { border-radius: 0 5px 5px 0; }
+
+.osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(rtl):first-child, .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(rtl):first-child { border-radius: 5px 0 0 5px; }
+
+spinbutton.vertical:disabled { color: #929595; }
+
+spinbutton.vertical:drop(active) { border-color: transparent; box-shadow: none; }
+
+spinbutton.vertical > text { min-height: 32px; min-width: 32px; padding: 0; border-radius: 0; }
+
+spinbutton.vertical > text > selection { background-color: rgba(141, 141, 141, 0.5); color: transparent; }
+
- columnview row:not(:selected) cell editablelabel.editing text selection:focus-within { background-color: #3584e4; color: #ffffff; }
++spinbutton.vertical > text > selection:focus-within { background-color: rgba(53, 132, 228, 0.3); color: #ffffff; }
+
+spinbutton.vertical > text > block-cursor { color: #ffffff; background-color: black; }
+
+spinbutton.vertical > button { min-height: 32px; min-width: 32px; padding: 0; }
+
+spinbutton.vertical > button.up { border-bottom-style: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
+
+spinbutton.vertical > button.down { border-top-style: none; border-top-left-radius: 0; border-top-right-radius: 0; }
+
+.osd spinbutton.vertical > button:first-child { color: #eeeeec; outline-color: rgba(53, 132, 228, 0.5); border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(53, 53, 53, 0.7)); background-clip: padding-box; }
+
+.osd spinbutton.vertical > button:first-child:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(27, 27, 27, 0.7)); background-clip: padding-box; }
+
+.osd spinbutton.vertical > button:first-child:active { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(2, 2, 2, 0.7)); background-clip: padding-box; box-shadow: none; }
+
+.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; }
+
+treeview spinbutton:not(.vertical) { min-height: 0; border-style: none; border-radius: 0; }
+
+treeview spinbutton:not(.vertical) > text { min-height: 0; padding: 1px 2px; }
+
+/************** ComboBoxes * */
+dropdown > popover.menu.background > contents { padding: 0; }
+
+dropdown > button > box { border-spacing: 6px; }
+
+dropdown > button > box > stack > row.activatable:hover { background: none; box-shadow: none; }
+
+dropdown arrow, combobox arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); min-height: 16px; min-width: 16px; }
+
+dropdown > popover.menu > contents modelbutton, combobox > popover.menu > contents modelbutton { padding-left: 9px; padding-right: 9px; }
+
+dropdown:drop(active), combobox:drop(active) { box-shadow: none; }
+
+dropdown popover, combobox popover { margin-top: 6px; padding: 0; }
+
+dropdown popover listview, combobox popover listview { margin: 8px 0; }
+
+dropdown popover listview > row.activatable, combobox popover listview > row.activatable { padding: 8px; }
+
+dropdown popover listview > row.activatable:selected, dropdown popover listview > row.activatable:selected:hover, combobox popover listview > row.activatable:selected, combobox popover listview > row.activatable:selected:hover { outline-color: rgba(255, 255, 255, 0.8); color: black; background-color: #e8e6e3; box-shadow: none; }
+
+dropdown popover .dropdown-searchbar, combobox popover .dropdown-searchbar { padding: 6px; border-bottom: 1px solid #cdc7c2; }
+
+/************ Toolbars * */
+searchbar > revealer > box, .toolbar { padding: 4px; border-spacing: 4px; background-color: #f6f5f4; }
+
+.osd .toolbar { background-color: transparent; }
+
+.toolbar.osd { padding: 13px; border: none; border-radius: 5px; background-color: rgba(53, 53, 53, 0.7); }
+
+.toolbar.osd.left, .toolbar.osd.right, .toolbar.osd.top, .toolbar.osd.bottom { border-radius: 0; }
+
+.toolbar.horizontal > separator { margin: 4px 0; }
+
+.toolbar.vertical > separator { margin: 0 4px; }
+
+searchbar > revealer > box { padding: 6px; border-spacing: 6px; border-width: 0 0 1px; }
+
+searchbar > revealer > box { border-style: solid; border-color: #cdc7c2; background-color: #eae7e5; }
+
+searchbar > revealer > box:backdrop { border-color: #d5d0cc; background-color: #eae8e6; box-shadow: none; transition: 200ms ease-out; }
+
+/************** GtkInfoBar * */
+infobar > revealer > box { padding: 8px; border-spacing: 12px; }
+
+infobar.action:hover > revealer > box { background-color: #f4ebe1; }
+
+infobar.info > revealer > box, infobar.question > revealer > box, infobar.warning > revealer > box, infobar.error > revealer > box { border-bottom: 1px solid #d8d4d0; background-color: #f1e6d9; }
+
+infobar .close, searchbar .close { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; min-width: 16px; min-height: 16px; padding: 4px; border-radius: 50%; }
+
+infobar .close:hover, searchbar .close:hover { color: #2e3436; border-color: #cdc7c2; background-image: linear-gradient(to top, #d6d1cd, #e8e6e3 1px); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); }
+
+/***************** Title buttons * */
+windowcontrols { border-spacing: 6px; }
+
+windowcontrols.start:not(.empty):dir(ltr), windowcontrols.end:not(.empty):dir(rtl) { margin-right: 7px; }
+
+windowcontrols.start:not(.empty):dir(rtl), windowcontrols.end:not(.empty):dir(ltr) { margin-left: 7px; }
+
+windowcontrols button { border-radius: 9999px; padding: 6px; margin: 0 2px; min-width: 0; min-height: 0; }
+
+windowcontrols button:hover { border-color: transparent; background-image: none; box-shadow: none; background-color: #d1ccc7; }
+
+windowcontrols button:active, windowcontrols button:checked { border-color: transparent; background-image: none; box-shadow: none; background-color: #bab3ab; }
+
+/*************** Header bars * */
+.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); /* Darken switchbuttons for headerbars. issue #1588 */ }
+
+.titlebar:backdrop:not(headerbar), headerbar:backdrop { border-color: #d5d0cc; background-color: #f6f5f4; background-image: none; transition: 200ms ease-out; }
+
+.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; }
+
+.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 { color: #929595; border-color: #d5d0cc; background-image: image(#e9e9e3); box-shadow: none; }
+
+.tiled .titlebar:not(headerbar), .tiled-top .titlebar:not(headerbar), .tiled-left .titlebar:not(headerbar), .tiled-right .titlebar:not(headerbar), .tiled-bottom .titlebar:not(headerbar), .maximized .titlebar:not(headerbar), .fullscreen .titlebar:not(headerbar), .tiled headerbar, .tiled-top headerbar, .tiled-left headerbar, .tiled-right headerbar, .tiled-bottom headerbar, .maximized headerbar, .fullscreen headerbar { border-radius: 0; }
+
+.default-decoration.titlebar:not(headerbar), headerbar.default-decoration { min-height: 28px; padding: 4px; }
+
+.default-decoration.titlebar:not(headerbar) windowcontrols button, .default-decoration.titlebar:not(headerbar) windowcontrols menubutton, headerbar.default-decoration windowcontrols button, headerbar.default-decoration windowcontrols menubutton { min-height: 26px; min-width: 26px; margin: 0; padding: 0; }
+
+.default-decoration.titlebar:not(headerbar) windowcontrols menubutton button, headerbar.default-decoration windowcontrols menubutton button { min-height: 20px; min-width: 20px; margin: 0; padding: 4px; }
+
+.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; }
+
+headerbar > windowhandle > box, headerbar > windowhandle > box > box.start, headerbar > windowhandle > box > box.end { border-spacing: 6px; }
+
+headerbar entry, headerbar spinbutton, headerbar separator:not(.sidebar), headerbar button, headerbar menubutton { margin-top: 6px; margin-bottom: 6px; }
+
+headerbar menubutton > button { margin-top: 0px; margin-bottom: 0px; }
+
+headerbar switch { margin-top: 10px; margin-bottom: 10px; }
+
+window.csd > .titlebar:not(headerbar) { padding: 0; background-color: transparent; background-image: none; border-style: none; border-color: transparent; }
+
+.titlebar:not(headerbar) separator { background-color: #cdc7c2; }
+
+window.devel headerbar.titlebar { background: #f6f5f4 cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, linear-gradient(to right, transparent 65%, rgba(53, 132, 228, 0.2)), linear-gradient(to top, #d8d4d0, #dfdcd8 3px, #edebe9); }
+
+window.devel headerbar.titlebar:backdrop { background: #f6f5f4 cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, image(#f6f5f4); /* background-color would flash */ }
+
+/************ Pathbars * */
+pathbar > button.text-button, pathbar > button.image-button, pathbar > button { padding-left: 4px; padding-right: 4px; }
+
+pathbar > button.text-button.image-button label { padding-left: 0; padding-right: 0; }
+
+pathbar > button.text-button.image-button label:last-child, pathbar > button label:last-child { padding-right: 8px; }
+
+pathbar > button.text-button.image-button label:first-child, pathbar > button label:first-child { padding-left: 8px; }
+
+pathbar > button image { padding-left: 4px; padding-right: 4px; }
+
+pathbar > button.slider-button { padding-left: 0; padding-right: 0; }
+
+/************** Tree Views * */
+columnview.view, treeview.view { border-left-color: #d7d2ce; border-top-color: #d7d2ce; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+columnview.view, treeview.view { outline: 0 solid transparent; outline-offset: 4px; }
+
+columnview.view:focus:focus-visible, treeview.view:focus:focus-visible { outline-color: rgba(53, 132, 228, 0.5); outline-width: 2px; outline-offset: -2px; }
+
+columnview.view:selected:focus, columnview.view:selected, treeview.view:selected:focus, treeview.view:selected { border-radius: 0; outline-color: rgba(255, 255, 255, 0.8); }
+
+columnview.view:disabled, treeview.view:disabled { color: #929595; }
+
+columnview.view:disabled:selected, treeview.view:disabled:selected { color: #86b5ef; }
+
+columnview.view:disabled:selected:backdrop, treeview.view:disabled:selected:backdrop { color: #71a8eb; }
+
+columnview.view.separator, treeview.view.separator { min-height: 2px; color: #d7d2ce; }
+
+columnview.view:backdrop, treeview.view:backdrop { border-left-color: #ddd9d6; border-top: #ddd9d6; }
+
+columnview.view:drop(active), treeview.view:drop(active) { box-shadow: none; }
+
+columnview.view > dndtarget:drop(active), treeview.view > dndtarget:drop(active) { border-style: solid none; border-width: 1px; border-color: #185fb4; }
+
+columnview.view > dndtarget.after:drop(active), treeview.view > dndtarget.after:drop(active) { border-top-style: none; }
+
+columnview.view > dndtarget.before:drop(active), treeview.view > dndtarget.before:drop(active) { border-bottom-style: none; }
+
+columnview.view.expander, treeview.view.expander { min-width: 16px; min-height: 16px; -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); color: #4d4d4d; }
+
+columnview.view.expander:dir(rtl), treeview.view.expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); }
+
+columnview.view.expander:hover, treeview.view.expander:hover { color: black; }
+
+columnview.view.expander:selected, treeview.view.expander:selected { color: #c2daf7; }
+
+columnview.view.expander:selected:hover, treeview.view.expander:selected:hover { color: #ffffff; }
+
+columnview.view.expander:checked, treeview.view.expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+
+columnview.view.progressbar, treeview.view.progressbar { color: #ffffff; background-color: #3584e4; background-image: image(#3584e4); box-shadow: none; }
+
+columnview.view.progressbar:selected:focus, columnview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:selected { color: #3584e4; background-image: image(#ffffff); }
+
+columnview.view.progressbar:selected:focus:backdrop, columnview.view.progressbar:selected:backdrop, treeview.view.progressbar:selected:focus:backdrop, treeview.view.progressbar:selected:backdrop { color: #3584e4; background-color: #fcfcfc; }
+
+columnview.view.trough, treeview.view.trough { background-color: rgba(46, 52, 54, 0.1); }
+
+columnview.view.trough:selected:focus, columnview.view.trough:selected, treeview.view.trough:selected:focus, treeview.view.trough:selected { background-color: rgba(255, 255, 255, 0.3); }
+
+columnview.view > header > button, treeview.view > header > button { color: #979a9b; background-color: #ffffff; font-weight: bold; text-shadow: none; box-shadow: none; }
+
+columnview.view > header > button:hover, treeview.view > header > button:hover { color: #636769; box-shadow: none; transition: none; }
+
+columnview.view > header > button:active, treeview.view > header > button:active { color: #2e3436; transition: none; }
+
+columnview.view > header > button sort-indicator, treeview.view > header > button sort-indicator { min-height: 16px; min-width: 16px; }
+
+columnview.view > header > button sort-indicator.ascending, treeview.view > header > button sort-indicator.ascending { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
+
+columnview.view > header > button sort-indicator.descending, treeview.view > header > button sort-indicator.descending { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+
+columnview.view button.dnd:active, columnview.view button.dnd:selected, columnview.view button.dnd:hover, columnview.view button.dnd, columnview.view header.button.dnd:active, columnview.view header.button.dnd:selected, columnview.view header.button.dnd:hover, columnview.view header.button.dnd, 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; }
+
+columnview.view acceleditor > label, treeview.view acceleditor > label { background-color: #3584e4; }
+
+columnview.view > header > button, treeview.view > header > button, columnview.view > header > button:hover, treeview.view > header > button:hover, columnview.view > header > button:active, treeview.view > header > button:active { padding: 0 6px; background-image: none; border-style: none none solid solid; border-color: #d7d2ce; border-radius: 0; text-shadow: none; }
+
+columnview.view > header > button:disabled, treeview.view > header > button:disabled { border-color: #f6f5f4; background-image: none; }
+
+columnview.view > header > button:last-child, treeview.view > header > button:last-child { border-right-style: none; }
+
+/*************** Popovers * */
+popover.background { background-color: transparent; font: initial; }
+
+popover.background > arrow, popover.background > contents { background-color: #ffffff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.23); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); }
+
+popover.background:backdrop { background-color: transparent; }
+
+popover.background > contents { padding: 8px; border-radius: 9px; }
+
+popover.background > contents > list, popover.background > contents > .view, popover.background > contents > iconview, popover.background > contents > .toolbar { border-style: none; background-color: transparent; }
+
+popover.background > contents separator { background-color: #d9d5d1; margin: 3px; }
+
+popover.background > contents list separator { margin: 0; }
+
+.osd popover.background, popover.background.touch-selection, popover.background.magnifier { background-color: transparent; }
+
+.osd popover.background > arrow, .osd popover.background > contents, popover.background.touch-selection > arrow, popover.background.touch-selection > contents, popover.background.magnifier > arrow, popover.background.magnifier > contents { border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: none; }
+
+magnifier { background-color: #ffffff; }
+
+/********************** Popover Base Menus * */
+popover.menu { padding: 0; }
+
+popover.menu box.inline-buttons { padding: 0 12px; }
+
+popover.menu box.inline-buttons button.image-button.model { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; min-height: 30px; min-width: 30px; padding: 0; border: none; outline: none; transition: none; }
+
+popover.menu box.inline-buttons button.image-button.model:selected { background: image(#e8e6e3); }
+
+popover.menu box.circular-buttons { padding: 12px 12px 6px; }
+
+popover.menu box.circular-buttons button.circular.image-button.model { padding: 11px; }
+
+popover.menu box.circular-buttons button.circular.image-button.model:focus { background-color: #e8e6e3; border-color: #e8e6e3; }
+
+popover.menu > arrow, popover.menu.background > contents { background-color: #ffffff; padding: 5px; }
+
+popover.menu.background separator { margin: 6px 0; }
+
+popover.menu accelerator { color: alpha(currentColor,0.55); }
+
+popover.menu accelerator:dir(ltr) { margin-left: 12px; }
+
+popover.menu accelerator:dir(rtl) { margin-right: 12px; }
+
+popover.menu check, popover.menu radio { transform: scale(0.8); border-width: 1.2px; border-color: transparent; box-shadow: none; background-image: image(transparent); color: black; }
+
+popover.menu check:hover, popover.menu radio:hover { transform: scale(0.8); border-width: 1.2px; color: black; box-shadow: none; background-image: image(transparent); }
+
+popover.menu check:active, popover.menu radio:active { transform: scale(0.8); border-width: 1.2px; color: black; box-shadow: none; background-image: image(transparent); }
+
+popover.menu radio { border-color: #cdc7c2; }
+
+popover.menu radio:active { border-color: rgba(205, 199, 194, 0.5); }
+
+popover.menu arrow.left, popover.menu radio.left, popover.menu check.left { margin-left: -2px; margin-right: 6px; }
+
+popover.menu arrow.right, popover.menu radio.right, popover.menu check.right { margin-left: 6px; margin-right: -2px; }
+
+popover.menu modelbutton { min-height: 30px; min-width: 40px; padding: 0 12px; border-radius: 5px; }
+
+popover.menu modelbutton:selected { color: black; background-color: #e8e6e3; }
+
+popover.menu modelbutton:selected:active { background-color: #d6d1cd; }
+
+popover.menu label.title { font-weight: bold; padding: 4px 32px; }
+
+menubar { padding: 0px; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1); }
+
+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 > item popover.menu.background > contents { padding: 5px; }
+
+menubar > item popover.menu popover.menu { padding: 0 0 4px 0; }
+
+menubar > item popover.menu.background popover.menu.background > contents { margin: 0; border-radius: 9px; }
+
+/************* Notebooks * */
+notebook { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+notebook > header > tabs > tab:checked { outline: 0 solid transparent; outline-offset: 4px; }
+
+notebook:focus:focus-visible > header > tabs > tab:checked { outline-color: rgba(53, 132, 228, 0.5); outline-width: 2px; outline-offset: -2px; }
+
+notebook > header { padding: 1px; border-color: #cdc7c2; border-width: 1px; background-color: #e1dedb; }
+
+notebook > header > tabs { margin: -1px; }
+
+notebook > header.top { border-bottom-style: solid; }
+
+notebook > header.top > tabs { margin-bottom: -2px; }
+
+notebook > header.top > tabs > tab:hover { box-shadow: inset 0 -4px #cdc7c2; }
+
+notebook > header.top > tabs > tab:checked { box-shadow: inset 0 -4px #3584e4; }
+
+notebook > header.bottom { border-top-style: solid; }
+
+notebook > header.bottom > tabs { margin-top: -2px; }
+
+notebook > header.bottom > tabs > tab:hover { box-shadow: inset 0 4px #cdc7c2; }
+
+notebook > header.bottom > tabs > tab:checked { box-shadow: inset 0 4px #3584e4; }
+
+notebook > header.left { border-right-style: solid; }
+
+notebook > header.left > tabs { margin-right: -2px; }
+
+notebook > header.left > tabs > tab:hover { box-shadow: inset -4px 0 #cdc7c2; }
+
+notebook > header.left > tabs > tab:checked { box-shadow: inset -4px 0 #3584e4; }
+
+notebook > header.right { border-left-style: solid; }
+
+notebook > header.right > tabs { margin-left: -2px; }
+
+notebook > header.right > tabs > tab:hover { box-shadow: inset 4px 0 #cdc7c2; }
+
+notebook > header.right > tabs > tab:checked { box-shadow: inset 4px 0 #3584e4; }
+
+notebook > header.top > tabs > arrow { border-top-style: none; }
+
+notebook > header.bottom > tabs > arrow { border-bottom-style: none; }
+
+notebook > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow { margin-left: -5px; margin-right: -5px; padding-left: 4px; padding-right: 4px; }
+
+notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); }
+
+notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
+
+notebook > header.left > tabs > arrow { border-left-style: none; }
+
+notebook > header.right > tabs > arrow { border-right-style: none; }
+
+notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow { margin-top: -5px; margin-bottom: -5px; padding-top: 4px; padding-bottom: 4px; }
+
+notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
+
+notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+
+notebook > header > tabs > arrow { min-height: 16px; min-width: 16px; border-radius: 0; }
+
+notebook > 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; }
+
+notebook > header > tabs > arrow:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; }
+
+notebook > header > tabs > tab { transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); min-height: 30px; min-width: 30px; padding: 3px 12px; color: #2e3436; font-weight: normal; border-width: 1px; border-color: transparent; }
+
+notebook > header > tabs > tab:hover { color: #2e3436; background-color: #d8d4d0; }
+
+notebook > header > tabs > tab.reorderable-page:hover { border-color: rgba(205, 199, 194, 0.3); background-color: rgba(246, 245, 244, 0.2); }
+
+notebook > header > tabs > tab:not(:checked) { outline-color: transparent; }
+
+notebook > header > tabs > tab:checked { color: #2e3436; }
+
+notebook > header > tabs > tab.reorderable-page:checked { border-color: rgba(205, 199, 194, 0.5); background-color: rgba(246, 245, 244, 0.5); }
+
+notebook > header > tabs > tab.reorderable-page:checked:hover { background-color: rgba(246, 245, 244, 0.7); }
+
+notebook > header > tabs > tab button.flat { color: alpha(currentColor,0.3); padding: 0; margin-top: 4px; margin-bottom: 4px; min-width: 20px; min-height: 20px; }
+
+notebook > header > tabs > tab button.flat:hover { color: currentColor; }
+
+notebook > header > tabs > tab button.flat:last-child { margin-left: 4px; margin-right: -4px; }
+
+notebook > header > tabs > tab button.flat:first-child { margin-left: -4px; margin-right: 4px; }
+
+notebook > header.top > tabs, notebook > header.bottom > tabs { padding-left: 4px; padding-right: 4px; }
+
+notebook > header.top > tabs:not(:only-child), notebook > header.bottom > tabs:not(:only-child) { margin-left: 3px; margin-right: 3px; }
+
+notebook > header.top > tabs:not(:only-child):first-child, notebook > header.bottom > tabs:not(:only-child):first-child { margin-left: -1px; }
+
+notebook > header.top > tabs:not(:only-child):last-child, notebook > header.bottom > tabs:not(:only-child):last-child { margin-right: -1px; }
+
+notebook > header.top > tabs > tab, notebook > header.bottom > tabs > tab { margin-left: 4px; margin-right: 4px; }
+
+notebook > header.top > tabs > tab.reorderable-page, notebook > header.bottom > tabs > tab.reorderable-page { border-style: none solid; }
+
+notebook > header.left > tabs, notebook > header.right > tabs { padding-top: 4px; padding-bottom: 4px; }
+
+notebook > header.left > tabs:not(:only-child), notebook > header.right > tabs:not(:only-child) { margin-top: 3px; margin-bottom: 3px; }
+
+notebook > header.left > tabs:not(:only-child):first-child, notebook > header.right > tabs:not(:only-child):first-child { margin-top: -1px; }
+
+notebook > header.left > tabs:not(:only-child):last-child, notebook > header.right > tabs:not(:only-child):last-child { margin-bottom: -1px; }
+
+notebook > header.left > tabs > tab, notebook > header.right > tabs > tab { margin-top: 4px; margin-bottom: 4px; }
+
+notebook > header.left > tabs > tab.reorderable-page, notebook > header.right > tabs > tab.reorderable-page { border-style: solid none; }
+
+notebook > header.top > tabs > tab { padding-bottom: 4px; }
+
+notebook > header.bottom > tabs > tab { padding-top: 4px; }
+
+notebook > stack:not(:only-child) { background-color: #ffffff; }
+
+/************** Scrollbars * */
+scrollbar { background-color: #cecece; transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+scrollbar.top { border-bottom: 1px solid #cdc7c2; }
+
+scrollbar.bottom { border-top: 1px solid #cdc7c2; }
+
+scrollbar.left { border-right: 1px solid #cdc7c2; }
+
+scrollbar.right { border-left: 1px solid #cdc7c2; }
+
+scrollbar > range > trough > slider { min-width: 8px; min-height: 8px; margin: -1px; border: 4px solid transparent; border-radius: 10px; background-clip: padding-box; background-color: #7e8182; transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+scrollbar > range > trough > slider:hover { background-color: #565b5c; }
+
+scrollbar > range > trough > slider:hover:active { background-color: #1b6acb; }
+
+scrollbar > range > trough > slider:disabled { background-color: transparent; }
+
+scrollbar > range.fine-tune > trough > slider { transition: none; min-width: 6px; min-height: 6px; }
+
+scrollbar > range.fine-tune.horizontal > trough > slider { border-width: 5px 4px; }
+
+scrollbar > range.fine-tune.vertical > trough > slider { border-width: 4px 5px; }
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) { border-color: transparent; opacity: 0.4; background-color: transparent; }
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) > range > trough > slider { margin: 0; min-width: 3px; min-height: 3px; background-color: #2e3436; border: 1px solid white; }
+
+scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) > range > trough > slider { margin: 0 2px; min-width: 40px; }
+
+scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) > range > trough > slider { margin: 2px 0; min-height: 40px; }
+
+scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { opacity: 0.8; }
+
+scrollbar.horizontal > range > trough > slider { min-width: 40px; }
+
+scrollbar.vertical > range > trough > slider { min-height: 40px; }
+
+treeview ~ scrollbar.vertical { border-top: 1px solid #cdc7c2; margin-top: -1px; }
+
+/********** Switch * */
+switch { font-weight: bold; font-size: smaller; border: 1px solid #cdc7c2; border-radius: 14px; color: #2e3436; background-color: #e1dedb; transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; /* only show i / o for the accessible theme */ }
+
+switch { outline: 0 solid transparent; outline-offset: 4px; }
+
+switch:focus:focus-visible { outline-color: rgba(53, 132, 228, 0.5); outline-width: 2px; outline-offset: 0; }
+
+headerbar switch { background-color: #cecac5; }
+
+switch:checked { color: #ffffff; border-color: #185fb4; background-color: #3584e4; }
+
+switch:disabled { color: #929595; border-color: #cdc7c2; background-color: #faf9f8; text-shadow: none; }
+
+switch > slider { color: #2e3436; outline-color: rgba(53, 132, 228, 0.5); border-color: #cdc7c2; background-image: linear-gradient(to top, #f6f5f4 2px, #fbfafa); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); margin: -1px; min-width: 24px; min-height: 24px; border: 1px solid; border-color: #cdc7c2; border-radius: 50%; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+switch > image { color: transparent; }
+
+switch:hover > slider { color: #2e3436; border-color: #cdc7c2; background-image: linear-gradient(to top, #d6d1cd, #e8e6e3 1px); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); }
+
+switch:checked > slider { border: 1px solid #185fb4; }
+
+switch:disabled > slider { color: #929595; border-color: #d5d0cc; background-image: image(#faf9f8); }
+
+row:selected switch { outline-color: rgba(255, 255, 255, 0.8); box-shadow: none; border-color: #185fb4; }
+
+row:selected switch > slider:checked, row:selected switch > slider { border-color: #185fb4; }
+
+/************************* Check and Radio items * */
+.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: #3584e4; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; }
+
+.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: #3584e4; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; }
+
+.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: #3584e4; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; }
+
+.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: #8d8d8d; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; }
+
+.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: #3584e4; 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; }
+
+.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: #3584e4; 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; }
+
+.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: #3584e4; 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; }
+
+.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: #8d8d8d; 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; }
+
+checkbutton { border-spacing: 4px; border-radius: 5px; transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+checkbutton { outline: 0 solid transparent; outline-offset: 4px; }
+
+checkbutton:focus:focus-visible { outline-color: rgba(53, 132, 228, 0.5); outline-width: 2px; outline-offset: -2px; }
+
+checkbutton.text-button { padding: 4px; }
+
+check, radio { min-height: 14px; min-width: 14px; border: 1px solid; -gtk-icon-source: none; }
+
+check, radio { background-clip: padding-box; background-image: linear-gradient(to bottom, white 20%, white 90%); border-color: #bfb8b1; box-shadow: 0 1px rgba(0, 0, 0, 0.05); color: #ffffff; }
+
+check:hover, radio:hover { background-image: image(#f2f2f2); }
+
+check:active, radio:active { box-shadow: inset 0 1px rgba(0, 0, 0, 0.2); background-image: image(#d9d9d9); }
+
+check:disabled, radio:disabled { box-shadow: none; color: rgba(255, 255, 255, 0.7); }
+
+check:checked, radio:checked { background-clip: border-box; background-image: linear-gradient(to bottom, #4b92e7 20%, #3584e4 90%); border-color: #1b6acb; box-shadow: 0 1px rgba(0, 0, 0, 0.05); color: #ffffff; }
+
+check:checked:hover, radio:checked:hover { background-image: linear-gradient(to bottom, #5d9de9 10%, #478fe6 90%); }
+
+check:checked:active, radio:checked:active { box-shadow: inset 0 1px rgba(0, 0, 0, 0.2); background-image: image(#1f76e1); }
+
+check:checked:disabled, radio:checked:disabled { box-shadow: none; color: rgba(255, 255, 255, 0.7); }
+
+check:indeterminate, radio:indeterminate { background-clip: border-box; background-image: linear-gradient(to bottom, #4b92e7 20%, #3584e4 90%); border-color: #1b6acb; box-shadow: 0 1px rgba(0, 0, 0, 0.05); color: #ffffff; }
+
+check:indeterminate:hover, radio:indeterminate:hover { background-image: linear-gradient(to bottom, #5d9de9 10%, #478fe6 90%); }
+
+check:indeterminate:active, radio:indeterminate:active { box-shadow: inset 0 1px rgba(0, 0, 0, 0.2); background-image: image(#1f76e1); }
+
+check:indeterminate:disabled, radio:indeterminate:disabled { box-shadow: none; color: rgba(255, 255, 255, 0.7); }
+
+row:selected check, row:selected radio { border-color: #1b6acb; }
+
+.osd check, .osd radio { color: #eeeeec; outline-color: rgba(53, 132, 228, 0.5); border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(53, 53, 53, 0.7)); background-clip: padding-box; }
+
+.osd check:hover, .osd radio:hover { color: #eeeeec; outline-color: rgba(53, 132, 228, 0.5); border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(53, 53, 53, 0.7)); background-clip: padding-box; }
+
+.osd check:active, .osd radio:active { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(2, 2, 2, 0.7)); background-clip: padding-box; box-shadow: none; }
+
+.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; }
+
+check { border-radius: 3px; -gtk-icon-size: 14px; }
+
+check:checked { -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/check-symbolic.symbolic.png")), -gtk-recolor(url("assets/check@2-symbolic.symbolic.png"))); }
+
+check:indeterminate { -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/dash-symbolic.symbolic.png")), -gtk-recolor(url("assets/dash@2-symbolic.symbolic.png"))); }
+
+treeview.view radio:selected:focus, treeview.view radio:selected, radio { border-radius: 100%; -gtk-icon-size: 14px; }
+
+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"))); }
+
+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"))); }
+
+treeview.view check:selected:focus, treeview.view check:selected, treeview.view radio:selected:focus, treeview.view radio:selected { color: #ffffff; border-color: #185fb4; }
+
+/************ GtkScale * */
+progressbar > trough, scale > trough > fill, scale > trough { border: 1px solid #e1dedb; border-radius: 3px; background-color: #e1dedb; }
+
+headerbar progressbar > trough, headerbar scale > trough > fill, headerbar scale > trough { background-color: #cecac5; }
+
+progressbar > trough:disabled, scale > trough > fill:disabled, scale > trough:disabled { background-color: #faf9f8; border-color: #d5d0cc; }
+
+row:selected progressbar > trough, row:selected scale > trough > fill, row:selected scale > trough { outline-color: rgba(255, 255, 255, 0.8); border-color: #185fb4; }
+
+.osd progressbar > trough, .osd scale > trough > fill, .osd scale > trough { border-color: rgba(0, 0, 0, 0.7); background-color: rgba(0, 0, 0, 0.5); }
+
+.osd progressbar > trough:disabled, .osd scale > trough > fill:disabled, .osd scale > trough:disabled { background-color: rgba(71, 71, 71, 0.5); }
+
+progressbar > trough > progress, scale > trough > highlight { border: 1px solid #3584e4; border-radius: 3px; background-color: #3584e4; }
+
+progressbar > trough > progress:disabled, scale > trough > highlight:disabled { background-color: transparent; border-color: transparent; }
+
+row:selected progressbar > trough > progress, row:selected scale > trough > highlight { border-color: #185fb4; }
+
+.osd progressbar > trough > progress, .osd scale > trough > highlight { border-color: rgba(0, 0, 0, 0.7); }
+
+.osd progressbar > trough > progress:disabled, .osd scale > trough > highlight:disabled { border-color: transparent; }
+
+scale { min-height: 10px; min-width: 10px; padding: 12px; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+scale > trough { outline: 0 solid transparent; outline-offset: 16px; }
+
+scale:focus:focus-visible > trough { outline-color: rgba(53, 132, 228, 0.5); outline-width: 2px; outline-offset: 10px; }
+
+scale > trough { transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+scale > trough > fill, scale > trough > highlight { margin: -1px; }
+
+scale > trough > slider { min-height: 18px; min-width: 18px; margin: -9px; }
+
+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 > trough > slider { margin: -6px; }
+
+scale.fine-tune > trough > fill, scale.fine-tune > trough > highlight, scale.fine-tune > trough { border-radius: 5px; }
+
+scale > trough > fill:disabled { border-color: transparent; background-color: transparent; }
+
+.osd scale > trough > fill { background-color: rgba(91, 91, 90, 0.775); }
+
+.osd scale > trough > fill:disabled { border-color: transparent; background-color: transparent; }
+
+scale > trough > slider { color: #2e3436; outline-color: rgba(53, 132, 228, 0.5); border-color: #cdc7c2; background-image: linear-gradient(to top, #f6f5f4 2px, #fbfafa); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); border-width: 1px; border-style: solid; border-radius: 100%; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: background, border, box-shadow; }
+
+scale > trough > slider:hover { color: #2e3436; border-color: #cdc7c2; background-image: linear-gradient(to top, #d6d1cd, #e8e6e3 1px); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); }
+
+scale > trough > slider:active { border-color: #185fb4; }
+
+scale > trough > slider:disabled { color: #929595; border-color: #d5d0cc; background-image: image(#faf9f8); }
+
+row:selected scale > trough > slider:disabled, row:selected scale > trough > slider { border-color: #185fb4; }
+
+.osd scale > trough > slider { color: #eeeeec; outline-color: rgba(53, 132, 228, 0.5); border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(53, 53, 53, 0.7)); background-clip: padding-box; border-color: rgba(0, 0, 0, 0.7); background-color: #353535; }
+
+.osd scale > trough > slider:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(27, 27, 27, 0.7)); background-clip: padding-box; background-color: #353535; }
+
+.osd scale > trough > slider:active { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(2, 2, 2, 0.7)); background-clip: padding-box; box-shadow: none; background-color: #353535; }
+
+.osd scale > trough > 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; background-color: #353535; }
+
+scale > value { color: alpha(currentColor,0.55); font-feature-settings: "tnum"; }
+
+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; }
+
+scale.horizontal > value.left { margin-right: 9px; }
+
+scale.horizontal > value.right { margin-left: 9px; }
+
+scale.horizontal.fine-tune > marks.top { margin-top: 3px; }
+
+scale.horizontal.fine-tune > marks.bottom { margin-bottom: 3px; }
+
+scale.horizontal.fine-tune > marks indicator { min-height: 3px; }
+
+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; }
+
+scale.vertical > value.top { margin-bottom: 9px; }
+
+scale.vertical > value.bottom { margin-top: 9px; }
+
+scale.vertical.fine-tune > marks.top { margin-left: 3px; }
+
+scale.vertical.fine-tune > marks.bottom { margin-right: 3px; }
+
+scale.vertical.fine-tune > marks indicator { min-height: 3px; }
+
+scale.horizontal.marks-before:not(.marks-after) > trough > 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.fine-tune:not(.marks-after) > trough > slider { margin: -7px -10px; margin-top: -11px; }
+
+scale.horizontal.marks-before:not(.marks-after) > trough > 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.fine-tune:not(.marks-after) > trough > slider { margin: -7px -10px; margin-top: -11px; }
+
+scale.horizontal.marks-before:not(.marks-after) > trough > 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.fine-tune:not(.marks-after) > trough > slider { margin: -7px -10px; margin-top: -11px; }
+
+scale.horizontal.marks-before:not(.marks-after) > trough > 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.fine-tune:not(.marks-after) > trough > slider { margin: -7px -10px; margin-top: -11px; }
+
+scale.horizontal.marks-after:not(.marks-before) > trough > 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.fine-tune:not(.marks-before) > trough > slider { margin: -7px -10px; margin-bottom: -11px; }
+
+scale.horizontal.marks-after:not(.marks-before) > trough > 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.fine-tune:not(.marks-before) > trough > slider { margin: -7px -10px; margin-bottom: -11px; }
+
+scale.horizontal.marks-after:not(.marks-before) > trough > 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.fine-tune:not(.marks-before) > trough > slider { margin: -7px -10px; margin-bottom: -11px; }
+
+scale.horizontal.marks-after:not(.marks-before) > trough > 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.fine-tune:not(.marks-before) > trough > slider { margin: -7px -10px; margin-bottom: -11px; }
+
+scale.vertical.marks-before:not(.marks-after) > trough > 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.fine-tune:not(.marks-after) > trough > slider { margin: -10px -7px; margin-left: -11px; }
+
+scale.vertical.marks-before:not(.marks-after) > trough > 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.fine-tune:not(.marks-after) > trough > slider { margin: -10px -7px; margin-left: -11px; }
+
+scale.vertical.marks-before:not(.marks-after) > trough > 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.fine-tune:not(.marks-after) > trough > slider { margin: -10px -7px; margin-left: -11px; }
+
+scale.vertical.marks-before:not(.marks-after) > trough > 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.fine-tune:not(.marks-after) > trough > slider { margin: -10px -7px; margin-left: -11px; }
+
+scale.vertical.marks-after:not(.marks-before) > trough > 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.fine-tune:not(.marks-before) > trough > slider { margin: -10px -7px; margin-right: -11px; }
+
+scale.vertical.marks-after:not(.marks-before) > trough > 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.fine-tune:not(.marks-before) > trough > slider { margin: -10px -7px; margin-right: -11px; }
+
+scale.vertical.marks-after:not(.marks-before) > trough > 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.fine-tune:not(.marks-before) > trough > slider { margin: -10px -7px; margin-right: -11px; }
+
+scale.vertical.marks-after:not(.marks-before) > trough > 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.fine-tune:not(.marks-before) > trough > slider { margin: -10px -7px; margin-right: -11px; }
+
+scale.color { min-height: 0; min-width: 0; }
+
+scale.color > trough { background-image: image(#cdc7c2); background-repeat: no-repeat; }
+
+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 > trough > slider:dir(ltr):hover, scale.color.horizontal > trough > slider:dir(ltr):backdrop, scale.color.horizontal > trough > slider:dir(ltr):disabled, scale.color.horizontal > trough > slider:dir(ltr):backdrop:disabled, scale.color.horizontal > trough > slider:dir(ltr), scale.color.horizontal > trough > slider:dir(rtl):hover, scale.color.horizontal > trough > slider:dir(rtl):backdrop, scale.color.horizontal > trough > slider:dir(rtl):disabled, scale.color.horizontal > trough > slider:dir(rtl):backdrop:disabled, scale.color.horizontal > trough > 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) > trough > slider:hover, scale.color.vertical:dir(ltr) > trough > slider:backdrop, scale.color.vertical:dir(ltr) > trough > slider:disabled, scale.color.vertical:dir(ltr) > trough > slider:backdrop:disabled, scale.color.vertical:dir(ltr) > trough > 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) > trough > slider:hover, scale.color.vertical:dir(rtl) > trough > slider:backdrop, scale.color.vertical:dir(rtl) > trough > slider:disabled, scale.color.vertical:dir(rtl) > trough > slider:backdrop:disabled, scale.color.vertical:dir(rtl) > trough > 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) > trough > slider, scale.color.fine-tune.horizontal:dir(rtl) > trough > 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) > trough > 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) > trough > slider { margin-right: -15px; margin-left: 6px; }
+
+/***************** Progress bars * */
+progressbar { font-size: smaller; color: rgba(46, 52, 54, 0.4); font-feature-settings: "tnum"; }
+
+progressbar.horizontal > trough { min-width: 150px; }
+
+progressbar.horizontal > trough, progressbar.horizontal > trough > progress { min-height: 2px; }
+
+progressbar.vertical > trough { min-height: 80px; }
+
+progressbar.vertical > trough, progressbar.vertical > trough > progress { min-width: 2px; }
+
+progressbar.horizontal > trough > progress { margin: 0 -1px; }
+
+progressbar.vertical > trough > progress { margin: -1px 0; }
+
+progressbar > trough > progress { /* share most of scales' */ /* override insensitive that is specific to progress */ border-radius: 1.5px; }
+
+progressbar > trough > progress:disabled { background-color: #929595; border-color: #929595; }
+
+progressbar > trough > progress.left { border-top-left-radius: 5px; border-bottom-left-radius: 5px; }
+
+progressbar > trough > progress.right { border-top-right-radius: 5px; border-bottom-right-radius: 5px; }
+
+progressbar > trough > progress.top { border-top-right-radius: 5px; border-top-left-radius: 5px; }
+
+progressbar > trough > progress.bottom { border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; }
+
+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 > trough > progress { border-style: none; border-radius: 0; }
+
+progressbar > trough.empty > progress { all: unset; }
+
+/************* Level Bar * */
+levelbar.horizontal trough > block { min-height: 9px; border-radius: 5px; }
+
+levelbar.horizontal trough > block:dir(rtl) { border-radius: 0 5px 5px 0; }
+
+levelbar.horizontal trough > block:dir(ltr) { border-radius: 5px 0 0 5px; }
+
+levelbar.horizontal trough > block.empty, levelbar.horizontal trough > block.full { border-radius: 5px; }
+
+levelbar.horizontal.discrete trough > block { min-height: 2px; margin: 1px; min-width: 24px; border-radius: 0; }
+
+levelbar.horizontal.discrete trough > block:first-child { border-radius: 2px 0 0 2px; }
+
+levelbar.horizontal.discrete trough > block:last-child { border-radius: 0 2px 2px 0; }
+
+levelbar.vertical trough > block { min-width: 9px; border-radius: 5px; }
+
+levelbar.vertical.discrete > trough > block { min-width: 2px; margin: 1px 0; min-height: 32px; }
+
+levelbar > trough { padding: 0; }
+
+levelbar > trough > block { border: 1px solid; }
+
+levelbar > trough > block.low { border-color: #f57900; background-color: #f57900; }
+
+levelbar > trough > block.high, levelbar > trough > block:not(.empty) { border-color: #3584e4; background-color: #3584e4; }
+
+levelbar > trough > block.full { border-color: #33d17a; background-color: #33d17a; }
+
+levelbar > trough > block.empty { background-color: #ebe8e6; border-color: #ebe8e6; }
+
+/**************** Print dialog * */
+window.dialog.print drawing { color: #2e3436; background: none; border: none; padding: 0; }
+
+window.dialog.print drawing paper { background: white; color: #2e3436; border: 1px solid #cdc7c2; }
+
+window.dialog.print .dialog-action-box { margin: 12px; }
+
+/********** Frames * */
+frame, .frame { border: 1px solid #cdc7c2; }
+
+frame { border-radius: 8px; }
+
+frame > label { margin: 4px; }
+
+actionbar > revealer > box { padding: 6px; border-top: 1px solid #cdc7c2; }
+
+actionbar > revealer > box, actionbar > revealer > box > box.start, actionbar > revealer > box > box.end { border-spacing: 6px; }
+
+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; }
+
+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; }
+
+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; }
+
+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; }
+
+scrolledwindow > junction { background: #cdc7c2, linear-gradient(to bottom, transparent 1px, #cecece 1px), linear-gradient(to right, transparent 1px, #cecece 1px); }
+
+scrolledwindow > junction:dir(rtl) { background: #cdc7c2, linear-gradient(to bottom, transparent 1px, #cecece 1px), linear-gradient(to left, transparent 1px, #cecece 1px); }
+
+separator { background: #d8d4d0; min-width: 1px; min-height: 1px; }
+
+/********* Lists * */
+listview, list { color: black; background-color: #ffffff; border-color: #cdc7c2; }
+
+listview:backdrop, list:backdrop { color: #323232; background-color: #fcfcfc; border-color: #d5d0cc; }
+
+listview > row, list > row { padding: 2px; }
+
+listview > row.expander, list > row.expander { padding: 0px; }
+
+listview > row.expander .row-header, list > row.expander .row-header { padding: 2px; }
+
+listview.horizontal row.separator, listview.separators.horizontal > row:not(.separator), list.horizontal row.separator, list.separators.horizontal > row:not(.separator) { border-left: 1px solid #d7d2ce; }
+
+listview:not(.horizontal) row.separator, listview.separators:not(.horizontal) > row:not(.separator), list:not(.horizontal) row.separator, list.separators:not(.horizontal) > row:not(.separator) { border-bottom: 1px solid #d7d2ce; }
+
+row { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+row { outline: 0 solid transparent; outline-offset: 4px; }
+
+row:focus:focus-visible { outline-color: rgba(53, 132, 228, 0.5); outline-width: 2px; outline-offset: -2px; }
+
+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:selected:active { box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.5); }
+
+row.activatable.has-open-popup:selected, row.activatable:selected:hover { background-color: #347cd3; }
+
+row:selected { outline-color: rgba(255, 255, 255, 0.8); }
+
+columnview > listview > row { padding: 0; }
+
+columnview > listview > row > cell { padding: 8px 6px; }
+
+columnview > listview > row > cell:not(:first-child) { border-left: 1px solid transparent; }
+
+columnview.column-separators > listview > row > cell { border-left-color: #d7d2ce; }
+
+columnview.data-table > listview > row > cell { padding-top: 2px; padding-bottom: 2px; }
+
+treeexpander { border-spacing: 4px; }
+
+/******************************************************** Data Tables * treeview like tables with individual focusable cells * https://gitlab.gnome.org/GNOME/gtk/-/issues/2929 * */
+columnview row:not(:selected) cell editablelabel:not(.editing):focus-within { outline: 2px solid rgba(53, 132, 228, 0.5); }
+
+columnview row:not(:selected) cell editablelabel.editing:focus-within { outline: 2px solid #3584e4; }
+
+columnview row:not(:selected) cell editablelabel.editing text selection { background-color: rgba(141, 141, 141, 0.5); color: transparent; }
+
- window.tiled, window.tiled-top, window.tiled-left, window.tiled-right, window.tiled-bottom { border-radius: 0; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.18), 0 0 0 20px transparent; }
++columnview row:not(:selected) cell editablelabel.editing text selection:focus-within { background-color: rgba(53, 132, 228, 0.3); color: #2e3436; }
+
+/******************************************************* Rich Lists * Large list usually containing lots of widgets * https://gitlab.gnome.org/GNOME/gtk/-/issues/3073 * */
+.rich-list { /* rich lists usually containing other widgets than just labels/text */ }
+
+.rich-list > row { padding: 8px 12px; min-height: 32px; /* should be tall even when only containing a label */ }
+
+.rich-list > row > box { border-spacing: 12px; }
+
+/********************* App Notifications * */
+.app-notification { padding: 10px; border-spacing: 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; }
+
+.app-notification border { border: none; }
+
+/************* Expanders * */
+expander { min-width: 16px; min-height: 16px; -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
+
+expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); }
+
+expander:disabled { color: #929595; }
+
+expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+
+expander-widget { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+expander-widget > box > title { outline: 0 solid transparent; outline-offset: 4px; }
+
+expander-widget:focus:focus-visible > box > title { outline-color: rgba(53, 132, 228, 0.5); outline-width: 2px; outline-offset: -2px; }
+
+expander-widget > box > title { transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); border-radius: 5px; }
+
+expander-widget > box > title:hover > expander { color: #748489; }
+
+.navigation-sidebar:not(decoration):not(window):drop(active):focus, .navigation-sidebar:not(decoration):not(window):drop(active), placessidebar:not(decoration):not(window):drop(active):focus, placessidebar:not(decoration):not(window):drop(active), stackswitcher:not(decoration):not(window):drop(active):focus, stackswitcher:not(decoration):not(window):drop(active), expander-widget:not(decoration):not(window):drop(active):focus, expander-widget:not(decoration):not(window):drop(active) { box-shadow: none; }
+
+/************ Calendar * */
+calendar { color: black; border: 1px solid #cdc7c2; font-feature-settings: "tnum"; }
+
+calendar > header { border-bottom: 1px solid #cdc7c2; }
+
+calendar > header > button { border: none; box-shadow: none; background: none; border-radius: 0; }
+
+calendar > header > button:backdrop { background: none; }
+
+calendar > grid > label.today { box-shadow: inset 0px -2px #cdc7c2; }
+
+calendar > grid > label.today:selected { box-shadow: none; }
+
+calendar > grid > label:focus { outline-color: rgba(53, 132, 228, 0.5); outline-offset: -2px; outline-width: 2px; outline-style: solid; }
+
+calendar > grid > label.day-number { padding: 4px; }
+
+calendar > grid > label.day-number:selected { border-radius: 3px; }
+
+calendar > grid > label.day-number.other-month { color: alpha(currentColor,0.3); }
+
+/*********** Dialogs * */
+window.dialog.message .titlebar { min-height: 20px; background-image: none; background-color: #f6f5f4; border-style: none; border-top-left-radius: 7px; border-top-right-radius: 7px; }
+
+window.dialog.message box.dialog-vbox.vertical { border-spacing: 10px; }
+
+window.dialog.message label.title { font-weight: 800; font-size: 15pt; }
+
+window.dialog.message.csd.background { border-bottom-left-radius: 9px; border-bottom-right-radius: 9px; }
+
+window.dialog.message.csd .dialog-action-area button { padding: 10px 14px; border-radius: 0; border-left-style: solid; border-right-style: none; border-bottom-style: none; }
+
+window.dialog.message.csd .dialog-action-area button:first-child { border-left-style: none; border-bottom-left-radius: 7px; }
+
+window.dialog.message.csd .dialog-action-area button:last-child { border-bottom-right-radius: 7px; }
+
+filechooser .dialog-action-box { border-top: 1px solid #cdc7c2; }
+
+filechooser #pathbarbox { border-bottom: 1px solid #f6f5f4; }
+
+filechooserbutton > button > box { border-spacing: 6px; }
+
+filechooserbutton:drop(active) { box-shadow: none; border-color: transparent; }
+
+/*********** Sidebar * */
+.sidebar { background-color: #fbfafa; }
+
+.sidebar:not(separator):dir(ltr), .sidebar.left:not(separator), .sidebar.left:not(separator):dir(rtl) { border-right: 1px solid #cdc7c2; border-left-style: none; }
+
+.sidebar:not(separator):dir(rtl), .sidebar.right:not(separator) { border-left: 1px solid #cdc7c2; border-right-style: none; }
+
+.sidebar listview.view, .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 list.separators:not(.horizontal) > row:not(.separator) { border-bottom: none; }
+
+stacksidebar row { padding: 10px 4px; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+stacksidebar row { outline: 0 solid transparent; outline-offset: 4px; }
+
+stacksidebar row:focus:focus-visible { outline-color: rgba(53, 132, 228, 0.5); outline-width: 2px; outline-offset: -2px; }
+
+stacksidebar row > label { padding-left: 6px; padding-right: 6px; }
+
+stacksidebar row.needs-attention > label { background-size: 6px 6px, 0 0; }
+
+stacksidebar row:selected { background-color: #e8e6e3; border-radius: 5px; color: #2e3436; }
+
+stacksidebar row:selected:hover:dir(ltr), stacksidebar row:selected:hover:dir(rtl) { background-color: #ddd9d5; }
+
+stacksidebar row.activatable:active, stacksidebar row.activatable:selected:active { box-shadow: none; }
+
+separator.sidebar { background-color: #cdc7c2; }
+
+/********************** Navigation Sidebar * */
+.navigation-sidebar { padding: 5px 0; }
+
+.navigation-sidebar > separator { margin: 5px; }
+
+.navigation-sidebar > row { min-height: 36px; padding: 0 8px; border-radius: 5px; margin: 0 5px 2px; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+.navigation-sidebar > row { outline: 0 solid transparent; outline-offset: 4px; }
+
+.navigation-sidebar > row:focus-visible:focus-within { outline-color: rgba(53, 132, 228, 0.5); outline-width: 2px; outline-offset: -2px; }
+
+.navigation-sidebar > row:hover { background-color: #ddd9d5; }
+
+.navigation-sidebar > row:selected { background-color: #e8e6e3; color: inherit; }
+
+.navigation-sidebar > row:selected:hover { background-color: #ddd9d5; }
+
+.navigation-sidebar > row:disabled { color: #929595; }
+
+/**************** File chooser * */
+row image.sidebar-icon { opacity: 0.7; }
+
+/* this should be more generic, only using .navigation-sidebar https://gitlab.gnome.org/GNOME/gtk/-/issues/2929 */
+placessidebar .navigation-sidebar > row { padding: 0; }
+
+placessidebar .navigation-sidebar > row > revealer { padding: 0 14px; }
+
+placessidebar .navigation-sidebar > row image.sidebar-icon:dir(ltr) { padding-right: 8px; }
+
+placessidebar .navigation-sidebar > row image.sidebar-icon:dir(rtl) { padding-left: 8px; }
+
+placessidebar .navigation-sidebar > row label.sidebar-label:dir(ltr) { padding-right: 2px; }
+
+placessidebar .navigation-sidebar > 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%; }
+
+placessidebar .navigation-sidebar > row:selected:active { box-shadow: none; }
+
+placessidebar .navigation-sidebar > row.sidebar-placeholder-row { padding: 0 8px; min-height: 2px; background-image: image(#2ec27e); background-clip: content-box; }
+
+placessidebar .navigation-sidebar > row.sidebar-new-bookmark-row { color: #3584e4; }
+
+placessidebar .navigation-sidebar > row:drop(active):not(:disabled) { color: #2ec27e; box-shadow: inset 0 1px #2ec27e, inset 0 -1px #2ec27e; }
+
+placessidebar .navigation-sidebar > row:drop(active):not(:disabled):selected { color: #ffffff; background-color: #2ec27e; }
+
+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 > actionbar > revealer > box > box { border-spacing: 6px; }
+
+/********* Paned * */
+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; }
+
+paned > separator:selected { background-image: image(#3584e4); }
+
+paned > separator.wide { min-width: 5px; min-height: 5px; background-color: #f6f5f4; background-image: image(#cdc7c2), image(#cdc7c2); background-size: 1px 1px, 1px 1px; }
+
+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; }
+
+/************** GtkVideo * */
+video { background: black; }
+
+video image.osd { min-width: 64px; min-height: 64px; border-radius: 32px; }
+
+/************ Tooltips * */
+tooltip { padding: 6px 10px; border-radius: 8px; box-shadow: none; }
+
+tooltip.background { background-color: rgba(0, 0, 0, 0.8); background-clip: padding-box; border: 1px solid rgba(255, 255, 255, 0.1); color: white; }
+
+tooltip > box { border-spacing: 6px; }
+
+/***************** Color Chooser * */
+colorswatch { transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+colorswatch { outline: 0 solid transparent; outline-offset: 6px; }
+
+colorswatch:focus:focus-visible { outline-color: rgba(53, 132, 228, 0.5); outline-width: 4px; outline-offset: -2px; }
+
+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; }
+
+colorswatch.dark > overlay { color: white; }
+
+colorswatch.dark.activatable:hover > overlay { border-color: rgba(0, 0, 0, 0.8); }
+
+colorswatch.light > overlay { color: black; }
+
+colorswatch.light.activatable:hover > overlay { border-color: rgba(0, 0, 0, 0.5); }
+
+colorswatch:drop(active) { box-shadow: none; }
+
+colorswatch.light:drop(active) > overlay { border-color: #2ec27e; box-shadow: inset 0 0 0 2px #27a56b, inset 0 0 0 1px #2ec27e; }
+
+colorswatch.dark:drop(active) > overlay { border-color: #2ec27e; box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.3), inset 0 0 0 1px #2ec27e; }
+
+colorswatch > overlay { border: 1px solid rgba(0, 0, 0, 0.3); }
+
+colorswatch.activatable:hover > overlay { box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), inset 0 -1px rgba(0, 0, 0, 0.2); }
+
+colorswatch#add-color-button { border-radius: 5px 0 0 5px; }
+
+colorswatch#add-color-button:only-child { border-radius: 5px; }
+
+colorswatch#add-color-button > overlay { color: #2e3436; outline-color: rgba(53, 132, 228, 0.5); border-color: #cdc7c2; background-image: linear-gradient(to top, #f6f5f4 2px, #fbfafa); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); }
+
+colorswatch#add-color-button.activatable:hover > overlay { color: #2e3436; border-color: #cdc7c2; background-image: linear-gradient(to top, #d6d1cd, #e8e6e3 1px); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); }
+
+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; }
+
+plane { transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
+
+plane { outline: 0 solid transparent; outline-offset: 6px; }
+
+plane:focus:focus-visible { outline-color: rgba(53, 132, 228, 0.5); outline-width: 2px; outline-offset: 2px; }
+
+colorchooser .popover.osd { border-radius: 5px; }
+
+/******** Misc * */
+.content-view { background-color: #e6e3e0; }
+
+.content-view:hover { -gtk-icon-filter: brightness(1.2); }
+
+.content-view .tile { margin: 2px; background-color: transparent; border-radius: 0; padding: 0; }
+
+.content-view .tile:active, .content-view .tile:selected { background-color: transparent; }
+
+.content-view .tile:disabled { background-color: transparent; }
+
+.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 * */
+window { border-width: 0px; }
+
+window.csd { box-shadow: 0 3px 9px 1px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(0, 0, 0, 0.23); margin: 0px; border-radius: 8px 8px 0 0; }
+
+window.csd: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.csd.popup { border-radius: 5px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.13); }
+
+window.csd.dialog.message { border-radius: 8px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.13); }
+
+window.solid-csd { margin: 0; padding: 4px; border: solid 1px #cdc7c2; border-radius: 0; box-shadow: inset 0 0 0 4px #cdc7c2, inset 0 0 0 3px white, inset 0 1px rgba(255, 255, 255, 0.8); }
+
+window.solid-csd:backdrop { box-shadow: inset 0 0 0 4px #cdc7c2, inset 0 0 0 3px #f6f5f4, inset 0 1px rgba(255, 255, 255, 0.8); }
+
+window.maximized, window.fullscreen { border-radius: 0; box-shadow: none; }
+
- window:backdrop { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.18), 0 0 0 20px transparent; }
++window.tiled, window.tiled-top, window.tiled-left, window.tiled-right, window.tiled-bottom { border-radius: 0; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.23), 0 0 0 20px transparent; }
+
++window.tiled:backdrop, window.tiled-top:backdrop, window.tiled-left:backdrop, window.tiled-right:backdrop, window.tiled-bottom:backdrop { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.18), 0 0 0 20px transparent; }
+
+window.popup { box-shadow: none; }
+
+window.ssd { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.23); }
+
+tooltip.csd { border-radius: 5px; box-shadow: none; }
+
+.view:selected:focus, .view:selected, textview > text:selected:focus, textview > text:selected, iconview:selected:focus, iconview:selected, flowbox > flowboxchild:selected, gridview > child:selected, modelbutton.flat:selected, columnview.view:selected:focus, columnview.view:selected, treeview.view:selected:focus, treeview.view:selected, row:selected, calendar > grid > label.day-number:selected { background-color: #3584e4; }
+
+label:selected, .view:selected:focus, .view:selected, textview > text:selected:focus, textview > text:selected, iconview:selected:focus, iconview:selected, flowbox > flowboxchild:selected, gridview > child:selected, modelbutton.flat:selected, columnview.view:selected:focus, columnview.view:selected, treeview.view:selected:focus, treeview.view:selected, row:selected, calendar > grid > label.day-number:selected { color: #ffffff; }
+
+label:disabled > selection, label:disabled:selected, .view:disabled:selected, textview > text:disabled:selected:focus, textview > text:disabled:selected, iconview:disabled:selected:focus, iconview:disabled:selected, flowbox > flowboxchild:disabled:selected, gridview > child:disabled:selected, modelbutton.flat:disabled:selected, columnview.view:disabled:selected, treeview.view:disabled:selected, row:disabled:selected, calendar > grid > label.day-number:disabled:selected { color: #9ac2f2; }
+
+.monospace { font-family: monospace; }
+
+/********************** Touch Copy & Paste * */
+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; }
+
+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")); }
+
+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")); }
+
+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")); }
+
+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")); }
+
+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")); }
+
+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")); }
+
+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")); }
+
+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")); }
+
+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")); }
+
+shortcuts-section { margin: 20px; }
+
+.shortcuts-search-results { margin: 20px; border-spacing: 24px; }
+
+shortcut { border-spacing: 6px; }
+
+shortcut > .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; }
+
+:not(decoration):not(window):drop(active):focus, :not(decoration):not(window):drop(active) { border-color: #2ec27e; box-shadow: inset 0 0 0 1px #2ec27e; caret-color: #2ec27e; }
+
+stackswitcher > button.text-button { min-width: 100px; }
+
+stackswitcher.circular { border-spacing: 12px; }
+
+stackswitcher.circular > button.circular, stackswitcher.circular > button.text-button.circular { min-width: 32px; min-height: 32px; padding: 0; }
+
+/************* App Icons * */
+/* Outline for low res icons */
+.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); }
+
+/* Drapshadow for large icons */
+.icon-dropshadow { -gtk-icon-shadow: 0 1px 12px rgba(0, 0, 0, 0.05), 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); }
+
+/********* Emoji * */
+popover.emoji-picker > contents { padding: 0; }
+
+.emoji-searchbar { padding: 6px; border-spacing: 6px; border-bottom: 1px solid #cdc7c2; }
+
+.emoji-toolbar { padding: 6px; border-spacing: 6px; border-top: 1px solid #cdc7c2; }
+
+button.emoji-section { border-color: transparent; border-width: 3px; border-style: none none solid; border-radius: 0; 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; }
+
+button.emoji-section:hover { border-color: #cdc7c2; }
+
+button.emoji-section:checked { border-color: #3584e4; }
+
+popover.emoji-picker emoji { font-size: x-large; padding: 6px; border-radius: 6px; }
+
+popover.emoji-picker emoji:focus, popover.emoji-picker emoji:hover { background: #3584e4; }
+
+emoji-completion-row > box { border-spacing: 10px; padding: 2px 10px; }
+
+emoji-completion-row:focus, emoji-completion-row:hover { background-color: #3584e4; color: #ffffff; }
+
+emoji-completion-row emoji:focus, emoji-completion-row emoji:hover { background-color: #e8e6e3; }
+
+popover.entry-completion > contents { padding: 0; }
+
+statusbar { padding: 6px 10px 6px 10px; }
+
+menubutton > button > box { border-spacing: 6px; }
+
+menubutton arrow { min-height: 16px; min-width: 16px; }
+
+menubutton arrow.none { -gtk-icon-source: -gtk-icontheme("open-menu-symbolic"); }
+
+menubutton arrow.down { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+
+menubutton arrow.up { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
+
+menubutton arrow.left { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); }
+
+menubutton arrow.right { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
+
+/* GTK NAMED COLORS ---------------- use responsibly! */
+/*
+widget text/foreground color */
+@define-color theme_fg_color #2e3436;
+/*
+text color for entries, views and content in general */
+@define-color theme_text_color black;
+/*
+widget base background color */
+@define-color theme_bg_color #f6f5f4;
+/*
+text widgets and the like base background color */
+@define-color theme_base_color #ffffff;
+/*
+base background color of selections */
+@define-color theme_selected_bg_color #3584e4;
+/*
+text/foreground color of selections */
+@define-color theme_selected_fg_color #ffffff;
+/*
+base background color of insensitive widgets */
+@define-color insensitive_bg_color #faf9f8;
+/*
+text foreground color of insensitive widgets */
+@define-color insensitive_fg_color #929595;
+/*
+insensitive text widgets and the like base background color */
+@define-color insensitive_base_color #ffffff;
+/*
+widget text/foreground color on backdrop windows */
+@define-color theme_unfocused_fg_color #929595;
+/*
+text color for entries, views and content in general on backdrop windows */
+@define-color theme_unfocused_text_color black;
+/*
+widget base background color on backdrop windows */
+@define-color theme_unfocused_bg_color #f6f5f4;
+/*
+text widgets and the like base background color on backdrop windows */
+@define-color theme_unfocused_base_color #fcfcfc;
+/*
+base background color of selections on backdrop windows */
+@define-color theme_unfocused_selected_bg_color #3584e4;
+/*
+text/foreground color of selections on backdrop windows */
+@define-color theme_unfocused_selected_fg_color #ffffff;
+/*
+insensitive color on backdrop windows*/
+@define-color unfocused_insensitive_color #d4cfca;
+/*
+widgets main borders color */
+@define-color borders #cdc7c2;
+/*
+widgets main borders color on backdrop windows */
+@define-color unfocused_borders #d5d0cc;
+/*
+these are pretty self explicative */
+@define-color warning_color #f57900;
+@define-color error_color #cc0000;
+@define-color success_color #33d17a;
+/*
+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... */
+@define-color wm_title shade(#2e3436, 1.8);
+@define-color wm_unfocused_title #929595;
+@define-color wm_highlight rgba(255, 255, 255, 0.8);
+@define-color wm_borders_edge rgba(255, 255, 255, 0.8);
+@define-color wm_bg_a shade(#f6f5f4, 1.2);
+@define-color wm_bg_b #f6f5f4;
+@define-color wm_shadow alpha(black, 0.35);
+@define-color wm_border alpha(black, 0.18);
+@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);
+/* content view background such as thumbnails view in Photos or Boxes */
+@define-color content_view_bg #ffffff;
+/* Very contrasty background for text views (@theme_text_color foreground) */
+@define-color text_view_bg #ffffff;
--- /dev/null
- :doc:``project-configuration`` page.
+.. SPDX-FileCopyrightText: 2021 GNOME Foundation
+..
+.. SPDX-License-Identifier: Apache-2.0 OR GPL-3.0-or-later
+
+===============
+Using GI-DocGen
+===============
+
+In order to use GI-DocGen, you will need:
+
+- a library using GObject and generating introspection data as part of its
+ build process
+- a project configuration file
+
+For the former, you should read `the gobject-introspection documentation <https://gi.readthedocs.io/en/latest/>`__,
+which includes all the details on how to write introspectable API.
+
+Writing a project configuration file
+------------------------------------
+
+The project configuration file provides some basic information describing your
+project, expressed in key/value pairs, and will be exposed to the template
+system used when generating the API reference through gi-docgen. Not every key
+is mandatory, and the template will decide whether or not use its value when
+generating the API reference. For simplicity, we're going to assume you're using
+the "basic" template that is part of gi-docgen.
+
+The project configuration file is written using `ToML <https://toml.io/en/>`__,
+and you can use the ``--config`` command line option for gi-docgen.
+
+We begin with the ``library`` preamble:
+
+::
+
+ [library]
+ description = "The GTK toolkit"
+ authors = "GTK Development Team"
+ license = "GPL-2.1-or-later"
+ browse_url = "https://gitlab.gnome.org/GNOME/gtk/"
+ repository_url = "https://gitlab.gnome.org/GNOME/gtk.git"
+ website_url = "https://www.gtk.org"
+
+The keys above will be used in the main landing page for the library.
+
+If your project has dependencies, and you wish to display them or cross-link
+types and symbols from your API reference, you will need to describe them using
+the ``dependencies`` key, for instance:
+
+::
+
+ # List the dependencies using their GIR namespace
+ dependencies = [
+ "GObject-2.0",
+ "Graphene-1.0",
+ "Pango-1.0",
+ "Gdk-4.0",
+ "Gsk-4.0",
+ ]
+
+Each dependency will need its own object, for instance:
+
+::
+
+ [dependencies."GObject-2.0"]
+ name = "GObject"
+ description = "The base type system library"
+ docs_url = "https://developer.gnome.org/gobject/stable"
+
+The ``name``, ``description``, and ``docs_url`` keys will be used when generating the
+list of dependencies on the main landing page.
+
+If you wish to add links to the source code repository for type and symbol
+declarations, as well as the location of the documentation source, you will need
+a ``source-location`` section:
+
+::
+
+ [source-location]
+ # The base URL for the web UI
+ base_url = "https://gitlab.gnome.org/GNOME/gtk/-/blob/master/"
+ # The format for links, using "filename" and "line" for the format
+ file_format = "{filename}#L{line}"
+
+If your library has additional content, in the form of Markdown files that you
+wish to include in the generated API reference, you can use the ``extra`` section:
+
+::
+
+ [extra]
+ # A list of Markdown files; they will be parsed using the
+ # same rules as the documentation coming from the introspection
+ # data. The path of each file is relative to the content
+ # directory specified on the command line.
+ #
+ # The order in which they are included will be used when
+ # generating the index.
+ #
+ # The generated files will be placed in the root output directory
+ content_files = [
+ "getting_started.md",
+ "building.md",
+ "compiling.md",
+ "running.md",
+ "question_index.md",
+ ...
+ ]
+ # Additional images referenced by the documentation; their path
+ # is relative to the content directory specified on the command
+ # line.
+ #
+ # The image files will be copied into the root documentation,
+ # without replicating the directory structure in which they
+ # are listed.
+ content_images = [
+ "images/aboutdialog.png",
+ "images/action-bar.png",
+ "images/appchooserbutton.png",
+ "images/appchooserdialog.png",
+ ...
+ ]
+
+For more information about the project configuration, please see the
++:doc:`project-configuration` page.
+
+Generating the API reference
+----------------------------
+
+Once you have a project configuration file, and the introspection data for the
+library you wish to document, all you need is to launch the ``gi-docgen`` command
+line tool.
+
+You will need to provide:
+
+- the location of the project configuration file
+- the location of the additional content files
+- additional search paths for the dependencies
+- the output directory for the generated files
+- the location of the introspection file
+
+A simple invocation for the installed ``Gtk-4.0.gir`` file is:
+
+::
+
+ gi-docgen generate -C gtk4.toml /usr/share/gir-1.0/Gtk-4.0.gir
+
+This will generate the API reference for the ``Gtk-4.0`` namespace, and will put
+the generate files under the current directory.
--- /dev/null
- [ 'Gdk', 'https://people.gnome.org/~ebassi/docs/_build/Gdk/4.0/' ],
- [ 'GdkWayland', 'https://people.gnome.org/~ebassi/docs/_build/GdkWayland/4.0/' ],
- [ 'GdkX11', 'https://people.gnome.org/~ebassi/docs/_build/GdkX11/4.0/' ],
- [ 'Gsk', 'https://people.gnome.org/~ebassi/docs/_build/Gsk/4.0/' ],
- [ 'Gtk', 'https://people.gnome.org/~ebassi/docs/_build/Gtk/4.0/' ],
- [ 'Pango', 'https://people.gnome.org/~ebassi/docs/_build/Pango/1.0/' ],
- [ 'PangoCairo', 'https://people.gnome.org/~ebassi/docs/_build/PangoCairo/1.0/' ],
+// SPDX-FileCopyrightText: 2021 GNOME Foundation
+// SPDX-License-Identifier: Apache-2.0 OR GPL-3.0-or-later
+
+// A map between namespaces and base URLs for their online documentation
+baseURLs = [
++ [ 'GLib', 'https://docs.gtk.org/glib/' ],
++ [ 'GObject', 'https://docs.gtk.org/gobject/' ],
++ [ 'Gdk', 'https://docs.gtk.org/gdk4/' ],
++ [ 'GdkPixbuf', 'https://docs.gtk.org/gdk-pixbuf/' ],
++ [ 'GdkWayland', 'https://docs.gtk.org/gdk4-wayland/' ],
++ [ 'GdkX11', 'https://docs.gtk.org/gdk4-x11/' ],
++ [ 'Gio', 'https://docs.gtk.org/gio/' ],
++ [ 'Gsk', 'https://docs.gtk.org/gsk4/' ],
++ [ 'Gtk', 'https://docs.gtk.org/gtk4/' ],
++ [ 'Pango', 'https://docs.gtk.org/Pango/' ],
++ [ 'PangoCairo', 'https://docs.gtk.org/PangoCairo/' ],
+]
--- /dev/null
- if func.deprecated_since is not None:
+# SPDX-FileCopyrightText: 2021 GNOME Foundation
+# SPDX-License-Identifier: Apache-2.0 OR GPL-3.0-or-later
+
+import argparse
+import concurrent.futures
+import jinja2
+import markdown
+import os
+import shutil
+import sys
+
+import xml.etree.ElementTree as etree
+
+from markupsafe import Markup
+
+from . import config, gir, log, utils
+from . import gdgenindices
+
+
+HELP_MSG = "Generates the reference"
+
+MISSING_DESCRIPTION = "No description available."
+
+STRING_TYPES = {
+ 'utf8': 'The value is a NUL terminated UTF-8 string.',
+ 'filename': 'The value is a file system path, using the OS encoding.',
+}
+
+STRING_ELEMENT_TYPES = {
+ 'utf8': 'Each element is a NUL terminated UTF-8 string.',
+ 'filename': 'Each element is a file system path, using the OS encoding.',
+}
+
+ARG_TRANSFER_MODES = {
+ 'none': 'The data is owned by the caller of the function.',
+ 'container': 'The called function takes ownership of the data container, but not the data inside it.',
+ 'full': 'The called function takes ownership of the data, and is responsible for freeing it.',
+}
+
+METHOD_ARG_TRANSFER_MODES = {
+ 'none': 'The data is owned by the caller of the function.',
+ 'container': 'The instance takes ownership of the data container, but not the data inside it.',
+ 'full': 'The instance takes ownership of the data, and is responsible for freeing it.',
+}
+
+RETVAL_TRANSFER_MODES = {
+ 'none': 'The data is owned by the called function.',
+ 'container': 'The caller of the function takes ownership of the data container, but not the data inside it.',
+ 'full': 'The caller of the function takes ownership of the data, and is responsible for freeing it.',
+ 'floating': 'The returned data has a floating reference.',
+}
+
+METHOD_RETVAL_TRANSFER_MODES = {
+ 'none': 'The data is owned by the instance.',
+ 'container': 'The caller of the method takes ownership of the data container, but not the data inside it.',
+ 'full': 'The caller of the method takes ownership of the data, and is responsible for freeing it.',
+ 'floating': 'The returned data has a floating reference.',
+}
+
+DIRECTION_MODES = {
+ 'in': '-',
+ 'inout': 'The argument will be modified by the function.',
+ 'out': 'The argument will be set by the function.',
+}
+
+SCOPE_MODES = {
+ 'none': '-',
+ 'call': 'The callback arguments are valid during the call.',
+ 'notified': 'The callback arguments are valid until the notify function is called.',
+ 'async': 'The callback arguments are valid until the asynchronous call is completed.',
+}
+
+SIGNAL_WHEN = {
+ 'first': "The default handler is called before the handlers added via `g_signal_connect()`.",
+ 'last': "The default handler is called after the handlers added via `g_signal_connect()`.",
+ 'cleanup': "The default handler is called after the handlers added via `g_signal_connect_after()`.",
+}
+
+FRAGMENT = {
+ "aliases": "alias",
+ "bitfields": "flags",
+ "callbacks": "callback",
+ "classes": "class",
+ "constants": "const",
+ "domains": "error",
+ "enums": "enum",
+ "functions": "func",
+ "function_macros": "func",
+ "interfaces": "iface",
+ "structs": "struct",
+ "unions": "union",
+}
+
+
+def type_name_to_cname(fqtn, is_pointer=False):
+ res = []
+ try:
+ ns, name = fqtn.split('.', 1)
+ res.append(ns)
+ res.append(name)
+ except ValueError:
+ res.append(fqtn.replace('.', ''))
+ if is_pointer:
+ res.append('*')
+ return "".join(res)
+
+
+def gen_index_func(func, namespace, md=None):
+ """Generates a dictionary with the callable metadata required by an index template"""
+ name = func.name
+ if getattr(func, "identifier"):
+ identifier = func.identifier
+ else:
+ identifier = None
+ if func.doc is not None:
+ summary = utils.preprocess_docs(func.doc.content, namespace, summary=True, md=md)
+ else:
+ summary = MISSING_DESCRIPTION
+ if func.available_since is not None:
+ available_since = func.available_since
+ else:
+ available_since = None
- if prop.deprecated_since is not None:
++ if func.deprecated:
+ (version, msg) = func.deprecated_since
+ deprecated_since = version
+ else:
+ deprecated_since = None
+ return {
+ "name": name,
+ "identifier": identifier,
+ "summary": summary,
+ "available_since": available_since,
+ "deprecated_since": deprecated_since,
+ }
+
+
+def gen_index_property(prop, namespace, md=None):
+ name = prop.name
+ if prop.doc is not None:
+ summary = utils.preprocess_docs(prop.doc.content, namespace, summary=True, md=md)
+ else:
+ summary = MISSING_DESCRIPTION
+ if prop.available_since is not None:
+ available_since = prop.available_since
+ else:
+ available_since = None
- if signal.deprecated_since is not None:
++ if prop.deprecated:
+ (version, msg) = prop.deprecated_since
+ deprecated_since = version
+ else:
+ deprecated_since = None
+ return {
+ "name": name,
+ "summary": summary,
+ "available_since": available_since,
+ "deprecated_since": deprecated_since,
+ }
+
+
+def gen_index_signal(signal, namespace, md=None):
+ name = signal.name
+ if signal.doc is not None:
+ summary = utils.preprocess_docs(signal.doc.content, namespace, summary=True, md=md)
+ else:
+ summary = MISSING_DESCRIPTION
+ if signal.available_since is not None:
+ available_since = signal.available_since
+ else:
+ available_since = None
- if const.deprecated_since is not None:
++ if signal.deprecated:
+ (version, msg) = signal.deprecated_since
+ deprecated_since = version
+ else:
+ deprecated_since = None
+ return {
+ "name": name,
+ "summary": summary,
+ "available_since": available_since,
+ "deprecated_since": deprecated_since,
+ }
+
+
+def gen_index_ancestor(ancestor_type, namespace, config, md=None):
+ ancestor_name = ancestor_type.name
+ if '.' in ancestor_name:
+ ns, ancestor_name = ancestor_name.split('.')
+ else:
+ ns = ancestor_type.namespace or namespace.name
+ res = namespace.repository.find_class(ancestor_name, ns)
+ if res is not None:
+ ancestor_ns = res[0].name
+ ancestor_ctype = res[1].base_ctype
+ ancestor = res[1]
+ else:
+ ancestor_ns = ancestor_type.namespace or namespace.name
+ ancestor_ctype = ancestor_type.base_ctype
+ ancestor = None
+ n_methods = 0
+ methods = []
+ n_properties = 0
+ properties = []
+ n_signals = 0
+ signals = []
+ # We don't use real Template objects, here, because it can be
+ # extremely expensive, unless we add a cache somewhere
+ if ancestor is not None:
+ # Set a hard-limit on the number of methods; base types can
+ # add *a lot* of them; two dozens feel like a good compromise
+ for m in ancestor.methods:
+ is_hidden = config.is_hidden(ancestor_name, "method", m.name)
+ if not is_hidden:
+ n_methods += 1
+ if n_methods > 0 and n_methods < 24:
+ for m in ancestor.methods:
+ if not config.is_hidden(ancestor_name, "method", m.name):
+ methods.append(gen_index_func(m, namespace, md))
+ for p in ancestor.properties.values():
+ if not config.is_hidden(ancestor_name, "property", p.name):
+ n_properties += 1
+ properties.append(gen_index_property(p, namespace, md))
+ for s in ancestor.signals.values():
+ if not config.is_hidden(ancestor_name, "signal", s.name):
+ n_signals += 1
+ signals.append(gen_index_signal(s, namespace, md))
+ return {
+ "namespace": ancestor_ns,
+ "name": ancestor_name,
+ "fqtn": f"{ancestor_ns}.{ancestor_name}",
+ "type_cname": ancestor_ctype,
+ "properties": properties,
+ "n_properties": n_properties,
+ "signals": signals,
+ "n_signals": n_signals,
+ "methods": methods,
+ "n_methods": n_methods,
+ }
+
+
+def gen_index_implements(iface_type, namespace, config, md=None):
+ iface_name = iface_type.name
+ if '.' in iface_name:
+ ns, iface_name = iface_name.split('.')
+ else:
+ ns = iface_type.namespace or namespace.name
+ res = namespace.repository.find_interface(iface_name, ns)
+ if res is not None:
+ iface_ns = res[0].name
+ iface_ctype = res[1].base_ctype
+ iface = res[1]
+ else:
+ iface_ns = iface_type.namespace or namespace.name
+ iface_ctype = iface_type.base_ctype
+ iface = None
+ n_methods = 0
+ methods = []
+ n_properties = 0
+ properties = []
+ n_signals = 0
+ signals = []
+ if iface is not None:
+ # Set a hard-limit on the number of methods; base types can
+ # add *a lot* of them; two dozens feel like a good compromise
+ for m in iface.methods:
+ is_hidden = config.is_hidden(iface_name, "method", m.name)
+ if not is_hidden:
+ n_methods += 1
+ if n_methods > 0 and n_methods < 24:
+ for m in iface.methods:
+ if not config.is_hidden(iface_name, "method", m.name):
+ methods.append(gen_index_func(m, namespace, md))
+ for p in iface.properties.values():
+ if not config.is_hidden(iface_name, "property", p.name):
+ n_properties += 1
+ properties.append(gen_index_property(p, namespace, md))
+ for s in iface.signals.values():
+ if not config.is_hidden(iface.name, "signal", s.name):
+ n_signals += 1
+ signals.append(gen_index_signal(s, namespace, md))
+ return {
+ "namespace": iface_ns,
+ "name": iface_name,
+ "fqtn": f"{iface_ns}.{iface_name}",
+ "type_cname": iface_ctype,
+ "properties": properties,
+ "n_properties": n_properties,
+ "signals": signals,
+ "n_signals": n_signals,
+ "methods": methods,
+ "n_methods": n_methods,
+ }
+
+
+def gen_type_link(repository, namespace, name, ctype=None):
+ res = repository.find_type(name, ns=namespace)
+ if res is None:
+ if ctype is not None:
+ return f"<code>{ctype}</code>"
+ elif name in ['utf8', 'filename']:
+ return "<code>char*</code>"
+ else:
+ return f"<code>{name}</code>"
+
+ ns, t = res
+ if t.is_fundamental:
+ return f"<code>{t.ctype}</code>"
+
+ if isinstance(t, gir.Alias):
+ link = f"alias.{name}.html"
+ elif isinstance(t, gir.BitField):
+ link = f"flags.{name}.html"
+ elif isinstance(t, gir.Callback):
+ link = f"callback.{name}.html"
+ elif isinstance(t, gir.Class):
+ link = f"class.{name}.html"
+ elif isinstance(t, gir.ErrorDomain):
+ link = f"error.{name}.html"
+ elif isinstance(t, gir.Enumeration):
+ link = f"enum.{name}.html"
+ elif isinstance(t, gir.Interface):
+ link = f"iface.{name}.html"
+ elif isinstance(t, gir.Record):
+ link = f"struct.{name}.html"
+ elif isinstance(t, gir.Union):
+ link = f"union.{name}.html"
+ else:
+ return f"<code>{t.ctype}</code>"
+
+ text = f"<code>{t.ctype}</code>"
+ if ns.name == repository.namespace.name:
+ href = f'href="{link}"'
+ css_class = ""
+ data_link = ""
+ data_ns = ""
+ else:
+ href = 'href="javascript:void(0)"'
+ css_class = ' class="external"'
+ data_link = f' data-link="{link}"'
+ data_ns = f' data-namespace="{ns.name}"'
+
+ return f"<a {href}{data_link}{data_ns}{css_class}>{text}</a>"
+
+
+class TemplateConstant:
+ def __init__(self, namespace, const):
+ self.value = const.value
+ self.identifier = const.ctype
+ self.type_cname = const.target.ctype
+ self.namespace = namespace.name
+ self.name = const.name
+ self.fqtn = f"{namespace.name}.{const.name}"
+
+ if const.doc is not None:
+ self.summary = utils.preprocess_docs(const.doc.content, namespace, summary=True)
+ self.description = utils.preprocess_docs(const.doc.content, namespace)
+ filename = const.doc.filename
+ if filename.startswith('../'):
+ filename = filename.replace('../', '')
+ line = const.doc.line
+ const.docs_location = (filename, line)
+ else:
+ self.description = MISSING_DESCRIPTION
+
+ self.stability = const.stability
+ self.attributes = const.attributes
+ self.available_since = const.available_since
- if prop.deprecated_since is not None:
++ if const.deprecated:
+ (version, msg) = const.deprecated_since
+ self.deprecated_since = {
+ "version": version,
+ "message": utils.preprocess_docs(msg, namespace),
+ }
+ else:
+ self.deprecated_since = None
+
+ self.introspectable = const.introspectable
+ self.hierarchy_svg = None
+
+ @property
+ def c_decl(self):
+ return utils.code_highlight(f"#define {self.identifier} {self.value}")
+
+
+class TemplateProperty:
+ def __init__(self, namespace, type_, prop):
+ self.name = prop.name
+ self.is_fundamental = prop.target.is_fundamental
+ self.is_array = isinstance(prop.target, gir.ArrayType)
+ self.is_list = isinstance(prop.target, gir.ListType)
+ self.is_list_model = prop.target.name in ['Gio.ListModel', 'GListModel']
+ self.readable = prop.readable
+ self.writable = prop.writable
+ self.construct = prop.construct
+ self.construct_only = prop.construct_only
+ if self.is_fundamental:
+ self.type_name = prop.target.name
+ self.type_cname = prop.target.ctype
+ elif self.is_array or self.is_list:
+ value_type = prop.target.value_type
+ if value_type.name in ['utf8', 'filename']:
+ self.type_name = "string[]"
+ self.type_cname = "char*"
+ elif value_type.ctype is not None:
+ self.type_name = value_type.name
+ self.type_cname = value_type.ctype
+ else:
+ self.type_name = value_type.name
+ self.type_cname = type_name_to_cname(value_type.name, True)
+ else:
+ self.type_name = prop.target.name
+ self.type_cname = prop.target.ctype
+ if prop.doc is not None:
+ self.summary = utils.preprocess_docs(prop.doc.content, namespace, summary=True)
+ self.description = utils.preprocess_docs(prop.doc.content, namespace)
+ filename = prop.doc.filename
+ if filename.startswith('../'):
+ filename = filename.replace('../', '')
+ line = prop.doc.line
+ self.docs_location = (filename, line)
+ else:
+ self.description = MISSING_DESCRIPTION
+
+ self.stability = prop.stability
+ self.available_since = prop.available_since
- return '*' in self.type_cname
++ if prop.deprecated:
+ (version, msg) = prop.deprecated_since
+ self.deprecated_since = {
+ "version": version,
+ "message": utils.preprocess_docs(msg, namespace),
+ }
+ else:
+ self.deprecated_since = None
+
+ self.introspectable = prop.introspectable
+
+ def transform_set_attribute(namespace, prop, setter_func):
+ if setter_func is None:
+ log.warning(f"Missing value in the set attribute for {prop.name}")
+ return None
+ t = namespace.find_symbol(setter_func)
+ if t is None:
+ log.warning(f"Invalid Property.set attribute for {prop.name}: {setter_func}")
+ return setter_func
+ if not (isinstance(t, gir.Class) or isinstance(t, gir.Interface)):
+ log.warning(f"Invalid setter function {setter_func} for property {namespace.name}.{t.name}:{prop.name}")
+ return setter_func
+ func_name = setter_func.replace(namespace.symbol_prefix[0] + '_', '')
+ func_name = func_name.replace(t.symbol_prefix + '_', '')
+ href = f"method.{t.name}.{func_name}.html"
+ return Markup(f"<a href=\"{href}\"><code>{setter_func}</code></a>")
+
+ def transform_get_attribute(namespace, prop, getter_func):
+ if getter_func is None:
+ log.warning(f"Missing value in the get attribute for {prop.name}")
+ return None
+ t = namespace.find_symbol(getter_func)
+ if t is None:
+ log.warning(f"Invalid Property.get attribute for {prop.name}: {getter_func}")
+ return getter_func
+ if not (isinstance(t, gir.Class) or isinstance(t, gir.Interface)):
+ log.warning(f"Invalid getter function {getter_func} for property {namespace.name}.{t.name}:{prop.name}")
+ return getter_func
+ func_name = getter_func.replace(namespace.symbol_prefix[0] + '_', '')
+ func_name = func_name.replace(t.symbol_prefix + '_', '')
+ href = f"method.{t.name}.{func_name}.html"
+ return Markup(f"<a href=\"{href}\"><code>{getter_func}</code></a>")
+
+ def transform_default_attribute(namespace, prop, default_value):
+ if default_value is None:
+ log.warning(f"Missing value in the default attribute for {prop.name}")
+ return None
+ return Markup(f"<code>{default_value}</code>")
+
+ ATTRIBUTE_NAMES = {
+ "org.gtk.Property.set": {
+ "label": "Setter method",
+ "transform": transform_set_attribute,
+ },
+ "org.gtk.Property.get": {
+ "label": "Getter method",
+ "transform": transform_get_attribute,
+ },
+ "org.gtk.Property.default": {
+ "label": "Default value",
+ "transform": transform_default_attribute,
+ },
+ }
+
+ self.attributes = {}
+ for name in (prop.attributes or {}):
+ value = prop.attributes[name]
+ if name in ATTRIBUTE_NAMES:
+ label = ATTRIBUTE_NAMES[name].get("label")
+ transform = ATTRIBUTE_NAMES[name].get("transform")
+ if transform is not None:
+ self.attributes[label] = transform(namespace, prop, value)
+ else:
+ self.attributes[name] = value
+
+ def gen_method_link(ns, t, method):
+ for m in t.methods:
+ if m.name == method:
+ href = f"method.{t.name}.{m.name}.html"
+ return Markup(f'<a href="{href}"><code>{m.identifier}()</code></a>')
+ return None
+
+ if prop.setter is not None:
+ link = gen_method_link(namespace, type_, prop.setter)
+ if link is not None:
+ self.attributes["Setter method"] = link
+ if prop.getter is not None:
+ link = gen_method_link(namespace, type_, prop.getter)
+ if link is not None:
+ self.attributes["Getter method"] = link
+
+ if self.is_fundamental:
+ self.link = f"<code>{self.type_cname}</code>"
+ elif self.is_array or self.is_list:
+ self.link = f"<code>{self.type_cname}</code>"
+ elif prop.target.name is not None:
+ name = prop.target.name
+ if '.' in name:
+ ns, name = name.split('.')
+ else:
+ ns = namespace.name
+ self.link = gen_type_link(namespace.repository, ns, name, self.type_cname)
+
+ @property
+ def c_decl(self):
+ flags = []
+ if self.readable:
+ flags += ['read']
+ if self.writable:
+ flags += ['write']
+ if self.construct:
+ flags += ['construct']
+ if self.construct_only:
+ flags += ['construct-only']
+ flags = ", ".join(flags)
+ return f"property {self.name}: {self.type_name} [ {flags} ]"
+
+
+class TemplateArgument:
+ def __init__(self, namespace, call, argument):
+ self.name = argument.name
+ self.type_name = argument.target.name
+ self.is_array = isinstance(argument.target, gir.ArrayType)
+ self.is_list = isinstance(argument.target, gir.ListType)
+ self.is_map = isinstance(argument.target, gir.MapType)
+ self.is_varargs = isinstance(argument.target, gir.VarArgs)
+ self.is_macro = isinstance(call, gir.FunctionMacro)
+ self.is_list_model = self.type_name in ['Gio.ListModel', 'GListModel']
+ self.is_fundamental = argument.target.is_fundamental
+ if isinstance(call, gir.FunctionMacro):
+ self.type_cname = '-'
+ elif self.is_array or self.is_list:
+ if argument.target.ctype is None:
+ if argument.target.value_type.name in ['utf8', 'filename']:
+ self.type_cname = 'char**'
+ elif argument.target.value_type.ctype is not None:
+ self.type_cname = argument.target.value_type.ctype + '*'
+ else:
+ self.type_cname = 'gpointer'
+ else:
+ self.type_cname = argument.target.ctype
+ elif self.type_name in ['utf8', 'filename']:
+ if argument.target.ctype is None:
+ self.type_cname = 'char*'
+ else:
+ self.type_cname = argument.target.ctype
+ elif self.is_fundamental:
+ if argument.target.ctype is None:
+ self.type_cname = type_name_to_cname(argument.target.name, False)
+ else:
+ self.type_cname = argument.target.ctype
+ else:
+ self.type_cname = argument.target.ctype
+ if self.type_cname is None:
+ self.type_cname = type_name_to_cname(argument.target.name, True)
+ self.transfer = argument.transfer or 'none'
+ if isinstance(call, gir.Method):
+ self.transfer_note = METHOD_ARG_TRANSFER_MODES[argument.transfer or 'none']
+ else:
+ self.transfer_note = ARG_TRANSFER_MODES[argument.transfer or 'none']
+ self.direction = argument.direction or 'in'
+ self.direction_note = DIRECTION_MODES[argument.direction]
+ self.optional = argument.optional
+ self.nullable = argument.nullable
+ self.scope = SCOPE_MODES[argument.scope or 'none']
+ self.introspectable = argument.introspectable
+ if argument.closure != -1:
+ self.closure = call.parameters[argument.closure]
+ else:
+ self.closure = None
+ if self.is_array:
+ self.value_type = argument.target.value_type.name
+ self.value_type_cname = argument.target.value_type.ctype
+ self.fixed_size = argument.target.fixed_size
+ self.zero_terminated = argument.target.zero_terminated
+ self.len_arg = argument.target.length != -1 and call.parameters[argument.target.length].name
+ if self.is_list:
+ self.value_type = argument.target.value_type.name
+ self.value_type_cname = argument.target.value_type.ctype
+ if self.is_list_model:
+ self.value_type = argument.attributes.get('element-type', 'GObject')
+ if self.type_name in ['utf8', 'filename']:
+ self.string_note = STRING_TYPES[self.type_name]
+ elif self.is_array or self.is_list:
+ if self.value_type in ['utf8', 'filename']:
+ self.string_note = STRING_ELEMENT_TYPES[self.value_type]
+ if argument.doc is not None:
+ self.summary = utils.preprocess_docs(argument.doc.content, namespace, summary=True)
+ self.description = utils.preprocess_docs(argument.doc.content, namespace)
+ else:
+ self.description = MISSING_DESCRIPTION
+ if self.is_array:
+ name = self.value_type
+ elif self.is_list:
+ name = self.value_type
+ elif self.type_name is not None:
+ name = self.type_name
+ else:
+ name = None
+ if name is not None:
+ if self.is_fundamental:
+ self.link = f"<code>{self.type_cname}</code>"
+ elif self.is_array:
+ self.link = f"<code>{self.value_type_cname}</code>"
+ elif self.is_list:
+ self.link = f"<code>{self.value_type_cname}</code>"
+ elif self.is_list_model:
+ self.link = f"<code>{self.value_type}</code>"
+ else:
+ if '.' in name:
+ ns, name = name.split('.')
+ else:
+ ns = namespace.name
+ self.link = gen_type_link(namespace.repository, ns, name, self.type_cname)
+
+ @property
+ def is_pointer(self):
+ if self.type_cname is None:
+ return False
+ if self.direction in ['out', 'inout'] and self.is_fundamental and self.type_cname.count('*') == 1:
+ return False
++ if self.is_fundamental and self.type_cname in ['gpointer', 'gconstpointer']:
++ return True
+ return '*' in self.type_cname
+
+ @property
+ def c_decl(self):
+ if self.is_varargs:
+ return "..."
+ elif self.is_macro:
+ return f"{self.name}"
+ else:
+ return f"{self.type_cname} {self.name}"
+
+
+class TemplateReturnValue:
+ def __init__(self, namespace, call, retval):
+ self.name = retval.name
+ self.type_name = retval.target.name
+ self.type_cname = retval.target.ctype
+ self.is_fundamental = retval.target.is_fundamental
+ if self.type_cname is None:
+ self.type_cname = type_name_to_cname(retval.target.name, True)
+ self.is_array = isinstance(retval.target, gir.ArrayType)
+ self.is_list = isinstance(retval.target, gir.ListType)
+ self.is_list_model = self.type_name in ['Gio.ListModel', 'GListModel']
+ self.transfer = retval.transfer or 'none'
+ if isinstance(call, gir.Method):
+ self.transfer_note = METHOD_RETVAL_TRANSFER_MODES[retval.transfer or 'none']
+ else:
+ self.transfer_note = RETVAL_TRANSFER_MODES[retval.transfer or 'none']
+ self.nullable = retval.nullable
+ if self.is_array:
+ self.value_type = retval.target.value_type.name
+ self.value_type_cname = retval.target.value_type.ctype
+ self.fixed_size = retval.target.fixed_size
+ self.zero_terminated = retval.target.zero_terminated
+ self.len_arg = retval.target.length != -1 and call.parameters[retval.target.length].name
+ if self.is_list:
+ self.value_type = retval.target.value_type.name
+ self.value_type_cname = retval.target.value_type.ctype
+ if self.is_list_model:
+ self.value_type = retval.attributes.get('element-type', 'GObject')
+ if self.type_name in ['utf8', 'filename']:
+ self.string_note = STRING_TYPES[self.type_name]
+ elif self.is_array or self.is_list:
+ if self.value_type in ['utf8', 'filename']:
+ self.string_note = STRING_ELEMENT_TYPES[self.value_type]
+ if retval.doc is not None:
+ self.summary = utils.preprocess_docs(retval.doc.content, namespace, summary=True)
+ self.description = utils.preprocess_docs(retval.doc.content, namespace)
+ else:
+ self.description = MISSING_DESCRIPTION
+ self.introspectable = retval.introspectable
+ if self.is_array:
+ name = self.value_type
+ elif self.is_list:
+ name = self.value_type
+ elif self.is_list_model:
+ name = self.value_type
+ elif self.type_name is not None:
+ name = self.type_name
+ else:
+ name = None
+ if name is not None:
+ if self.is_fundamental:
+ self.link = f"<code>{self.type_cname}</code>"
+ elif self.is_array:
+ self.link = f"<code>{self.value_type_cname}</code>"
+ elif self.is_list:
+ self.link = f"<code>{self.value_type_cname}</code>"
+ elif self.is_list_model:
+ self.link = f"<code>{self.value_type}</code>"
+ else:
+ if '.' in name:
+ ns, name = name.split('.')
+ else:
+ ns = namespace.name
+ self.link = gen_type_link(namespace.repository, ns, name, self.type_cname)
+
+ @property
+ def is_pointer(self):
+ if self.type_cname is None:
+ return False
- if signal.deprecated_since is not None:
++ elif self.is_fundamental and self.type_cname in ['gpointer', 'gconstpointer']:
++ return True
++ else:
++ return '*' in self.type_cname
+
+
+class TemplateSignal:
+ def __init__(self, namespace, type_, signal):
+ self.name = signal.name
+ self.type_cname = type_.base_ctype
+ self.identifier = signal.name.replace("-", "_")
+
+ if signal.doc is not None:
+ self.summary = utils.preprocess_docs(signal.doc.content, namespace, summary=True)
+ self.description = utils.preprocess_docs(signal.doc.content, namespace)
+ filename = signal.doc.filename
+ if filename.startswith('../'):
+ filename = filename.replace('../', '')
+ line = signal.doc.line
+ self.docs_location = (filename, line)
+ else:
+ self.description = MISSING_DESCRIPTION
+
+ self.is_detailed = signal.detailed
+ self.is_action = signal.action
+ self.no_recurse = signal.no_recurse
+ self.no_hooks = signal.no_hooks
+ if signal.when:
+ self.when = utils.preprocess_docs(SIGNAL_WHEN[signal.when], namespace)
+
+ self.arguments = []
+ for arg in signal.parameters:
+ self.arguments.append(TemplateArgument(namespace, signal, arg))
+
+ self.return_value = None
+ if not isinstance(signal.return_value.target, gir.VoidType):
+ self.return_value = TemplateReturnValue(namespace, signal, signal.return_value)
+
+ self.stability = signal.stability
+ self.attributes = signal.attributes
+ self.available_since = signal.available_since
- if method.deprecated_since is not None:
++ if signal.deprecated:
+ (version, msg) = signal.deprecated_since
+ self.deprecated_since = {
+ "version": version,
+ "message": utils.preprocess_docs(msg, namespace),
+ }
+ else:
+ self.deprecated_since = None
+
+ self.introspectable = signal.introspectable
+
+ @property
+ def c_decl(self):
+ res = []
+ if self.return_value is None:
+ res += ["void"]
+ else:
+ res += [f"{self.return_value.type_cname}"]
+ res += [f"{self.identifier} ("]
+ res += [f" {self.type_cname}* self,"]
+ for arg in self.arguments:
+ res += [f" {arg.c_decl},"]
+ res += [" gpointer user_data"]
+ res += [")"]
+ return utils.code_highlight("\n".join(res))
+
+
+class TemplateMethod:
+ def __init__(self, namespace, type_, method):
+ self.name = method.name
+ self.identifier = method.identifier
+
+ if method.doc is not None:
+ self.summary = utils.preprocess_docs(method.doc.content, namespace, summary=True)
+ self.description = utils.preprocess_docs(method.doc.content, namespace)
+ filename = method.doc.filename
+ line = method.doc.line
+ if filename.startswith('../'):
+ filename = filename.replace('../', '')
+ self.docs_location = (filename, line)
+ else:
+ self.description = MISSING_DESCRIPTION
+
+ self.throws = method.throws
+
+ self.instance_parameter = TemplateArgument(namespace, method, method.instance_param)
+
+ self.arguments = []
+ for arg in method.parameters:
+ self.arguments.append(TemplateArgument(namespace, method, arg))
+
+ self.return_value = None
+ if not isinstance(method.return_value.target, gir.VoidType):
+ self.return_value = TemplateReturnValue(namespace, method, method.return_value)
+
+ self.stability = method.stability
+ self.available_since = method.available_since
- if method.deprecated_since is not None:
++ if method.deprecated:
+ (version, msg) = method.deprecated_since
+ self.deprecated_since = {
+ "version": version,
+ "message": utils.preprocess_docs(msg, namespace),
+ }
+ else:
+ self.deprecated_since = None
+
+ if method.source_position is not None:
+ filename, line = method.source_position
+ if filename.startswith('../'):
+ filename = filename.replace('../', '')
+ self.source_location = (filename, line)
+
+ self.introspectable = method.introspectable
+
++ self.shadows = method.shadows
++ if method.shadows:
++ for m in type_.methods:
++ if m.name == method.shadows:
++ self.shadows_symbol = m.identifier
++ break
++ self.shadowed_by = method.shadowed_by
++ if method.shadowed_by:
++ for m in type_.methods:
++ if m.name == method.shadowed_by:
++ self.shadowed_by_symbol = m.identifier
++ break
++
+ def transform_property_attribute(namespace, type_, method, value):
+ if value in type_.properties:
+ text = f"{namespace.name}.{type_.name}:{value}"
+ href = f"property.{type_.name}.{value}.html"
+ return Markup(f"<a href=\"{href}\"><code>{text}</code></a>")
+ log.warning(f"Property {value} linked to method {method.name} not found in {namespace.name}.{type_.name}")
+ return value
+
+ def transform_signal_attribute(namespace, type_, method, value):
+ if value in type_.signals:
+ text = f"{namespace.name}.{type_.name}::{value}"
+ href = f"signal.{type_.name}.{value}.html"
+ return Markup(f"<a href=\"{href}\"><code>{text}</code></a>")
+ log.warning(f"Signal {value} linked to method {method.name} not found in {namespace.name}.{type_.name}")
+ return value
+
+ ATTRIBUTE_NAMES = {
+ "org.gtk.Method.set_property": {
+ "label": "Sets property",
+ "transform": transform_property_attribute,
+ },
+ "org.gtk.Method.get_property": {
+ "label": "Gets property",
+ "transform": transform_property_attribute,
+ },
+ "org.gtk.Method.signal": {
+ "label": "Emits signal",
+ "transform": transform_signal_attribute,
+ }
+ }
+
+ self.attributes = {}
+ for name in (method.attributes or {}):
+ value = method.attributes[name]
+ if name in ATTRIBUTE_NAMES:
+ label = ATTRIBUTE_NAMES[name].get("label")
+ transform = ATTRIBUTE_NAMES[name].get("transform")
+ if transform is not None:
+ self.attributes[label] = transform(namespace, type_, method, value)
+ else:
+ self.attributes[name] = value
+
+ def gen_property_link(namespace, t, prop_name):
+ if prop_name not in t.properties:
+ return None
+ prop = t.properties[prop_name]
+ text = f"{namespace.name}.{t.name}:{prop.name}"
+ href = f"property.{t.name}.{prop.name}.html"
+ return Markup(f'<a href="{href}"><code>{text}</code></a>')
+
+ if isinstance(method, gir.Method):
+ if method.set_property is not None:
+ link = gen_property_link(namespace, type_, method.set_property)
+ if link is not None:
+ self.attributes["Sets property"] = link
+ if method.get_property is not None:
+ link = gen_property_link(namespace, type_, method.get_property)
+ if link is not None:
+ self.attributes["Gets property"] = link
+
+ @property
+ def c_decl(self):
+ res = []
+ if self.return_value is None:
+ res += ["void"]
+ else:
+ res += [f"{self.return_value.type_cname}"]
+ if self.identifier is not None:
+ res += [f"{self.identifier} ("]
+ else:
+ res += [f"{self.name} ("]
+ n_args = len(self.arguments)
+ if n_args == 0:
+ res += [f" {self.instance_parameter.type_cname} {self.instance_parameter.name}"]
+ else:
+ res += [f" {self.instance_parameter.type_cname} {self.instance_parameter.name},"]
+ for (idx, arg) in enumerate(self.arguments):
+ if idx == n_args - 1 and not self.throws:
+ res += [f" {arg.c_decl}"]
+ else:
+ res += [f" {arg.c_decl},"]
+ if self.throws:
+ res += [" GError** error"]
+ res += [")"]
+ return utils.code_highlight("\n".join(res))
+
+
+class TemplateClassMethod:
+ def __init__(self, namespace, cls, method):
+ self.name = method.name
+ self.identifier = method.identifier
+ self.class_type_cname = namespace.identifier_prefix[0] + cls.type_struct
+
+ self.throws = method.throws
+
+ if method.doc is not None:
+ self.summary = utils.preprocess_docs(method.doc.content, namespace, summary=True)
+ self.description = utils.preprocess_docs(method.doc.content, namespace)
+ filename = method.doc.filename
+ line = method.doc.line
+ if filename.startswith('../'):
+ filename = filename.replace('../', '')
+ self.docs_location = (filename, line)
+ else:
+ self.description = MISSING_DESCRIPTION
+
+ self.instance_parameter = TemplateArgument(namespace, method, method.instance_param)
+
+ self.arguments = []
+ for arg in method.parameters:
+ self.arguments.append(TemplateArgument(namespace, method, arg))
+
+ self.return_value = None
+ if not isinstance(method.return_value.target, gir.VoidType):
+ self.return_value = TemplateReturnValue(namespace, method, method.return_value)
+
+ self.stability = method.stability
+ self.attributes = method.attributes
+ self.available_since = method.available_since
- if func.deprecated_since is not None:
++ if method.deprecated:
+ (version, msg) = method.deprecated_since
+ self.deprecated_since = {
+ "version": version,
+ "message": utils.preprocess_docs(msg, namespace),
+ }
+ else:
+ self.deprecated_since = None
+
+ if method.source_position is not None:
+ filename, line = method.source_position
+ if filename.startswith('../'):
+ filename = filename.replace('../', '')
+ self.source_location = (filename, line)
+
+ self.introspectable = method.introspectable
+
+ @property
+ def c_decl(self):
+ res = []
+ if self.return_value is None:
+ res += ["void"]
+ else:
+ res += [f"{self.return_value.type_cname}"]
+ res += [f"{self.identifier} ("]
+ n_args = len(self.arguments)
+ if n_args == 0:
+ res += [f" {self.instance_parameter.type_cname} {self.instance_parameter.name}"]
+ else:
+ res += [f" {self.instance_parameter.type_cname} {self.instance_parameter.name},"]
+ for (idx, arg) in enumerate(self.arguments):
+ if idx == n_args - 1 and not self.throws:
+ res += [f" {arg.c_decl}"]
+ else:
+ res += [f" {arg.c_decl},"]
+ if self.throws:
+ res += [" GError** error"]
+ res += [")"]
+ return utils.code_highlight("\n".join(res))
+
+
+class TemplateFunction:
+ def __init__(self, namespace, func):
+ self.identifier = func.identifier
+ self.name = func.name
+ self.namespace = namespace.name
+
+ self.is_macro = isinstance(func, gir.FunctionMacro)
+
+ self.throws = func.throws
+
+ if func.doc is not None:
+ self.summary = utils.preprocess_docs(func.doc.content, namespace, summary=True)
+ self.description = utils.preprocess_docs(func.doc.content, namespace)
+ filename = func.doc.filename
+ line = func.doc.line
+ if filename.startswith('../'):
+ filename = filename.replace('../', '')
+ self.docs_location = (filename, line)
+ else:
+ self.description = MISSING_DESCRIPTION
+
+ self.arguments = []
+ for arg in func.parameters:
+ self.arguments.append(TemplateArgument(namespace, func, arg))
+
+ self.return_value = None
+ if not isinstance(func.return_value.target, gir.VoidType):
+ self.return_value = TemplateReturnValue(namespace, func, func.return_value)
+
+ self.stability = func.stability
+ self.attributes = func.attributes
+ self.available_since = func.available_since
- if cb.deprecated_since is not None:
++ if func.deprecated:
+ (version, msg) = func.deprecated_since
+ self.deprecated_since = {
+ "version": version,
+ "message": utils.preprocess_docs(msg, namespace),
+ }
+ else:
+ self.deprecated_since = None
+
+ if func.source_position is not None:
+ filename, line = func.source_position
+ if filename.startswith('../'):
+ filename = filename.replace('../', '')
+ self.source_location = (filename, line)
+
+ self.introspectable = func.introspectable
+
++ self.shadows = func.shadows
++ if func.shadows:
++ f = namespace.find_function(func.shadows)
++ if f is not None:
++ self.shadows_symbol = f.identifier
++ self.shadowed_by = func.shadowed_by
++ if func.shadowed_by:
++ f = namespace.find_function(func.shadowed_by)
++ if f is not None:
++ self.shadowed_by_symbol = f.identifier
++
+ @property
+ def c_decl(self):
+ res = []
+ if self.is_macro:
+ res += [f"#define {self.identifier} ("]
+ else:
+ if self.return_value is None:
+ res += ["void"]
+ else:
+ res += [f"{self.return_value.type_cname}"]
+ res += [f"{self.identifier} ("]
+ n_args = len(self.arguments)
+ if n_args == 0:
+ res += [" void"]
+ else:
+ for (idx, arg) in enumerate(self.arguments):
+ if idx == n_args - 1 and not self.throws:
+ res += [f" {arg.c_decl}"]
+ else:
+ res += [f" {arg.c_decl},"]
+ if self.throws:
+ res += [" GError** error"]
+ res += [")"]
+ return utils.code_highlight("\n".join(res))
+
+
+class TemplateCallback:
+ def __init__(self, namespace, cb, field=False):
+ self.name = cb.name
+ self.type_cname = cb.ctype
+ self.identifier = cb.name.replace("-", "_")
+ self.field = field
+
+ if cb.doc is not None:
+ self.summary = utils.preprocess_docs(cb.doc.content, namespace, summary=True)
+ self.description = utils.preprocess_docs(cb.doc.content, namespace)
+ filename = cb.doc.filename
+ line = cb.doc.line
+ if filename.startswith('../'):
+ filename = filename.replace('../', '')
+ self.docs_location = (filename, line)
+ else:
+ self.description = MISSING_DESCRIPTION
+
+ self.arguments = []
+ for arg in cb.parameters:
+ self.arguments.append(TemplateArgument(namespace, cb, arg))
+
+ self.return_value = None
+ if not isinstance(cb.return_value.target, gir.VoidType):
+ self.return_value = TemplateReturnValue(namespace, cb, cb.return_value)
+
+ self.throws = cb.throws
+
+ self.stability = cb.stability
+ self.attributes = cb.attributes
+ self.available_since = cb.available_since
- if interface.deprecated_since is not None:
++ if cb.deprecated:
+ (version, msg) = cb.deprecated_since
+ self.deprecated_since = {
+ "version": version,
+ "message": utils.preprocess_docs(msg, namespace),
+ }
+ else:
+ self.deprecated_since = None
+
+ self.introspectable = cb.introspectable
+
+ @property
+ def c_decl(self):
+ res = []
+ if self.field:
+ arg_indent = " "
+ else:
+ arg_indent = " "
+ if self.return_value is None:
+ retval = "void"
+ else:
+ retval = f"{self.return_value.type_cname}"
+ if self.field:
+ res += [f"{retval} (* {self.identifier}) ("]
+ else:
+ res += [retval]
+ res += [f"(* {self.type_cname}) ("]
+ n_args = len(self.arguments)
+ if n_args == 0:
+ res += ["void"]
+ else:
+ for (idx, arg) in enumerate(self.arguments):
+ if idx == n_args - 1 and not self.throws:
+ res += [f"{arg_indent}{arg.type_cname} {arg.name}"]
+ else:
+ res += [f"{arg_indent}{arg.type_cname} {arg.name},"]
+ if self.throws:
+ res += [f"{arg_indent}GError** error"]
+ if self.field:
+ res += [" )"]
+ else:
+ res += [")"]
+ if self.field:
+ return "\n".join(res)
+ else:
+ return utils.code_highlight("\n".join(res))
+
+
+class TemplateField:
+ def __init__(self, namespace, field):
+ self.name = field.name
+ if field.target is not None:
+ if isinstance(field.target, gir.Callback):
+ self.is_callback = True
+ self.type_name: field.target.name
+ self.type_cname = TemplateCallback(namespace, field.target, field=True).c_decl
+ else:
+ self.is_callback = False
+ self.type_name = field.target.name
+ self.type_cname = field.target.ctype
+ else:
+ self.is_callback = False
+ self.type_name = 'none'
+ self.type_cname = 'gpointer'
+ self.private = field.private
+ self.bits = field.bits
+ if field.doc is not None:
+ self.description = utils.preprocess_docs(field.doc.content, namespace)
+ else:
+ self.description = MISSING_DESCRIPTION
+ self.introspectable = field.introspectable
+
+
+class TemplateInterface:
+ def __init__(self, namespace, interface, config):
+ if isinstance(interface, gir.Interface):
+ if '.' in interface.name:
+ self.namespace, self.name = interface.name.split('.')
+ self.fqtn = interface.name
+ else:
+ self.namespace = interface.namespace
+ self.name = interface.name
+ self.fqtn = f"{self.namespace}.{self.name}"
+ elif isinstance(interface, gir.Type):
+ if '.' in interface.name:
+ self.namespace, self.name = interface.name.split('.')
+ else:
+ self.namespace = interface.namespace or namespace.name
+ self.name = interface.name
+ self.fqtn = f"{self.namespace}.{self.name}"
+ self.requires = "GObject.Object"
+ self.link_prefix = "iface"
+ self.description = MISSING_DESCRIPTION
+ return
+
+ md = markdown.Markdown(extensions=utils.MD_EXTENSIONS,
+ extension_configs=utils.MD_EXTENSIONS_CONF)
+
+ requires = interface.prerequisite
+ if requires is None:
+ self.requires_namespace = "GObject"
+ self.requires_name = "Object"
+ self.requires_ctype = "GObject"
+ elif '.' in requires.name:
+ self.requires_namespace, self.requires_name = requires.name.split('.')
+ self.requires_ctype = requires.ctype
+ else:
+ self.requires_namespace = requires.namespace or namespace.name
+ self.requires_name = requires.name
+ self.requires_ctype = requires.ctype
+
+ self.requires_fqtn = f"{self.requires_namespace}.{self.requires_name}"
+ log.debug(f"Preqrequisite for {self.fqtn}: {self.requires_fqtn}")
+
+ self.symbol_prefix = f"{namespace.symbol_prefix[0]}_{interface.symbol_prefix}"
+ self.type_cname = interface.base_ctype
+
+ self.link_prefix = "iface"
+
+ if interface.doc is not None:
+ self.summary = utils.preprocess_docs(interface.doc.content, namespace, summary=True, md=md)
+ self.description = utils.preprocess_docs(interface.doc.content, namespace, md=md)
++ self.description_toc = md.toc_tokens is not None and md.toc_tokens.copy() or None
+ filename = interface.doc.filename
+ line = interface.doc.line
+ if filename.startswith('../'):
+ filename = filename.replace('../', '')
+ self.docs_location = (filename, line)
+ else:
+ self.description = MISSING_DESCRIPTION
+
+ self.stability = interface.stability
+ self.attributes = interface.attributes
+ self.available_since = interface.available_since
- if cls.deprecated_since is not None:
++ if interface.deprecated:
+ (version, msg) = interface.deprecated_since
+ self.deprecated_since = {
+ "version": version,
+ "message": utils.preprocess_docs(msg, namespace),
+ }
+ else:
+ self.deprecated_since = None
+
+ self.introspectable = interface.introspectable
+
+ self.class_name = interface.type_struct
+
+ self.class_struct = namespace.find_record(interface.type_struct)
+ if self.class_struct is not None:
+ self.class_fields = []
+ self.class_methods = []
+
+ for field in self.class_struct.fields:
+ if not field.private:
+ self.class_fields.append(TemplateField(namespace, field))
+
+ for method in self.class_struct.methods:
+ self.class_methods.append(gen_index_func(method, namespace, md))
+
+ if len(interface.properties) != 0:
+ self.properties = []
+ for pname, prop in interface.properties.items():
+ if not config.is_hidden(interface.name, "property", pname):
+ self.properties.append(gen_index_property(prop, namespace, md))
+
+ if len(interface.signals) != 0:
+ self.signals = []
+ for sname, signal in interface.signals.items():
+ if not config.is_hidden(interface.name, "signal", sname):
+ self.signals.append(gen_index_signal(signal, namespace, md))
+
+ if len(interface.methods) != 0:
+ self.methods = []
+ for method in interface.methods:
+ if not config.is_hidden(interface.name, "method", method.name):
+ self.methods.append(gen_index_func(method, namespace, md))
+
+ if len(interface.virtual_methods) != 0:
+ self.virtual_methods = []
+ for vfunc in interface.virtual_methods:
+ self.virtual_methods.append(gen_index_func(vfunc, namespace, md))
+
+ if len(interface.functions) != 0:
+ self.type_funcs = []
+ for func in interface.functions:
+ if not config.is_hidden(interface.name, "function", func.name):
+ self.type_funcs.append(gen_index_func(func, namespace, md))
+
+ if len(interface.implementations) != 0:
+ self.implementations = []
+ for impl in interface.implementations:
+ self.implementations.append({
+ 'name': impl.name,
+ 'ctype': impl.ctype,
+ })
+
+ @property
+ def c_decl(self):
+ return f"interface {self.fqtn} : {self.requires_fqtn}"
+
+
+class TemplateClass:
+ def __init__(self, namespace, cls, config, recurse=True):
+ self.symbol_prefix = f"{namespace.symbol_prefix[0]}_{cls.symbol_prefix}"
+ self.type_cname = cls.base_ctype
+ self.link_prefix = "class"
+ self.fundamental = cls.fundamental
+ self.abstract = cls.abstract
+
+ md = markdown.Markdown(extensions=utils.MD_EXTENSIONS,
+ extension_configs=utils.MD_EXTENSIONS_CONF)
+
+ if '.' in cls.name:
+ self.namespace = cls.name.split('.')[0]
+ self.name = cls.name.split('.')[1]
+ self.fqtn = cls.name
+ else:
+ self.namespace = namespace.name
+ self.name = cls.name
+ self.fqtn = f"{namespace.name}.{self.name}"
+
+ if cls.parent is None or cls.fundamental:
+ self.parent_fqtn = 'GObject.TypeInstance'
+ self.parent_cname = 'GTypeInstance*'
+ self.parent_name = 'TypeInstance'
+ self.parent_namespace = 'GObject'
+ elif '.' in cls.parent.name:
+ self.parent_fqtn = cls.parent.name
+ self.parent_cname = cls.parent.ctype
+ self.parent_namespace = self.parent_fqtn.split('.')[0]
+ self.parent_name = self.parent_fqtn.split('.')[1]
+ else:
+ self.parent_cname = cls.parent.ctype
+ self.parent_name = cls.parent.name
+ self.parent_namespace = cls.parent.namespace or namespace.name
+ self.parent_fqtn = f"{self.parent_namespace}.{self.parent_name}"
+
+ self.ancestors = []
+ if recurse:
+ for ancestor_type in cls.ancestors:
+ self.ancestors.append(gen_index_ancestor(ancestor_type, namespace, config, md))
+
+ if cls.descendants:
+ self.descendants = []
+ for descendant in cls.descendants:
+ self.descendants.append({
+ 'name': descendant.name,
+ 'ctype': descendant.ctype,
+ })
+
+ self.class_name = cls.type_struct
+
+ self.instance_struct = None
+ if len(cls.fields) != 0:
+ self.instance_struct = self.class_name
+
+ if cls.type_struct is not None:
+ self.class_struct = namespace.find_record(cls.type_struct)
+ else:
+ self.class_struct = None
+
+ # "Final", in the absence of an actual flag or annotation,
+ # is determined through an heuristic; if either the instance
+ # or the class structures are missing or disguised, then the
+ # type cannot be derived
+ if self.instance_struct is None or self.class_struct is None or self.class_struct.disguised:
+ self.final = True
+ else:
+ self.final = False
+
+ if cls.doc is not None:
+ self.summary = utils.preprocess_docs(cls.doc.content, namespace, summary=True, md=md)
+ self.description = utils.preprocess_docs(cls.doc.content, namespace, md=md)
++ self.description_toc = md.toc_tokens is not None and md.toc_tokens.copy() or None
+ filename = cls.doc.filename
+ line = cls.doc.line
+ if filename.startswith('../'):
+ filename = filename.replace('../', '')
+ self.docs_location = (filename, line)
+ else:
+ self.description = MISSING_DESCRIPTION
+
+ self.stability = cls.stability
+ self.attributes = cls.attributes
+ self.available_since = cls.available_since
- if record.deprecated_since is not None:
++ if cls.deprecated:
+ (version, msg) = cls.deprecated_since
+ self.deprecated_since = {
+ "version": version,
+ "message": utils.preprocess_docs(msg, namespace, md=md),
+ }
+ else:
+ self.deprecated_since = None
+
+ self.introspectable = cls.introspectable
+
+ self.fields = []
+ for field in cls.fields:
+ if not field.private:
+ self.fields.append(TemplateField(namespace, field))
+
+ self.properties = []
+ if len(cls.properties) != 0:
+ for pname, prop in cls.properties.items():
+ if not config.is_hidden(cls.name, "property", pname):
+ self.properties.append(gen_index_property(prop, namespace, md))
+
+ self.signals = []
+ if len(cls.signals) != 0:
+ for sname, signal in cls.signals.items():
+ if not config.is_hidden(cls.name, "signal", sname):
+ self.signals.append(gen_index_signal(signal, namespace, md))
+
+ self.ctors = []
+ if len(cls.constructors) != 0:
+ for ctor in cls.constructors:
+ if not config.is_hidden(cls.name, "constructor", ctor.name):
+ self.ctors.append(gen_index_func(ctor, namespace, md))
+
+ self.methods = []
+ if len(cls.methods) != 0:
+ for method in cls.methods:
+ if not config.is_hidden(cls.name, "method", method.name):
+ self.methods.append(gen_index_func(method, namespace, md))
+
+ if self.class_struct is not None:
+ self.class_ctype = self.class_struct.ctype
+ self.class_fields = []
+ self.class_methods = []
+
+ for field in self.class_struct.fields:
+ if not field.private:
+ self.class_fields.append(TemplateField(namespace, field))
+
+ for method in self.class_struct.methods:
+ self.class_methods.append(gen_index_func(method, namespace, md))
+
+ self.interfaces = []
+ if len(cls.implements) != 0:
+ for iface_type in cls.implements:
+ self.interfaces.append(gen_index_implements(iface_type, namespace, config, md))
+
+ self.virtual_methods = []
+ if len(cls.virtual_methods) != 0:
+ for vfunc in cls.virtual_methods:
+ self.virtual_methods.append(gen_index_func(vfunc, namespace, md))
+
+ self.type_funcs = []
+ if len(cls.functions) != 0:
+ for func in cls.functions:
+ if not config.is_hidden(cls.name, "function", func.name):
+ self.type_funcs.append(gen_index_func(func, namespace, md))
+
+ @property
+ def show_methods(self):
+ if len(self.methods) > 0:
+ return True
+ for ancestor in self.ancestors:
+ if ancestor["n_methods"] > 0:
+ return True
+ for iface in self.interfaces:
+ if iface["n_methods"] > 0:
+ return True
+ return False
+
+ @property
+ def show_properties(self):
+ if len(self.properties) > 0:
+ return True
+ for ancestor in self.ancestors:
+ if ancestor["n_properties"] > 0:
+ return True
+ for iface in self.interfaces:
+ if iface["n_properties"] > 0:
+ return True
+ return False
+
+ @property
+ def show_signals(self):
+ if len(self.signals) > 0:
+ return True
+ for ancestor in self.ancestors:
+ if ancestor["n_signals"] > 0:
+ return True
+ for iface in self.interfaces:
+ if iface["n_signals"] > 0:
+ return True
+ return False
+
+ @property
+ def c_decl(self):
+ if self.abstract:
+ res = [f"abstract class {self.fqtn} : {self.parent_fqtn} {{"]
+ elif self.final:
+ res = [f"final class {self.fqtn} : {self.parent_fqtn} {{"]
+ else:
+ res = [f"class {self.fqtn} : {self.parent_fqtn} {{"]
+ n_fields = len(self.fields)
+ if n_fields > 0:
+ for (idx, field) in enumerate(self.fields):
+ if idx < n_fields - 1:
+ res += [f" {field.name}: {field.type_cname},"]
+ else:
+ res += [f" {field.name}: {field.type_cname}"]
+ else:
+ res += [" /* No available fields */"]
+ res += ["}"]
+ return "\n".join(res)
+
+ @property
+ def dot(self):
+
+ def fmt_attrs(attrs):
+ return ','.join(f'{k}="{v}"' for k, v in attrs.items())
+
+ def add_link(attrs, other, fragment):
+ if other['namespace'] == self.namespace:
+ attrs['href'] = f"{fragment}.{other['name']}.html"
+ attrs['class'] = 'link'
+ else:
+ attrs['tooltip'] = other['fqtn']
+
+ ancestors = []
+ implements = []
+ res = ["graph hierarchy {"]
+ res.append(" bgcolor=\"transparent\";")
+ node_attrs = {
+ 'shape': 'box',
+ 'style': 'rounded',
+ 'border': 0
+ }
+ this_attrs = {
+ 'label': self.type_cname,
+ 'tooltip': self.type_cname
+ }
+ this_attrs.update(node_attrs)
+ res.append(f" this [{fmt_attrs(this_attrs)}];")
+ for idx, ancestor in enumerate(self.ancestors):
+ node_id = f"ancestor_{idx}"
+ ancestor_attrs = {
+ 'label': ancestor['type_cname']
+ }
+ ancestor_attrs.update(node_attrs)
+ add_link(ancestor_attrs, ancestor, 'class')
+ res.append(f" {node_id} [{fmt_attrs(ancestor_attrs)}];")
+ ancestors.append(node_id)
+ ancestors.reverse()
+ for idx, iface in enumerate(getattr(self, "interfaces", [])):
+ node_id = f"implements_{idx}"
+ iface_attrs = {
+ 'label': iface['type_cname'],
+ 'fontname': 'sans-serif',
+ 'shape': 'box',
+ }
+ add_link(iface_attrs, iface, 'iface')
+ res.append(f" {node_id} [{fmt_attrs(iface_attrs)}];")
+ implements.append(node_id)
+ if len(ancestors) > 0:
+ res.append(" " + " -- ".join(ancestors) + " -- this;")
+ for node in implements:
+ res.append(f" this -- {node} [style=dotted];")
+ res.append("}")
+ return "\n".join(res)
+
+
+class TemplateRecord:
+ def __init__(self, namespace, record, config):
+ self.symbol_prefix = f"{namespace.symbol_prefix[0]}_{record.symbol_prefix}"
+ self.type_cname = record.ctype
+ self.link_prefix = "struct"
+
+ self.name = record.name
+ self.namespace = record.name or namespace.name
+ self.fqtn = f"{self.namespace}.{self.name}"
+
+ md = markdown.Markdown(extensions=utils.MD_EXTENSIONS,
+ extension_configs=utils.MD_EXTENSIONS_CONF)
+
+ if record.doc is not None:
+ self.summary = utils.preprocess_docs(record.doc.content, namespace, summary=True, md=md)
+ self.description = utils.preprocess_docs(record.doc.content, namespace, md=md)
++ self.description_toc = md.toc_tokens is not None and md.toc_tokens.copy() or None
+ filename = record.doc.filename
+ line = record.doc.line
+ if filename.startswith('../'):
+ filename = filename.replace('../', '')
+ self.docs_location = (filename, line)
+ else:
+ self.description = MISSING_DESCRIPTION
+
+ self.stability = record.stability
+ self.attributes = record.attributes
+ self.available_since = record.available_since
- if union.deprecated_since is not None:
++ if record.deprecated:
+ (version, msg) = record.deprecated_since
+ self.deprecated_since = {
+ "version": version,
+ "message": utils.preprocess_docs(msg, namespace, md=md),
+ }
+ else:
+ self.deprecated_since = None
+
+ self.introspectable = record.introspectable
+
+ self.fields = []
+ for field in record.fields:
+ if not field.private:
+ self.fields.append(TemplateField(namespace, field))
+
+ if len(record.constructors) != 0:
+ self.ctors = []
+ for ctor in record.constructors:
+ if not config.is_hidden(record.name, "constructor", ctor.name):
+ self.ctors.append(gen_index_func(ctor, namespace, md))
+
+ if len(record.methods) != 0:
+ self.methods = []
+ for method in record.methods:
+ if not config.is_hidden(record.name, "method", method.name):
+ self.methods.append(gen_index_func(method, namespace, md))
+
+ if len(record.functions) != 0:
+ self.type_funcs = []
+ for func in record.functions:
+ if not config.is_hidden(record.name, "function", func.name):
+ self.type_funcs.append(gen_index_func(func, namespace, md))
+
+ @property
+ def c_decl(self):
+ res = [f"struct {self.type_cname} {{"]
+ n_fields = len(self.fields)
+ if n_fields > 0:
+ for field in self.fields:
+ if field.is_callback:
+ res += [f" {field.type_cname};"]
+ elif field.bits > 0:
+ res += [f" {field.type_cname} {field.name} : {field.bits};"]
+ else:
+ res += [f" {field.type_cname} {field.name};"]
+ else:
+ res += [" /* No available fields */"]
+ res += ["}"]
+ return utils.code_highlight("\n".join(res))
+
+
+class TemplateUnion:
+ def __init__(self, namespace, union, config):
+ self.symbol_prefix = f"{namespace.symbol_prefix[0]}_{union.symbol_prefix}"
+ self.type_cname = union.ctype
+ self.link_prefix = "union"
+ self.name = union.name
+ self.namespace = union.namespace or namespace.name
+ self.fqtn = f"{self.namespace}.{self.name}"
+
+ md = markdown.Markdown(extensions=utils.MD_EXTENSIONS,
+ extension_configs=utils.MD_EXTENSIONS_CONF)
+
+ if union.doc is not None:
+ self.summary = utils.preprocess_docs(union.doc.content, namespace, summary=True, md=md)
+ self.description = utils.preprocess_docs(union.doc.content, namespace, md=md)
++ self.description_toc = md.toc_tokens is not None and md.toc_tokens.copy() or None
+ filename = union.doc.filename
+ line = union.doc.line
+ if filename.startswith('../'):
+ filename = filename.replace('../', '')
+ self.docs_location = (filename, line)
+ else:
+ self.description = MISSING_DESCRIPTION
+
+ self.stability = union.stability
+ self.attributes = union.attributes
+ self.available_since = union.available_since
- self.deprecated_since = alias.deprecated_since
- if alias.deprecated_since is not None:
++ if union.deprecated:
+ (version, msg) = union.deprecated_since
+ self.deprecated_since = {
+ "version": version,
+ "message": utils.preprocess_docs(msg, namespace, md=md),
+ }
+ else:
+ self.deprecated_since = None
+
+ self.introspectable = union.introspectable
+
+ self.fields = []
+ for field in union.fields:
+ if not field.private:
+ self.fields.append(TemplateField(namespace, field))
+
+ if len(union.constructors) != 0:
+ self.ctors = []
+ for ctor in union.constructors:
+ if not config.is_hidden(union.name, "constructor", ctor.name):
+ self.ctors.append(gen_index_func(ctor, namespace, md))
+
+ if len(union.methods) != 0:
+ self.methods = []
+ for method in union.methods:
+ if not config.is_hidden(union.name, "method", method.name):
+ self.methods.append(gen_index_func(method, namespace, md))
+
+ if len(union.functions) != 0:
+ self.type_funcs = []
+ for func in union.functions:
+ if not config.is_hidden(union.name, "function", func.name):
+ self.type_funcs.append(gen_index_func(func, namespace, md))
+
+ @property
+ def c_decl(self):
+ res = [f"union {self.type_cname} {{"]
+ n_fields = len(self.fields)
+ if n_fields > 0:
+ for field in self.fields:
+ if field.is_callback:
+ res += [f" {field.type_cname};"]
+ else:
+ res += [f" {field.type_cname} {field.name};"]
+ else:
+ res += [" /* No available fields */"]
+ res += ["}"]
+ return utils.code_highlight("\n".join(res))
+
+
+class TemplateAlias:
+ def __init__(self, namespace, alias):
+ self.type_cname = alias.base_ctype
+ self.target_ctype = alias.target.ctype
+ self.link_prefix = "alias"
+
+ self.namespace = alias.namespace or namespace.name
+ self.name = alias.name
+ self.fqtn = f"{self.namespace}.{self.name}"
+
+ md = markdown.Markdown(extensions=utils.MD_EXTENSIONS,
+ extension_configs=utils.MD_EXTENSIONS_CONF)
+
+ if alias.doc is not None:
+ self.summary = utils.preprocess_docs(alias.doc.content, namespace, summary=True, md=md)
+ self.description = utils.preprocess_docs(alias.doc.content, namespace, md=md)
+ filename = alias.doc.filename
+ line = alias.doc.line
+ if filename.startswith('../'):
+ filename = filename.replace('../', '')
+ self.docs_location = (filename, line)
+ else:
+ self.description = MISSING_DESCRIPTION
+
+ self.stability = alias.stability
+ self.attributes = alias.attributes
+ self.available_since = alias.available_since
- self.deprecated_since = enum.deprecated_since
- if enum.deprecated_since is not None:
++ if alias.deprecated:
+ (version, msg) = alias.deprecated_since
+ self.deprecated_since = {
+ "version": version,
+ "message": utils.preprocess_docs(msg, namespace),
+ }
+ else:
+ self.deprecated_since = None
+
+ self.introspectable = alias.introspectable
+
+ @property
+ def c_decl(self):
+ return f"typedef {self.target_ctype} {self.type_cname}"
+
+
+class TemplateMember:
+ def __init__(self, namespace, enum, member):
+ self.name = member.identifier
++ self.girname = member.name
+ self.nick = member.nick
+ self.value = member.value
+ if member.doc is not None:
+ self.description = utils.preprocess_docs(member.doc.content, namespace)
+ filename = member.doc.filename
+ line = member.doc.line
+ if filename.startswith('../'):
+ filename = filename.replace('../', '')
+ self.docs_location = (filename, line)
+ else:
+ self.description = MISSING_DESCRIPTION
+
+
+class TemplateEnum:
+ def __init__(self, namespace, enum, config):
+ self.symbol_prefix = None
+ self.type_cname = enum.ctype
+ self.bitfield = False
+ self.error = False
+ self.domain = None
+
+ self.namespace = namespace.name
+ self.name = enum.name
+ self.fqtn = f"{namespace.name}.{enum.name}"
+
+ md = markdown.Markdown(extensions=utils.MD_EXTENSIONS,
+ extension_configs=utils.MD_EXTENSIONS_CONF)
+
+ if enum.doc is not None:
+ self.summary = utils.preprocess_docs(enum.doc.content, namespace, summary=True, md=md)
+ self.description = utils.preprocess_docs(enum.doc.content, namespace, md=md)
+ filename = enum.doc.filename
+ line = enum.doc.line
+ if filename.startswith('../'):
+ filename = filename.replace('../', '')
+ self.docs_location = (filename, line)
+ else:
+ self.description = MISSING_DESCRIPTION
+
+ self.stability = enum.stability
+ self.attributes = enum.attributes
+ self.available_since = enum.available_since
++ if enum.deprecated:
+ (version, msg) = enum.deprecated_since
+ self.deprecated_since = {
+ "version": version,
+ "message": utils.preprocess_docs(msg, namespace, md=md),
+ }
+ else:
+ self.deprecated_since = None
+
+ self.introspectable = enum.introspectable
+
+ if isinstance(enum, gir.BitField):
+ self.link_prefix = "flags"
+ self.bitfield = True
+ elif isinstance(enum, gir.ErrorDomain):
+ self.link_prefix = "error"
+ self.error = True
+ self.domain = enum.domain
+ else:
+ self.link_prefix = "enum"
+
+ if len(enum.members) != 0:
+ self.members = []
+ for member in enum.members:
+ self.members.append(TemplateMember(namespace, enum, member))
+
+ if len(enum.functions) != 0:
+ self.type_funcs = []
+ for func in enum.functions:
+ if not config.is_hidden(enum.name, "function", func.name):
+ self.type_funcs.append(gen_index_func(func, namespace, md))
+
+ @property
+ def c_decl(self):
+ if self.error:
+ return f"error-domain {self.fqtn}"
+ elif self.bitfield:
+ return f"flags {self.fqtn}"
+ else:
+ return f"enum {self.fqtn}"
+
+
+class TemplateNamespace:
+ def __init__(self, namespace):
+ self.name = namespace.name
+ self.version = namespace.version
+ self.symbol_prefix = namespace.symbol_prefix[0]
+ self.identifier_prefix = namespace.identifier_prefix[0]
+
+
+def _gen_classes(config, theme_config, output_dir, jinja_env, repository, all_classes):
+ namespace = repository.namespace
+
+ class_tmpl = jinja_env.get_template(theme_config.class_template)
+ method_tmpl = jinja_env.get_template(theme_config.method_template)
+ property_tmpl = jinja_env.get_template(theme_config.property_template)
+ signal_tmpl = jinja_env.get_template(theme_config.signal_template)
+ class_method_tmpl = jinja_env.get_template(theme_config.class_method_template)
+ ctor_tmpl = jinja_env.get_template(theme_config.ctor_template)
+ type_func_tmpl = jinja_env.get_template(theme_config.type_func_template)
+ vfunc_tmpl = jinja_env.get_template(theme_config.vfunc_template)
+
+ template_classes = []
+
+ for cls in all_classes:
+ if config.is_hidden(cls.name):
+ log.debug(f"Skipping hidden class {cls.name}")
+ continue
+ class_file = os.path.join(output_dir, f"class.{cls.name}.html")
+ log.info(f"Creating class file for {namespace.name}.{cls.name}: {class_file}")
+
+ tmpl = TemplateClass(namespace, cls, config)
+ template_classes.append(tmpl)
+
+ if config.show_class_hierarchy:
+ tmpl.hierarchy_svg = utils.render_dot(tmpl.dot, output_format="svg")
+
+ with open(class_file, "w") as out:
+ content = class_tmpl.render({
+ 'CONFIG': config,
+ 'namespace': namespace,
+ 'class': tmpl,
+ })
+
+ out.write(content)
+
+ for ctor in cls.constructors:
+ if config.is_hidden(cls.name, "constructor", ctor.name):
+ log.debug(f"Skipping hidden constructor {cls.name}.{ctor.name}")
+ continue
+ c = TemplateFunction(namespace, ctor)
+ ctor_file = os.path.join(output_dir, f"ctor.{cls.name}.{ctor.name}.html")
+ log.debug(f"Creating ctor file for {namespace.name}.{cls.name}.{ctor.name}: {ctor_file}")
+
+ with open(ctor_file, "w") as out:
+ out.write(ctor_tmpl.render({
+ 'CONFIG': config,
+ 'namespace': namespace,
+ 'class': tmpl,
+ 'type_func': c,
+ }))
+
+ for method in cls.methods:
+ if config.is_hidden(cls.name, "method", method.name):
+ log.debug(f"Skipping hidden method {cls.name}.{method.name}")
+ continue
+ m = TemplateMethod(namespace, cls, method)
+ method_file = os.path.join(output_dir, f"method.{cls.name}.{method.name}.html")
+ log.debug(f"Creating method file for {namespace.name}.{cls.name}.{method.name}: {method_file}")
+
+ with open(method_file, "w") as out:
+ out.write(method_tmpl.render({
+ 'CONFIG': config,
+ 'namespace': namespace,
+ 'class': tmpl,
+ 'method': m,
+ }))
+
+ for prop in cls.properties.values():
+ if config.is_hidden(cls.name, 'property', prop.name):
+ log.debug(f"Skipping hidden property {cls.name}.{prop.name}")
+ continue
+ p = TemplateProperty(namespace, cls, prop)
+ prop_file = os.path.join(output_dir, f"property.{cls.name}.{prop.name}.html")
+ log.debug(f"Creating property file for {namespace.name}.{cls.name}.{prop.name}: {prop_file}")
+
+ with open(prop_file, "w") as out:
+ out.write(property_tmpl.render({
+ 'CONFIG': config,
+ 'namespace': namespace,
+ 'class': tmpl,
+ 'property': p,
+ }))
+
+ for signal in cls.signals.values():
+ if config.is_hidden(cls.name, 'signal', signal.name):
+ log.debug(f"Skipping hidden signal {cls.name}.{signal.name}")
+ continue
+ s = TemplateSignal(namespace, cls, signal)
+ signal_file = os.path.join(output_dir, f"signal.{cls.name}.{signal.name}.html")
+ log.debug(f"Creating signal file for {namespace.name}.{cls.name}.{signal.name}: {signal_file}")
+
+ with open(signal_file, "w") as out:
+ out.write(signal_tmpl.render({
+ 'CONFIG': config,
+ 'namespace': namespace,
+ 'class': tmpl,
+ 'signal': s,
+ }))
+
+ if cls.type_struct is not None:
+ class_struct = namespace.find_record(cls.type_struct)
+ for cls_method in class_struct.methods:
+ c = TemplateClassMethod(namespace, cls, cls_method)
+ cls_method_file = os.path.join(output_dir, f"class_method.{cls.name}.{cls_method.name}.html")
+ log.debug(f"Creating class method file for {namespace.name}.{cls.name}.{cls_method.name}: {cls_method_file}")
+
+ with open(cls_method_file, "w") as out:
+ out.write(class_method_tmpl.render({
+ 'CONFIG': config,
+ 'namespace': namespace,
+ 'class': tmpl,
+ 'class_method': c,
+ }))
+
+ for vfunc in cls.virtual_methods:
+ f = TemplateMethod(namespace, cls, vfunc)
+ vfunc_file = os.path.join(output_dir, f"vfunc.{cls.name}.{vfunc.name}.html")
+ log.debug(f"Creating vfunc file for {namespace.name}.{cls.name}.{vfunc.name}: {vfunc_file}")
+
+ with open(vfunc_file, "w") as out:
+ out.write(vfunc_tmpl.render({
+ 'CONFIG': config,
+ 'namespace': namespace,
+ 'class': tmpl,
+ 'vfunc': f,
+ }))
+
+ for type_func in cls.functions:
+ if config.is_hidden(cls.name, "function", type_func.name):
+ log.debug(f"Skipping hidden type function {cls.name}.{type_func.name}")
+ continue
+ f = TemplateFunction(namespace, type_func)
+ type_func_file = os.path.join(output_dir, f"type_func.{cls.name}.{type_func.name}.html")
+ log.debug(f"Creating type func file for {namespace.name}.{cls.name}.{type_func.name}: {type_func_file}")
+
+ with open(type_func_file, "w") as out:
+ out.write(type_func_tmpl.render({
+ 'CONFIG': config,
+ 'namespace': namespace,
+ 'class': tmpl,
+ 'type_func': f,
+ }))
+
+ return template_classes
+
+
+def _gen_interfaces(config, theme_config, output_dir, jinja_env, repository, all_interfaces):
+ namespace = repository.namespace
+
+ iface_tmpl = jinja_env.get_template(theme_config.interface_template)
+ method_tmpl = jinja_env.get_template(theme_config.method_template)
+ property_tmpl = jinja_env.get_template(theme_config.property_template)
+ signal_tmpl = jinja_env.get_template(theme_config.signal_template)
+ class_method_tmpl = jinja_env.get_template(theme_config.class_method_template)
+ type_func_tmpl = jinja_env.get_template(theme_config.type_func_template)
+ vfunc_tmpl = jinja_env.get_template(theme_config.vfunc_template)
+
+ template_interfaces = []
+
+ for iface in all_interfaces:
+ if config.is_hidden(iface.name):
+ log.debug(f"Skipping hidden interface {iface.name}")
+ continue
+ iface_file = os.path.join(output_dir, f"iface.{iface.name}.html")
+ log.info(f"Creating interface file for {namespace.name}.{iface.name}: {iface_file}")
+
+ tmpl = TemplateInterface(namespace, iface, config)
+ template_interfaces.append(tmpl)
+
+ with open(iface_file, "w") as out:
+ out.write(iface_tmpl.render({
+ 'CONFIG': config,
+ 'namespace': namespace,
+ 'interface': tmpl,
+ }))
+
+ for method in iface.methods:
+ if config.is_hidden(iface.name, "method", method.name):
+ log.debug(f"Skipping hidden method {iface.name}.{method.name}")
+ continue
+ m = TemplateMethod(namespace, iface, method)
+ method_file = os.path.join(output_dir, f"method.{iface.name}.{method.name}.html")
+ log.debug(f"Creating method file for {namespace.name}.{iface.name}.{method.name}: {method_file}")
+
+ with open(method_file, "w") as out:
+ out.write(method_tmpl.render({
+ 'CONFIG': config,
+ 'namespace': namespace,
+ 'class': tmpl,
+ 'method': m,
+ }))
+
+ for prop in iface.properties.values():
+ if config.is_hidden(iface.name, 'property', prop.name):
+ log.debug(f"Skipping hidden property {iface.name}.{prop.name}")
+ continue
+ p = TemplateProperty(namespace, iface, prop)
+ prop_file = os.path.join(output_dir, f"property.{iface.name}.{prop.name}.html")
+ log.debug(f"Creating property file for {namespace.name}.{iface.name}.{prop.name}: {prop_file}")
+
+ with open(prop_file, "w") as out:
+ out.write(property_tmpl.render({
+ 'CONFIG': config,
+ 'namespace': namespace,
+ 'class': tmpl,
+ 'property': p,
+ }))
+
+ for signal in iface.signals.values():
+ if config.is_hidden(iface.name, 'signal', signal.name):
+ log.debug(f"Skipping hidden property {iface.name}.{signal.name}")
+ continue
+ s = TemplateSignal(namespace, iface, signal)
+ signal_file = os.path.join(output_dir, f"signal.{iface.name}.{signal.name}.html")
+ log.debug(f"Creating signal file for {namespace.name}.{iface.name}.{signal.name}: {signal_file}")
+
+ with open(signal_file, "w") as out:
+ out.write(signal_tmpl.render({
+ 'CONFIG': config,
+ 'namespace': namespace,
+ 'class': tmpl,
+ 'signal': s,
+ }))
+
+ for vfunc in iface.virtual_methods:
+ v = TemplateMethod(namespace, iface, vfunc)
+ vfunc_file = os.path.join(output_dir, f"vfunc.{iface.name}.{vfunc.name}.html")
+ log.debug(f"Creating vfunc file for {namespace.name}.{iface.name}.{vfunc.name}: {vfunc_file}")
+
+ with open(vfunc_file, "w") as out:
+ out.write(vfunc_tmpl.render({
+ 'CONFIG': config,
+ 'namespace': namespace,
+ 'class': tmpl,
+ 'vfunc': v,
+ }))
+
+ if iface.type_struct is not None:
+ iface_struct = namespace.find_record(iface.type_struct)
+ for cls_method in iface_struct.methods:
+ m = TemplateClassMethod(namespace, iface, cls_method)
+ cls_method_file = os.path.join(output_dir, f"class_method.{iface.name}.{cls_method.name}.html")
+ log.debug(f"Creating class method file for {namespace.name}.{iface.name}.{cls_method.name}: {cls_method_file}")
+
+ with open(cls_method_file, "w") as out:
+ out.write(class_method_tmpl.render({
+ 'CONFIG': config,
+ 'namespace': namespace,
+ 'class': tmpl,
+ 'class_method': m,
+ }))
+
+ for type_func in iface.functions:
+ if config.is_hidden(iface.name, "function", type_func.name):
+ log.debug(f"Skipping hidden type function {iface.name}.{type_func.name}")
+ continue
+ f = TemplateFunction(namespace, type_func)
+ type_func_file = os.path.join(output_dir, f"type_func.{iface.name}.{type_func.name}.html")
+ log.debug(f"Creating type func file for {namespace.name}.{iface.name}.{type_func.name}: {type_func_file}")
+
+ with open(type_func_file, "w") as out:
+ out.write(type_func_tmpl.render({
+ 'CONFIG': config,
+ 'namespace': namespace,
+ 'class': tmpl,
+ 'type_func': f,
+ }))
+
+ return template_interfaces
+
+
+def _gen_enums(config, theme_config, output_dir, jinja_env, repository, all_enums):
+ namespace = repository.namespace
+
+ enum_tmpl = jinja_env.get_template(theme_config.enum_template)
+ type_func_tmpl = jinja_env.get_template(theme_config.type_func_template)
+
+ template_enums = []
+
+ for enum in all_enums:
+ if config.is_hidden(enum.name):
+ log.debug(f"Skipping hidden enum {enum.name}")
+ continue
+ enum_file = os.path.join(output_dir, f"enum.{enum.name}.html")
+ log.info(f"Creating enum file for {namespace.name}.{enum.name}: {enum_file}")
+
+ tmpl = TemplateEnum(namespace, enum, config)
+ template_enums.append(tmpl)
+
+ with open(enum_file, "w") as out:
+ out.write(enum_tmpl.render({
+ 'CONFIG': config,
+ 'namespace': namespace,
+ 'enum': tmpl,
+ }))
+
+ for type_func in enum.functions:
+ f = TemplateFunction(namespace, type_func)
+ type_func_file = os.path.join(output_dir, f"type_func.{enum.name}.{type_func.name}.html")
+ log.debug(f"Creating type func file for {namespace.name}.{enum.name}.{type_func.name}: {type_func_file}")
+
+ with open(type_func_file, "w") as out:
+ out.write(type_func_tmpl.render({
+ 'CONFIG': config,
+ 'namespace': namespace,
+ 'class': tmpl,
+ 'type_func': f,
+ }))
+
+ return template_enums
+
+
+def _gen_bitfields(config, theme_config, output_dir, jinja_env, repository, all_enums):
+ namespace = repository.namespace
+
+ enum_tmpl = jinja_env.get_template(theme_config.flags_template)
+ type_func_tmpl = jinja_env.get_template(theme_config.type_func_template)
+
+ template_bitfields = []
+
+ for enum in all_enums:
+ if config.is_hidden(enum.name):
+ log.debug(f"Skipping hidden bitfield {enum.name}")
+ continue
+ enum_file = os.path.join(output_dir, f"flags.{enum.name}.html")
+ log.info(f"Creating enum file for {namespace.name}.{enum.name}: {enum_file}")
+
+ tmpl = TemplateEnum(namespace, enum, config)
+ template_bitfields.append(tmpl)
+
+ with open(enum_file, "w") as out:
+ out.write(enum_tmpl.render({
+ 'CONFIG': config,
+ 'namespace': namespace,
+ 'enum': tmpl,
+ }))
+
+ for type_func in enum.functions:
+ f = TemplateFunction(namespace, type_func)
+ type_func_file = os.path.join(output_dir, f"type_func.{enum.name}.{type_func.name}.html")
+ log.debug(f"Creating type func file for {namespace.name}.{enum.name}.{type_func.name}: {type_func_file}")
+
+ with open(type_func_file, "w") as out:
+ out.write(type_func_tmpl.render({
+ 'CONFIG': config,
+ 'namespace': namespace,
+ 'class': tmpl,
+ 'type_func': f,
+ }))
+
+ return template_bitfields
+
+
+def _gen_domains(config, theme_config, output_dir, jinja_env, repository, all_enums):
+ namespace = repository.namespace
+
+ enum_tmpl = jinja_env.get_template(theme_config.error_template)
+ type_func_tmpl = jinja_env.get_template(theme_config.type_func_template)
+
+ template_domains = []
+
+ for enum in all_enums:
+ if config.is_hidden(enum.name):
+ log.debug(f"Skipping hidden domain {enum.name}")
+ continue
+ enum_file = os.path.join(output_dir, f"error.{enum.name}.html")
+ log.info(f"Creating enum file for {namespace.name}.{enum.name}: {enum_file}")
+
+ tmpl = TemplateEnum(namespace, enum, config)
+ template_domains.append(tmpl)
+
+ with open(enum_file, "w") as out:
+ out.write(enum_tmpl.render({
+ 'CONFIG': config,
+ 'namespace': namespace,
+ 'enum': tmpl,
+ }))
+
+ for type_func in enum.functions:
+ f = TemplateFunction(namespace, type_func)
+ type_func_file = os.path.join(output_dir, f"type_func.{enum.name}.{type_func.name}.html")
+ log.debug(f"Creating type func file for {namespace.name}.{enum.name}.{type_func.name}: {type_func_file}")
+
+ with open(type_func_file, "w") as out:
+ out.write(type_func_tmpl.render({
+ 'CONFIG': config,
+ 'namespace': namespace,
+ 'class': tmpl,
+ 'type_func': f,
+ }))
+
+ return template_domains
+
+
+def _gen_constants(config, theme_config, output_dir, jinja_env, repository, all_constants):
+ namespace = repository.namespace
+
+ const_tmpl = jinja_env.get_template(theme_config.constant_template)
+
+ template_constants = []
+
+ for const in all_constants:
+ if config.is_hidden(const.name):
+ log.debug(f"Skipping hidden constant {const.name}")
+ continue
+ const_file = os.path.join(output_dir, f"const.{const.name}.html")
+ log.info(f"Creating constant file for {namespace.name}.{const.name}: {const_file}")
+
+ tmpl = TemplateConstant(namespace, const)
+ template_constants.append(tmpl)
+
+ with open(const_file, "w") as out:
+ out.write(const_tmpl.render({
+ 'CONFIG': config,
+ 'namespace': namespace,
+ 'constant': tmpl,
+ }))
+
+ return template_constants
+
+
+def _gen_aliases(config, theme_config, output_dir, jinja_env, repository, all_aliases):
+ namespace = repository.namespace
+
+ alias_tmpl = jinja_env.get_template(theme_config.alias_template)
+
+ template_aliases = []
+
+ for alias in all_aliases:
+ if config.is_hidden(alias.name):
+ log.debug(f"Skipping hidden alias {alias.name}")
+ continue
+ alias_file = os.path.join(output_dir, f"alias.{alias.name}.html")
+ log.info(f"Creating alias file for {namespace.name}.{alias.name}: {alias_file}")
+
+ tmpl = TemplateAlias(namespace, alias)
+ template_aliases.append(tmpl)
+
+ with open(alias_file, "w") as out:
+ content = alias_tmpl.render({
+ 'CONFIG': config,
+ 'namespace': namespace,
+ 'struct': tmpl,
+ })
+
+ out.write(content)
+
+ return template_aliases
+
+
+def _gen_records(config, theme_config, output_dir, jinja_env, repository, all_records):
+ namespace = repository.namespace
+
+ record_tmpl = jinja_env.get_template(theme_config.record_template)
+ method_tmpl = jinja_env.get_template(theme_config.method_template)
+ type_func_tmpl = jinja_env.get_template(theme_config.type_func_template)
+
+ template_records = []
+
+ for record in all_records:
+ if config.is_hidden(record.name):
+ log.debug(f"Skipping hidden record {record.name}")
+ continue
+ record_file = os.path.join(output_dir, f"struct.{record.name}.html")
+ log.info(f"Creating record file for {namespace.name}.{record.name}: {record_file}")
+
+ tmpl = TemplateRecord(namespace, record, config)
+ template_records.append(tmpl)
+
+ with open(record_file, "w") as out:
+ content = record_tmpl.render({
+ 'CONFIG': config,
+ 'namespace': namespace,
+ 'struct': tmpl,
+ })
+
+ out.write(content)
+
+ for ctor in record.constructors:
+ if config.is_hidden(record.name, "constructor", ctor.name):
+ log.debug(f"Skipping hidden constructor {record.name}.{ctor.name}")
+ continue
+ c = TemplateFunction(namespace, ctor)
+ ctor_file = os.path.join(output_dir, f"ctor.{record.name}.{ctor.name}.html")
+ log.debug(f"Creating ctor file for {namespace.name}.{record.name}.{ctor.name}: {ctor_file}")
+
+ with open(ctor_file, "w") as out:
+ out.write(type_func_tmpl.render({
+ 'CONFIG': config,
+ 'namespace': namespace,
+ 'class': tmpl,
+ 'type_func': c,
+ }))
+
+ for method in record.methods:
+ if config.is_hidden(record.name, "method", method.name):
+ log.debug(f"Skipping hidden method {record.name}.{method.name}")
+ continue
+ m = TemplateMethod(namespace, record, method)
+ method_file = os.path.join(output_dir, f"method.{record.name}.{method.name}.html")
+ log.debug(f"Creating method file for {namespace.name}.{record.name}.{method.name}: {method_file}")
+
+ with open(method_file, "w") as out:
+ out.write(method_tmpl.render({
+ 'CONFIG': config,
+ 'namespace': namespace,
+ 'class': tmpl,
+ 'method': m,
+ }))
+
+ for type_func in record.functions:
+ if config.is_hidden(record.name, "method", type_func.name):
+ log.debug(f"Skipping hidden type function {record.name}.{type_func.name}")
+ continue
+ f = TemplateFunction(namespace, type_func)
+ type_func_file = os.path.join(output_dir, f"type_func.{record.name}.{type_func.name}.html")
+ log.debug(f"Creating type func file for {namespace.name}.{record.name}.{type_func.name}: {type_func_file}")
+
+ with open(type_func_file, "w") as out:
+ out.write(type_func_tmpl.render({
+ 'CONFIG': config,
+ 'namespace': namespace,
+ 'class': tmpl,
+ 'type_func': f,
+ }))
+
+ return template_records
+
+
+def _gen_unions(config, theme_config, output_dir, jinja_env, repository, all_unions):
+ namespace = repository.namespace
+
+ union_tmpl = jinja_env.get_template(theme_config.union_template)
+ method_tmpl = jinja_env.get_template(theme_config.method_template)
+ type_func_tmpl = jinja_env.get_template(theme_config.type_func_template)
+
+ template_unions = []
+
+ for union in all_unions:
+ if config.is_hidden(union.name):
+ log.debug(f"Skipping hidden union {union.name}")
+ continue
+ union_file = os.path.join(output_dir, f"union.{union.name}.html")
+ log.info(f"Creating union file for {namespace.name}.{union.name}: {union_file}")
+
+ tmpl = TemplateUnion(namespace, union, config)
+ template_unions.append(tmpl)
+
+ with open(union_file, "w") as out:
+ content = union_tmpl.render({
+ 'CONFIG': config,
+ 'namespace': namespace,
+ 'struct': tmpl,
+ })
+
+ out.write(content)
+
+ for ctor in union.constructors:
+ if config.is_hidden(union.name, "constructor", ctor.name):
+ log.debug(f"Skipping hidden constructor {union.name}.{ctor.name}")
+ continue
+ c = TemplateFunction(namespace, ctor)
+ ctor_file = os.path.join(output_dir, f"ctor.{union.name}.{ctor.name}.html")
+ log.debug(f"Creating ctor file for {namespace.name}.{union.name}.{ctor.name}: {ctor_file}")
+
+ with open(ctor_file, "w") as out:
+ out.write(type_func_tmpl.render({
+ 'CONFIG': config,
+ 'namespace': namespace,
+ 'class': tmpl,
+ 'type_func': c,
+ }))
+
+ for method in union.methods:
+ if config.is_hidden(union.name, "method", method.name):
+ log.debug(f"Skipping hidden method {union.name}.{method.name}")
+ continue
+ m = TemplateMethod(namespace, union, method)
+ method_file = os.path.join(output_dir, f"method.{union.name}.{method.name}.html")
+ log.debug(f"Creating method file for {namespace.name}.{union.name}.{method.name}: {method_file}")
+
+ with open(method_file, "w") as out:
+ out.write(method_tmpl.render({
+ 'CONFIG': config,
+ 'namespace': namespace,
+ 'class': tmpl,
+ 'method': m,
+ }))
+
+ for type_func in union.functions:
+ if config.is_hidden(union.name, "function", type_func.name):
+ log.debug(f"Skipping hidden type function {union.name}.{type_func.name}")
+ continue
+ f = TemplateFunction(namespace, type_func)
+ type_func_file = os.path.join(output_dir, f"type_func.{union.name}.{type_func.name}.html")
+ log.debug(f"Creating type func file for {namespace.name}.{union.name}.{type_func.name}: {type_func_file}")
+
+ with open(type_func_file, "w") as out:
+ out.write(type_func_tmpl.render({
+ 'CONFIG': config,
+ 'namespace': namespace,
+ 'class': tmpl,
+ 'type_func': f,
+ }))
+
+ return template_unions
+
+
+def _gen_functions(config, theme_config, output_dir, jinja_env, repository, all_functions):
+ namespace = repository.namespace
+
+ func_tmpl = jinja_env.get_template(theme_config.func_template)
+
+ template_functions = []
+
+ for func in all_functions:
+ if config.is_hidden(func.name):
+ log.debug(f"Skipping hidden function {func.name}")
+ continue
+ func_file = os.path.join(output_dir, f"func.{func.name}.html")
+ log.info(f"Creating function file for {namespace.name}.{func.name}: {func_file}")
+
+ tmpl = TemplateFunction(namespace, func)
+ template_functions.append(tmpl)
+
+ with open(func_file, "w") as out:
+ content = func_tmpl.render({
+ 'CONFIG': config,
+ 'namespace': namespace,
+ 'func': tmpl,
+ })
+
+ out.write(content)
+
+ return template_functions
+
+
+def _gen_callbacks(config, theme_config, output_dir, jinja_env, repository, all_callbacks):
+ namespace = repository.namespace
+
+ func_tmpl = jinja_env.get_template(theme_config.func_template)
+
+ template_callbacks = []
+
+ for func in all_callbacks:
+ if config.is_hidden(func.name):
+ log.debug(f"Skipping hidden callback {func.name}")
+ continue
+ func_file = os.path.join(output_dir, f"callback.{func.name}.html")
+ log.info(f"Creating callback file for {namespace.name}.{func.name}: {func_file}")
+
+ tmpl = TemplateCallback(namespace, func)
+ template_callbacks.append(tmpl)
+
+ with open(func_file, "w") as out:
+ content = func_tmpl.render({
+ 'CONFIG': config,
+ 'namespace': namespace,
+ 'func': tmpl,
+ })
+
+ out.write(content)
+
+ return template_callbacks
+
+
+def _gen_function_macros(config, theme_config, output_dir, jinja_env, repository, all_functions):
+ namespace = repository.namespace
+
+ func_tmpl = jinja_env.get_template(theme_config.func_template)
+
+ template_functions = []
+
+ for func in all_functions:
+ if config.is_hidden(func.name):
+ log.debug(f"Skipping hidden macro {func.name}")
+ continue
+ func_file = os.path.join(output_dir, f"func.{func.name}.html")
+ log.info(f"Creating function macro file for {namespace.name}.{func.name}: {func_file}")
+
+ tmpl = TemplateFunction(namespace, func)
+ template_functions.append(tmpl)
+
+ with open(func_file, "w") as out:
+ content = func_tmpl.render({
+ 'CONFIG': config,
+ 'namespace': namespace,
+ 'func': tmpl,
+ })
+
+ out.write(content)
+
+ return template_functions
+
+
+def gen_content_files(config, theme_config, content_dirs, output_dir, jinja_env, namespace):
+ content_files = []
+
+ content_tmpl = jinja_env.get_template(theme_config.content_template)
+ md = markdown.Markdown(extensions=utils.MD_EXTENSIONS, extension_configs=utils.MD_EXTENSIONS_CONF)
+
+ for file_name in config.content_files:
+ src_file = utils.find_extra_content_file(content_dirs, file_name)
+
+ src_data = ""
+ with open(src_file, encoding='utf-8') as infile:
+ source = []
+ for line in infile:
+ source.append(line)
+ src_data = "".join(source)
+
+ dst_data = utils.preprocess_docs(src_data, namespace, md=md)
+ title = "\n".join(md.Meta.get("title", ["Unknown document"]))
+
+ content_file = file_name.replace(".md", ".html")
+ dst_file = os.path.join(output_dir, content_file)
+
+ content = {
+ "abs_input_file": src_file,
+ "abs_output_file": dst_file,
+ "source_file": file_name,
+ "output_file": content_file,
+ "meta": md.Meta,
+ "title": title,
++ "toc": md.toc_tokens,
+ "data": dst_data,
+ }
+
+ log.info(f"Generating content file {file_name}: {dst_file}")
+ with open(dst_file, "w", encoding='utf-8') as outfile:
+ outfile.write(content_tmpl.render({
+ "CONFIG": config,
+ "namespace": namespace,
+ "content": content,
+ }))
+
+ content_files.append({
+ "title": title,
+ "href": content_file,
+ })
+
+ md.reset()
+
+ return content_files
+
+
+def gen_content_images(config, content_dirs, output_dir):
+ content_images = []
+
+ for image_file in config.content_images:
+ infile = utils.find_extra_content_file(content_dirs, image_file)
+ outfile = os.path.join(output_dir, os.path.basename(image_file))
+ log.debug(f"Adding extra content image: {infile} -> {outfile}")
+ content_images += [(infile, outfile)]
+
+ return content_images
+
+
+def gen_types_hierarchy(config, theme_config, output_dir, jinja_env, repository):
+ # All GObject sub-types
+ objects_tree = repository.get_class_hierarchy(root="GObject.Object")
+
+ # All GTypeInstance sub-types
+ typed_tree = repository.get_class_hierarchy()
+
+ res = ["<h1>Classes Hierarchy</h1>"]
+
+ def dump_tree(node, out):
+ for k in node:
+ if '.' in k:
+ out.append(f'<li class="type"><code>{k}</code>')
+ else:
+ out.append(f'<li class="type"><a href="class.{k}.html"><code>{k}</code></a>')
+ if len(node[k]) != 0:
+ out.append('<ul class="type">')
+ dump_tree(node[k], out)
+ out.append("</ul>")
+ out.append("</li>")
+
+ if len(objects_tree) != 0:
+ res += ["<div class=\"docblock\">"]
+ res += ["<ul class=\"type root\">"]
+ res += [" <li class=\"type\"><code>GObject</code></li><ul class=\"type\">"]
+ dump_tree(objects_tree, res)
+ res += [" </ul></li>"]
+ res += ["</ul>"]
+ res += ["</div>"]
+
+ if len(typed_tree) != 0:
+ res += ["<div class=\"docblock\">"]
+ res += ["<ul class=\"type root\">"]
+ res += [" <li class=\"type\"><code>GTypeInstance</code></li><ul class=\"type\">"]
+ dump_tree(typed_tree, res)
+ res += [" </ul></li>"]
+ res += ["</ul>"]
+ res += ["</div>"]
+
+ content = {
+ "output_file": "classes_hierarchy.html",
+ "meta": {
+ "keywords": "types, hierarchy, classes",
+ },
+ "title": "Classes Hierarchy",
+ "data": Markup("\n".join(res)),
+ }
+
+ content_tmpl = jinja_env.get_template(theme_config.content_template)
+
+ namespace = repository.namespace
+
+ dst_file = os.path.join(output_dir, content["output_file"])
+ log.info(f"Generating type hierarchy file: {dst_file}")
+ with open(dst_file, "w") as outfile:
+ outfile.write(content_tmpl.render({
+ "CONFIG": config,
+ "namespace": namespace,
+ "content": content,
+ }))
+
+ return {
+ "title": content["title"],
+ "href": content["output_file"],
+ }
+
+
+def gen_opensearch(config, repository, namespace, symbols, content_files):
+ desc = etree.Element('OpenSearchDescription')
+ desc.set("xmlns", "http://a9.com/-/spec/opensearch/1.1/")
+ desc.set("xmlns:moz", "http://www.mozilla.org/2006/browser/search/")
+ sub = etree.SubElement(desc, 'ShortName')
+ sub.text = f"{namespace.name}"
+ sub = etree.SubElement(desc, 'Description')
+ sub.text = f"{namespace.name}-{namespace.version} Reference Manual"
+ sub = etree.SubElement(desc, 'InputEncoding')
+ sub.text = "UTF-8"
+ if config.logo_url:
+ sub = etree.SubElement(desc, 'Image')
+ sub.text = config.logo_url
+ sub = etree.SubElement(desc, 'Url', type="text/html")
+ sub.set("type", "text/html")
+ sub.set("template", f"{config.docs_url}/?q={{searchTerms}}")
+ sub = etree.SubElement(desc, 'moz:SearchForm')
+ sub.text = f"{config.docs_url}"
+
+ return etree.ElementTree(desc)
+
+
+def gen_devhelp(config, repository, namespace, symbols, content_files):
+ book = etree.Element('book')
+ book.set("xmlns", "http://www.devhelp.net/book")
+ book.set("title", f"{namespace.name}-{namespace.version} Reference Manual")
+ book.set("link", "index.html")
+ book.set("author", f"{config.authors}")
+ book.set("name", f"{namespace.name}")
+ book.set("version", "2")
+ book.set("language", "c")
+
+ chapters = etree.SubElement(book, 'chapters')
+
+ for f in content_files:
+ sub = etree.SubElement(chapters, 'sub')
+ sub.set("name", f["title"])
+ sub.set("link", f["href"])
+
+ for section, types in symbols.items():
+ if len(types) == 0:
+ continue
+
+ sub = etree.SubElement(chapters, "sub")
+ sub.set("name", section.replace("_", " ").capitalize())
+ sub.set("link", f"index.html#{section}")
+
+ for t in types:
+ sub_section = etree.SubElement(sub, "sub")
+ sub_section.set("name", t.name)
+ sub_section.set("link", f"{FRAGMENT[section]}.{t.name}.html")
+
+ functions = etree.SubElement(book, "functions")
+ for section, types in symbols.items():
+ if len(types) == 0:
+ continue
+
+ for t in types:
+ if section in ["functions", "function_macros"]:
+ keyword = etree.SubElement(functions, "keyword")
+ if section == "functions":
+ keyword.set("type", "function")
+ else:
+ keyword.set("type", "macro")
+ keyword.set("name", t.identifier)
+ keyword.set("link", f"func.{t.name}.html")
+ if t.available_since is not None:
+ keyword.set("since", t.available_since)
+ if t.deprecated_since is not None and t.deprecated_since["version"] is not None:
+ keyword.set("deprecated", t.deprecated_since["version"])
+ continue
+
+ if section == "constants":
+ keyword = etree.SubElement(functions, "keyword")
+ keyword.set("type", "constant")
+ keyword.set("name", t.identifier)
+ keyword.set("link", f"constant.{t.name}.html")
+ if t.available_since is not None:
+ keyword.set("since", t.available_since)
+ if t.deprecated_since is not None and t.deprecated_since["version"] is not None:
+ keyword.set("deprecated", t.deprecated_since["version"])
+ continue
+
+ if section in ["aliases", "bitfields", "classes", "domains", "enums", "interfaces", "structs", "unions"]:
+ # Skip anonymous types; e.g. GValue's anonymous union
+ if t.type_cname is None:
+ continue
+ keyword = etree.SubElement(functions, "keyword")
+ if section == "aliases":
+ keyword.set("type", "typedef")
+ elif section in ["bitfields", "domains", "enums"]:
+ keyword.set("type", "enum")
+ elif section == "unions":
+ keyword.set("type", "union")
+ else:
+ keyword.set("type", "struct")
+ keyword.set("name", t.type_cname)
+ keyword.set("link", f"{FRAGMENT[section]}.{t.name}.html")
+ if t.available_since is not None:
+ keyword.set("since", t.available_since)
+ if t.deprecated_since is not None and t.deprecated_since["version"] is not None:
+ keyword.set("deprecated", t.deprecated_since["version"])
+
+ for m in getattr(t, "members", []):
+ keyword = etree.SubElement(functions, "keyword")
+ keyword.set("type", "constant")
+ keyword.set("name", m.name)
+ keyword.set("link", f"{FRAGMENT[section]}.{t.name}.html")
+
+ for f in getattr(t, "fields", []):
+ keyword = etree.SubElement(functions, "keyword")
+ keyword.set("type", "member")
+ keyword.set("name", f"{t.type_cname}.{f.name}")
+ keyword.set("link", f"{FRAGMENT[section]}.{t.name}.html")
+
+ class_struct = getattr(t, "class_struct", None)
+ if class_struct is not None:
+ for f in getattr(class_struct, "fields", []):
+ keyword = etree.SubElement(functions, "keyword")
+ keyword.set("type", "member")
+ keyword.set("name", f"{t.class_name}.{f.name}")
+ if section == "class":
+ keyword.set("link", f"class.{t.name}.html#class-struct")
+ elif section == "interface":
+ keyword.set("link", f"iface.{t.name}.html#interface-struct")
+ else:
+ keyword.set("link", f"{FRAGMENT[section]}.{t.name}.html")
+
+ for m in getattr(t, "methods", []):
+ keyword = etree.SubElement(functions, "keyword")
+ keyword.set("type", "function")
+ keyword.set("name", m['identifier'])
+ keyword.set("link", f"method.{t.name}.{m['name']}.html")
+ if m["available_since"] is not None:
+ keyword.set("since", m["available_since"])
+ if m["deprecated_since"] is not None:
+ keyword.set("deprecated", m["deprecated_since"])
+
+ for c in getattr(t, "ctors", []):
+ keyword = etree.SubElement(functions, "keyword")
+ keyword.set("type", "function")
+ keyword.set("name", c['identifier'])
+ keyword.set("link", f"ctor.{t.name}.{c['name']}.html")
+ if c["available_since"] is not None:
+ keyword.set("since", c["available_since"])
+ if c["deprecated_since"] is not None:
+ keyword.set("deprecated", c["deprecated_since"])
+
+ for f in getattr(t, "type_funcs", []):
+ keyword = etree.SubElement(functions, "keyword")
+ keyword.set("type", "function")
+ keyword.set("name", f['identifier'])
+ keyword.set("link", f"type_func.{t.name}.{f['name']}.html")
+ if f["available_since"] is not None:
+ keyword.set("since", f["available_since"])
+ if f["deprecated_since"] is not None:
+ keyword.set("deprecated", f["deprecated_since"])
+
+ for m in getattr(t, "class_methods", []):
+ keyword = etree.SubElement(functions, "keyword")
+ keyword.set("type", "function")
+ keyword.set("name", m['identifier'])
+ keyword.set("link", f"class_method.{t.name}.{m['name']}.html")
+ if m["available_since"] is not None:
+ keyword.set("since", m["available_since"])
+ if m["deprecated_since"] is not None:
+ keyword.set("deprecated", m["deprecated_since"])
+
+ for p in getattr(t, "properties", []):
+ keyword = etree.SubElement(functions, "keyword")
+ keyword.set("type", "property")
+ keyword.set("name", f"The {t.type_cname}:{p['name']} property")
+ keyword.set("link", f"property.{t.name}.{p['name']}.html")
+ if p["available_since"] is not None:
+ keyword.set("since", p["available_since"])
+ if p["deprecated_since"] is not None:
+ keyword.set("deprecated", p["deprecated_since"])
+
+ for s in getattr(t, "signals", []):
+ keyword = etree.SubElement(functions, "keyword")
+ keyword.set("type", "signal")
+ keyword.set("name", f"The {t.type_cname}::{s['name']} signal")
+ keyword.set("link", f"signal.{t.name}.{s['name']}.html")
+ if s["available_since"] is not None:
+ keyword.set("since", s["available_since"])
+ if s["deprecated_since"] is not None:
+ keyword.set("deprecated", s["deprecated_since"])
+
+ return etree.ElementTree(book)
+
+
+def gen_reference(config, options, repository, templates_dir, theme_config, content_dirs, output_dir):
+ theme_dir = os.path.join(templates_dir, theme_config.name.lower())
+ log.debug(f"Loading jinja templates from {theme_dir}")
+
+ fs_loader = jinja2.FileSystemLoader(theme_dir)
+ jinja_env = jinja2.Environment(loader=fs_loader, autoescape=jinja2.select_autoescape(['html']))
+
+ namespace = repository.namespace
+
+ symbols = {
+ "aliases": sorted(namespace.get_aliases(), key=lambda alias: alias.name.lower()),
+ "bitfields": sorted(namespace.get_bitfields(), key=lambda bitfield: bitfield.name.lower()),
+ "callbacks": sorted(namespace.get_callbacks(), key=lambda callback: callback.name.lower()),
+ "classes": sorted(namespace.get_classes(), key=lambda cls: cls.name.lower()),
+ "constants": sorted(namespace.get_constants(), key=lambda const: const.name.lower()),
+ "domains": sorted(namespace.get_error_domains(), key=lambda domain: domain.name.lower()),
+ "enums": sorted(namespace.get_enumerations(), key=lambda enum: enum.name.lower()),
+ "functions": sorted(namespace.get_functions(), key=lambda func: func.name.lower()),
+ "function_macros": sorted(namespace.get_effective_function_macros(), key=lambda func: func.name.lower()),
+ "interfaces": sorted(namespace.get_interfaces(), key=lambda interface: interface.name.lower()),
+ "structs": sorted(namespace.get_effective_records(), key=lambda record: record.name.lower()),
+ "unions": sorted(namespace.get_unions(), key=lambda union: union.name.lower()),
+ }
+
+ all_indices = {
+ "aliases": _gen_aliases,
+ "bitfields": _gen_bitfields,
+ "callbacks": _gen_callbacks,
+ "classes": _gen_classes,
+ "constants": _gen_constants,
+ "domains": _gen_domains,
+ "enums": _gen_enums,
+ "functions": _gen_functions,
+ "function_macros": _gen_function_macros,
+ "interfaces": _gen_interfaces,
+ "structs": _gen_records,
+ "unions": _gen_unions,
+ }
+
+ if options.no_namespace_dir:
+ ns_dir = output_dir
+ else:
+ ns_dir = os.path.join(output_dir, f"{namespace.name}-{namespace.version}")
+
+ log.debug(f"Creating output path for the namespace: {ns_dir}")
+ os.makedirs(ns_dir, exist_ok=True)
+
+ content_files = gen_content_files(config, theme_config, content_dirs, ns_dir, jinja_env, namespace)
+ content_images = gen_content_images(config, content_dirs, ns_dir)
+ content_files.append(gen_types_hierarchy(config, theme_config, ns_dir, jinja_env, repository))
+
+ if options.sections == [] or options.sections == ["all"]:
+ gen_indices = list(all_indices.keys())
+ elif options.sections == ["none"]:
+ gen_indices = []
+ else:
+ gen_indices = options.sections
+
+ log.info(f"Generating references for: {gen_indices}")
+
+ template_symbols = {}
+
+ # Each section is isolated, so we run it into a thread pool
+ with concurrent.futures.ThreadPoolExecutor() as executor:
+ futures_to_section = {}
+ for section in gen_indices:
+ s = symbols.get(section, [])
+ if s is None:
+ log.debug(f"No symbols for section {section}")
+ continue
+
+ generator = all_indices.get(section, None)
+ if generator is None:
+ log.debug(f"No generator for section {section}")
+ continue
+
+ f = executor.submit(generator, config, theme_config, ns_dir, jinja_env, repository, s)
+ futures_to_section[f] = section
+
+ for future in concurrent.futures.as_completed(futures_to_section):
+ section = futures_to_section[future]
+ try:
+ res = future.result()
+ except Exception as e:
+ if log.log_fatal_warnings:
+ import traceback
+ traceback.print_exc()
+ log.warning(f"Section {section} raised {e}")
+ else:
+ template_symbols[section] = res
+
+ # The concurrent processing introduces non-determinism. Ensure iteration order is reproducible
+ # by sorting by key. This has virtually no overhead since the values are not copied.
+ template_symbols = dict(sorted(template_symbols.items()))
+
+ ns_tmpl = jinja_env.get_template(theme_config.namespace_template)
+ ns_file = os.path.join(ns_dir, "index.html")
+ log.info(f"Creating namespace index file for {namespace.name}-{namespace.version}: {ns_file}")
+ with open(ns_file, "w") as out:
+ out.write(ns_tmpl.render({
+ "CONFIG": config,
+ "repository": repository,
+ "namespace": namespace,
+ "symbols": template_symbols,
+ "content_files": content_files,
+ }))
+
+ if config.devhelp:
+ # Devhelp expects the book file to have the same basename as the directory it is in.
+ devhelp_file = os.path.join(ns_dir, f"{os.path.basename(ns_dir)}.devhelp2")
+ log.info(f"Creating DevHelp file for {namespace.name}-{namespace.version}: {devhelp_file}")
+ res = gen_devhelp(config, repository, namespace, template_symbols, content_files)
+ res.write(devhelp_file, encoding="UTF-8")
+
+ if config.search_index:
+ if config.docs_url:
+ opensearch_file = os.path.join(ns_dir, "opensearch.xml")
+ log.info(f"Creating OpenSearch file for {namespace.name}-{namespace.version}: {opensearch_file}")
+ res = gen_opensearch(config, repository, namespace, template_symbols, content_files)
+ res.write(opensearch_file, encoding="UTF-8")
+ gdgenindices.gen_indices(config, repository, content_dirs, ns_dir)
+
+ copy_files = []
+ if theme_config.css is not None:
+ style_src = os.path.join(theme_dir, theme_config.css)
+ style_dst = os.path.join(ns_dir, theme_config.css)
+ copy_files.append((style_src, style_dst))
+
+ for extra_file in theme_config.extra_files:
+ src = os.path.join(theme_dir, extra_file)
+ dst = os.path.join(ns_dir, extra_file)
+ copy_files.append((src, dst))
+
+ if config.urlmap_file is not None:
+ src = utils.find_extra_content_file(content_dirs, config.urlmap_file)
+ dst = os.path.join(ns_dir, os.path.basename(config.urlmap_file))
+ copy_files.append((src, dst))
+
+ copy_files.extend(content_images)
+
+ def copy_worker(src, dst):
+ log.info(f"Copying file {src}: {dst}")
+ dst_dir = os.path.dirname(dst)
+ os.makedirs(dst_dir, exist_ok=True)
+ shutil.copy(src, dst)
+
+ with concurrent.futures.ThreadPoolExecutor() as executor:
+ for (src, dst) in copy_files:
+ executor.submit(copy_worker, src, dst)
+
+
+def add_args(parser):
+ parser.add_argument("--add-include-path", action="append", dest="include_paths", default=[],
+ help="include paths for other GIR files")
+ parser.add_argument("-C", "--config", metavar="FILE", help="the configuration file")
+ parser.add_argument("--dry-run", action="store_true", help="parses the GIR file without generating files")
+ parser.add_argument("--templates-dir", default=None, help="the base directory with the theme templates")
+ parser.add_argument("--content-dir", action="append", dest="content_dirs", default=[],
+ help="the base directories with the extra content")
+ parser.add_argument("--theme-name", default="basic", help="the theme to use")
+ parser.add_argument("--output-dir", default=None, help="the output directory for the index files")
+ parser.add_argument("--no-namespace-dir", action="store_true",
+ help="do not create a namespace directory under the output directory")
+ parser.add_argument("--section", action="append", dest="sections", default=[], help="the sections to generate, or 'all'")
+ parser.add_argument("infile", metavar="GIRFILE", type=argparse.FileType('r', encoding='UTF-8'),
+ default=sys.stdin, help="the GIR file to parse")
+
+
+def run(options):
+ log.info(f"Loading config file: {options.config}")
+
+ conf = config.GIDocConfig(options.config)
+
+ output_dir = options.output_dir or os.getcwd()
+
+ content_dirs = options.content_dirs
+ if content_dirs == []:
+ content_dirs = [os.getcwd()]
+
+ if options.templates_dir is not None:
+ templates_dir = options.templates_dir
+ else:
+ templates_dir = conf.get_templates_dir()
+ if templates_dir is None:
+ templates_dir = os.path.join(os.path.dirname(__file__), 'templates')
+
+ theme_name = conf.get_theme_name(default=options.theme_name)
+ theme_conf = config.GITemplateConfig(templates_dir, theme_name)
+
+ log.debug(f"Templates directory: {templates_dir}")
+ log.info(f"Theme name: {theme_conf.name}")
+ log.info(f"Output directory: {output_dir}")
+
+ paths = []
+ paths.extend(options.include_paths)
+ paths.extend(utils.default_search_paths())
+ log.debug(f"Search paths: {paths}")
+
+ log.info("Parsing GIR file")
+ parser = gir.GirParser(search_paths=paths)
+ parser.parse(options.infile)
+
+ if not options.dry_run:
+ log.checkpoint()
+ gen_reference(conf, options, parser.get_repository(), templates_dir, theme_conf, content_dirs, output_dir)
+
+ return 0
--- /dev/null
- if not self.info.deprecated_msg:
+# SPDX-FileCopyrightText: 2020 GNOME Foundation
+# SPDX-License-Identifier: Apache-2.0 OR GPL-3.0-or-later
+
+import typing as T
+
+from .. import log
+
+
+class Doc:
+ """A documentation node, pointing to the source code"""
+ def __init__(self, content: str, filename: str, line: int, version: str = None, stability: str = None):
+ self.content = content
+ self.filename = filename
+ self.line = line
+ self.version = version
+ self.stability = stability
+
+ def __str__(self):
+ return self.content
+
+
+class SourcePosition:
+ """A location inside the source code"""
+ def __init__(self, filename: str, line: int):
+ self.filename = filename
+ self.line = line
+
+ def __str__(self):
+ return f'{self.filename}:{self.line}'
+
+
+class Attribute:
+ """A user-defined annotation"""
+ def __init__(self, name: str, value: T.Optional[str]):
+ self.name = name
+ self.value = value
+
+
+class CInclude:
+ """A C include header"""
+ def __init__(self, name: str):
+ self.name = name
+
+
+class Include:
+ """A GIR include"""
+ def __init__(self, name: str, version: str = None):
+ self.name = name
+ self.version = version
+
+ def __str__(self):
+ if self.version is not None:
+ return f"{self.name}-{self.version}"
+ return f"{self.name}"
+
+ def girfile(self) -> str:
+ if self.version is not None:
+ return f"{self.name}-{self.version}.gir"
+ return f"{self.name}.gir"
+
+
+class Package:
+ """Pkg-config containing the library"""
+ def __init__(self, name: str):
+ self.name = name
+
+
+class Info:
+ """Base information for most types"""
+ def __init__(self, introspectable: bool = True, deprecated: T.Optional[str] = None,
+ deprecated_version: T.Optional[str] = None, version: str = None,
+ stability: str = None):
+ self.introspectable = introspectable
+ self.deprecated_msg = deprecated
+ self.deprecated_version = deprecated_version
++ self.deprecated = deprecated is not None or deprecated_version is not None
+ self.version = version
+ self.stability = stability
+ self.attributes: T.Mapping[str, T.Optional[str]] = {}
+ self.doc: T.Optional[Doc] = None
+ self.source_position: T.Optional[SourcePosition] = None
+
+ def add_attribute(self, name: str, value: T.Optional[str] = None) -> None:
+ self.attributes[name] = value
+
+
+class GIRElement:
+ """Base type for elements inside the GIR"""
+ def __init__(self, name: T.Optional[str] = None, namespace: T.Optional[str] = None):
+ self.name = name
+ self.namespace = namespace
+ if self.namespace is None:
+ if self.name is not None and '.' in self.name:
+ self.namespace = self.name.split('.')[0]
+ self.info = Info()
+
+ def set_introspectable(self, introspectable: bool) -> None:
+ """Set whether the symbol is introspectable"""
+ self.info.introspectable = introspectable
+
+ @property
+ def introspectable(self):
+ return self.info.introspectable
+
+ def set_version(self, version: str) -> None:
+ """Set the version of the symbol"""
+ self.info.version = version
+
+ def set_stability(self, stability: str) -> None:
+ """Set the stability of the symbol"""
+ self.info.stability = stability
+
+ @property
+ def stability(self):
+ return self.info.stability
+
+ def set_doc(self, doc: Doc) -> None:
+ """Set the documentation for the element"""
+ self.info.doc = doc
+
+ @property
+ def doc(self):
+ return self.info.doc
+
+ def set_source_position(self, pos: SourcePosition) -> None:
+ """Set the position in the source code for the element"""
+ self.info.source_position = pos
+
+ @property
+ def source_position(self) -> T.Optional[T.Tuple[str, int]]:
+ if self.info.source_position is None:
+ return None
+ return self.info.source_position.filename, self.info.source_position.line
+
+ def set_deprecated(self, doc: T.Optional[str] = None, since_version: T.Optional[str] = None) -> None:
+ """Set the deprecation annotations for the element"""
+ self.info.deprecated_msg = doc
+ self.info.deprecated_version = since_version
++ self.info.deprecated = True
+
+ def set_attributes(self, attrs: T.Mapping[str, T.Optional[str]]) -> None:
+ """Add an annotation to the symbol"""
+ for name, value in attrs.items():
+ self.info.add_attribute(name, value)
+
+ @property
+ def attributes(self) -> T.Mapping[str, T.Optional[str]]:
+ return self.info.attributes
+
+ @property
+ def available_since(self) -> T.Optional[str]:
+ return self.info.version
+
++ @property
++ def deprecated(self) -> bool:
++ return self.info.deprecated
++
+ @property
+ def deprecated_since(self) -> T.Optional[T.Tuple[str, str]]:
++ if not self.info.deprecated:
+ return None
+ version = self.info.deprecated_version
+ message = self.info.deprecated_msg
++ if version is None:
++ version = "Unknown"
+ if message is None:
+ message = "Please do not use it in newly written code"
+ return (version, message)
+
+
+class Type(GIRElement):
+ """Base class for all Type nodes"""
+ def __init__(self, name: str, ctype: T.Optional[str] = None, namespace: T.Optional[str] = None, is_fundamental: bool = False):
+ super().__init__(name=name, namespace=namespace)
+ self.ctype = ctype
+ self.is_fundamental = is_fundamental
+
+ def __eq__(self, other):
+ if isinstance(other, Type):
+ if self.namespace is not None:
+ return self.namespace == other.namespace and self.name == other.name
+ elif self.ctype is not None:
+ return self.name == other.name and self.ctype == other.ctype
+ else:
+ return self.name == other.name
+ elif isinstance(other, str):
+ return self.name == other
+ else:
+ return False
+
+ def __cmp__(self, other):
+ if self.ctype is not None:
+ return self.name == other.name and self.ctype == other.ctype
+ return self.name == other.name
+
+ def __repr__(self):
+ return f"Type({self.fqtn}, {self.ctype})"
+
+ @property
+ def resolved(self):
+ return self.ctype is not None
+
+ @property
+ def base_ctype(self):
+ if self.ctype is None:
+ return None
+ return self.ctype.replace('*', '')
+
+ @property
+ def fqtn(self):
+ if self.is_fundamental:
+ return self.name
+ elif '.' in self.name:
+ return self.name
+ elif self.namespace is not None:
+ return f"{self.namespace}.{self.name}"
+ else:
+ return None
+
+
+class ArrayType(GIRElement):
+ """Base class for Array nodes"""
+ def __init__(self, name: T.Optional[str], value_type: Type, ctype: T.Optional[str] = None, zero_terminated: bool = False,
+ fixed_size: int = -1, length: int = -1):
+ super().__init__(name)
+ self.ctype = ctype
+ self.zero_terminated = zero_terminated
+ self.fixed_size = fixed_size
+ self.length = length
+ self.value_type = value_type
+ self.is_fundamental = False
+
+
+class ListType(GIRElement):
+ """Type class for List nodes"""
+ def __init__(self, name: str, value_type: Type, ctype: str = None):
+ super().__init__(name)
+ self.ctype = ctype
+ self.value_type = value_type
+ self.is_fundamental = False
+
+
+class MapType(GIRElement):
+ """Type class for Map nodes"""
+ def __init__(self, name: str, key_type: Type, value_type: Type, ctype: str = None):
+ super().__init__(name)
+ self.ctype = ctype
+ self.key_type = key_type
+ self.value_type = value_type
+ self.is_fundamental = False
+
+
+class GType:
+ """Base class for GType information"""
+ def __init__(self, type_name: str, get_type: str, type_struct: T.Optional[str] = None):
+ self.type_name = type_name
+ self.get_type = get_type
+ self.type_struct = type_struct
+
+
+class VoidType(Type):
+ def __init__(self):
+ super().__init__(name='none', ctype='void')
+
+ def __str__(self):
+ return "void"
+
+
+class VarArgs(Type):
+ def __init__(self):
+ super().__init__(name='none', ctype='')
+
+ def __str__(self):
+ return "..."
+
+
+class Alias(Type):
+ """Alias to a Type"""
+ def __init__(self, name: str, namespace: str, ctype: str, target: Type):
+ super().__init__(name=name, ctype=ctype, namespace=namespace)
+ self.target = target
+
+
+class Constant(Type):
+ """A constant"""
+ def __init__(self, name: str, namespace: str, ctype: str, target: Type, value: str):
+ super().__init__(name=name, ctype=ctype, namespace=namespace)
+ self.target = target
+ self.value = value
+
+
+class Parameter(GIRElement):
+ """A callable parameter"""
+ def __init__(self, name: str, direction: str, transfer: str, target: Type = None, caller_allocates: bool = False,
+ optional: bool = False, nullable: bool = False, closure: int = -1, destroy: int = -1,
+ scope: str = None):
+ super().__init__(name)
+ self.direction = direction
+ self.transfer = transfer
+ self.caller_allocates = caller_allocates
+ self.optional = optional
+ self.nullable = nullable
+ self.scope = scope
+ self.closure = closure
+ self.destroy = destroy
+ if target is None:
+ self.target: Type = VoidType()
+ else:
+ self.target = target
+
+
+class ReturnValue(GIRElement):
+ """A callable's return value"""
+ def __init__(self, transfer: str, target: Type, nullable: bool = False, closure: int = -1, destroy: int = -1, scope: str = None):
+ super().__init__()
+ self.transfer = transfer
+ self.nullable = nullable
+ self.scope = scope
+ self.closure = closure
+ self.destroy = destroy
+ if target is None:
+ self.target: Type = VoidType()
+ else:
+ self.target = target
+
+
+class Callable(GIRElement):
+ """A callable symbol: function, method, function-macro, ..."""
+ def __init__(self, name: str, namespace: T.Optional[str], identifier: T.Optional[str], throws: bool = False):
+ super().__init__(name=name, namespace=namespace)
+ self.identifier = identifier
+ self.parameters: T.List[Parameter] = []
+ self.return_value: T.Optional[ReturnValue] = None
+ self.throws: bool = throws
+ self.moved_to: T.Optional[str] = None
+ self.shadows: T.Optional[str] = None
+ self.shadowed_by: T.Optional[str] = None
+
+ def add_parameter(self, param: Parameter) -> None:
+ self.parameters.append(param)
+
+ def set_parameters(self, params: T.List[Parameter]) -> None:
+ self.parameters.extend(params)
+
+ def set_return_value(self, res: ReturnValue) -> None:
+ self.return_value = res
+
+ def set_shadows(self, func: str) -> None:
+ self.shadows = func
+
+ def set_shadowed_by(self, func: str) -> None:
+ self.shadowed_by = func
+
+ def set_moved_to(self, func: str) -> None:
+ self.moved_to = func
+
+ def __contains__(self, param):
+ if isinstance(param, str):
+ for p in self.parameters:
+ if p.name == param:
+ return True
+ elif isinstance(param, Parameter):
+ return param in self.parameters
+ elif isinstance(param, ReturnValue):
+ return param == self.return_value
+ return False
+
+
+class FunctionMacro(Callable):
+ def __init__(self, name: str, namespace: T.Optional[str], identifier: str):
+ super().__init__(name, namespace, identifier)
+
+
+class Function(Callable):
+ def __init__(self, name: str, namespace: T.Optional[str], identifier: str, throws: bool = False):
+ super().__init__(name, namespace, identifier, throws)
+
+
+class Method(Callable):
+ def __init__(self, name: str, identifier: str, instance_param: Parameter, throws: bool = False,
+ set_property: T.Optional[str] = None, get_property: T.Optional[str] = None):
+ super().__init__(name, None, identifier, throws)
+ self.instance_param = instance_param
+ self.set_property = set_property
+ self.get_property = get_property
+
+ def __contains__(self, param):
+ if isinstance(param, Parameter) and param == self.instance_param:
+ return True
+ return super().__contains__(self, param)
+
+
+class VirtualMethod(Callable):
+ def __init__(self, name: str, identifier: str, invoker: str, instance_param: Parameter, throws: bool = False):
+ super().__init__(name, None, identifier, throws)
+ self.instance_param = instance_param
+ self.invoker = invoker
+
+ def __contains__(self, param):
+ if isinstance(param, Parameter) and param == self.instance_param:
+ return True
+ return super().__contains__(self, param)
+
+
+class Callback(Callable):
+ def __init__(self, name: str, namespace: str, ctype: T.Optional[str], throws: bool = False):
+ super().__init__(name=name, namespace=namespace, identifier=None, throws=throws)
+ self.ctype = ctype
+ self.is_fundamental = False
+
+ @property
+ def base_ctype(self):
+ if self.ctype is None:
+ return None
+ return self.ctype.replace('*', '')
+
+
+class Member(GIRElement):
+ """A member in an enumeration, error domain, or bitfield"""
+ def __init__(self, name: str, value: str, identifier: str, nick: str):
+ super().__init__(name)
+ self.value = value
+ self.identifier = identifier
+ self.nick = nick
+
+
+class Enumeration(Type):
+ """An enumeration type"""
+ def __init__(self, name: str, namespace: str, ctype: str, gtype: T.Optional[GType]):
+ super().__init__(name=name, ctype=ctype, namespace=namespace)
+ self.gtype = gtype
+ self.members: T.List[Member] = []
+ self.functions: T.List[Function] = []
+
+ def add_member(self, member: Member) -> None:
+ self.members.append(member)
+
+ def add_function(self, function: Function) -> None:
+ self.functions.append(function)
+
+ def set_members(self, members: T.List[Member]) -> None:
+ self.members.extend(members)
+
+ def set_functions(self, functions: T.List[Function]) -> None:
+ self.functions.extend(functions)
+
+ def __contains__(self, member):
+ if isinstance(member, Member):
+ return member in self.members
+ return False
+
+ def __iter__(self):
+ for member in self.members:
+ yield member
+
+
+class BitField(Enumeration):
+ """An enumeration type of bit masks"""
+ def __init__(self, name: str, namespace: str, ctype: str, gtype: T.Optional[GType]):
+ super().__init__(name, namespace, ctype, gtype)
+
+
+class ErrorDomain(Enumeration):
+ """An error domain for GError"""
+ def __init__(self, name: str, namespace: str, ctype: str, gtype: T.Optional[GType], domain: str):
+ super().__init__(name, namespace, ctype, gtype)
+ self.domain = domain
+
+
+class Property(GIRElement):
+ def __init__(self, name: str, transfer: str, target: Type, writable: bool = True, readable: bool = True, construct: bool = False,
+ construct_only: bool = False, setter: T.Optional[str] = None, getter: T.Optional[str] = None):
+ super().__init__(name)
+ self.transfer = transfer
+ self.writable = writable
+ self.readable = readable
+ self.construct = construct
+ self.construct_only = construct_only
+ self.target = target
+ self.setter = setter
+ self.getter = getter
+
+
+class Signal(GIRElement):
+ def __init__(self, name: str, detailed: bool, when: str, action: bool = False, no_hooks: bool = False, no_recurse: bool = False):
+ super().__init__(name)
+ self.detailed = detailed
+ self.when = when
+ self.action = action
+ self.no_hooks = no_hooks
+ self.no_recurse = no_recurse
+ self.parameters: T.List[Parameter] = []
+ self.return_value: T.Optional[ReturnValue] = None
+
+ def set_parameters(self, params: T.List[Parameter]) -> None:
+ self.parameters.extend(params)
+
+ def set_return_value(self, res: ReturnValue) -> None:
+ self.return_value = res
+
+
+class Field(GIRElement):
+ """A field in a struct or union"""
+ def __init__(self, name: str, target: Type, writable: bool, readable: bool, private: bool = False, bits: int = 0):
+ super().__init__(name)
+ self.target = target
+ self.writable = writable
+ self.readable = readable
+ self.private = private
+ self.bits = bits
+
+
+class Interface(Type):
+ def __init__(self, name: str, namespace: str, ctype: str, symbol_prefix: str, gtype: GType):
+ super().__init__(name=name, ctype=ctype, namespace=namespace)
+ self.symbol_prefix = symbol_prefix
+ self.gtype = gtype
+ self.methods: T.List[Method] = []
+ self.virtual_methods: T.List[VirtualMethod] = []
+ self.properties: T.Mapping[str, Property] = {}
+ self.signals: T.Mapping[str, Signal] = {}
+ self.functions: T.List[Function] = []
+ self.fields: T.List[Field] = []
+ self.prerequisite: T.Optional[str] = None
+ self.implementations: T.List[Type] = []
+
+ @property
+ def type_struct(self) -> T.Optional[str]:
+ if self.gtype is not None:
+ return self.gtype.type_struct
+ return self.ctype
+
+ @property
+ def type_func(self) -> str:
+ return self.gtype.get_type
+
+ def set_methods(self, methods: T.List[Method]) -> None:
+ self.methods.extend(methods)
+
+ def set_virtual_methods(self, methods: T.List[VirtualMethod]) -> None:
+ self.virtual_methods.extend(methods)
+
+ def set_properties(self, properties: T.List[Property]) -> None:
+ for p in properties:
+ self.properties[p.name] = p
+
+ def set_signals(self, signals: T.List[Signal]) -> None:
+ for s in signals:
+ self.signals[s.name] = s
+
+ def set_functions(self, functions: T.List[Function]) -> None:
+ self.functions.extend(functions)
+
+ def set_fields(self, fields: T.List[Field]) -> None:
+ self.fields.extend(fields)
+
+ def set_prerequisite(self, prerequisite: str) -> None:
+ self.prerequisite = prerequisite
+
+
+class Class(Type):
+ def __init__(self, name: str, namespace: str, ctype: str, symbol_prefix: str,
+ gtype: GType, parent: T.Optional[Type] = None,
+ abstract: bool = False, fundamental: bool = False,
+ ref_func: T.Optional[str] = None, unref_func: T.Optional[str] = None):
+ super().__init__(name=name, ctype=ctype, namespace=namespace)
+ self.symbol_prefix = symbol_prefix
+ self.parent = parent
+ self.abstract = abstract
+ self.fundamental = fundamental
+ self.ref_func = ref_func
+ self.unref_func = unref_func
+ self.gtype = gtype
+ self.ancestors: T.List[Type] = []
+ self.implements: T.List[Type] = []
+ self.constructors: T.List[Function] = []
+ self.methods: T.List[Method] = []
+ self.virtual_methods: T.List[VirtualMethod] = []
+ self.properties: T.Mapping[str, Property] = {}
+ self.signals: T.Mapping[str, Signal] = {}
+ self.functions: T.List[Function] = []
+ self.fields: T.List[Field] = []
+ self.callbacks: T.List[Callback] = []
+ self.descendants: T.List[Type] = []
+
+ @property
+ def type_struct(self) -> T.Optional[str]:
+ if self.gtype is not None:
+ return self.gtype.type_struct
+ return None
+
+ @property
+ def type_func(self) -> T.Optional[str]:
+ if self.gtype is not None:
+ return self.gtype.get_type
+ return self.ctype
+
+ def set_constructors(self, ctors: T.List[Function]) -> None:
+ self.constructors.extend(ctors)
+
+ def set_methods(self, methods: T.List[Method]) -> None:
+ self.methods.extend(methods)
+
+ def set_virtual_methods(self, methods: T.List[VirtualMethod]) -> None:
+ self.virtual_methods.extend(methods)
+
+ def set_properties(self, properties: T.List[Property]) -> None:
+ for p in properties:
+ self.properties[p.name] = p
+
+ def set_signals(self, signals: T.List[Signal]) -> None:
+ for s in signals:
+ self.signals[s.name] = s
+
+ def set_functions(self, functions: T.List[Function]) -> None:
+ self.functions.extend(functions)
+
+ def set_implements(self, ifaces: T.List[Type]) -> None:
+ self.implements.extend(ifaces)
+
+ def set_fields(self, fields: T.List[Field]) -> None:
+ self.fields.extend(fields)
+
+
+class Boxed(Type):
+ def __init__(self, name: str, namespace: str, symbol_prefix: str, gtype: GType):
+ super().__init__(name=name, ctype=None, namespace=namespace)
+ self.symbol_prefix = symbol_prefix
+ self.gtype = gtype
+ self.functions: T.List[Function] = []
+
+ def set_functions(self, functions: T.List[Function]) -> None:
+ self.functions.extend(functions)
+
+
+class Record(Type):
+ def __init__(self, name: str, namespace: str, ctype: str, symbol_prefix: str,
+ gtype: T.Optional[GType] = None, struct_for: T.Optional[str] = None,
+ disguised: bool = False):
+ super().__init__(name=name, ctype=ctype, namespace=namespace)
+ self.symbol_prefix = symbol_prefix
+ self.gtype = gtype
+ self.struct_for = struct_for
+ self.disguised = disguised
+ self.constructors: T.List[Function] = []
+ self.methods: T.List[Method] = []
+ self.functions: T.List[Function] = []
+ self.fields: T.List[Field] = []
+
+ @property
+ def type_struct(self) -> T.Optional[str]:
+ if self.gtype is not None:
+ return self.gtype.type_struct
+ return self.ctype
+
+ @property
+ def type_func(self) -> T.Optional[str]:
+ if self.gtype is not None:
+ return self.gtype.get_type
+ return None
+
+ def set_constructors(self, ctors: T.List[Function]) -> None:
+ self.constructors.extend(ctors)
+
+ def set_methods(self, methods: T.List[Method]) -> None:
+ self.methods.extend(methods)
+
+ def set_functions(self, functions: T.List[Function]) -> None:
+ self.functions.extend(functions)
+
+ def set_fields(self, fields: T.List[Field]) -> None:
+ self.fields.extend(fields)
+
+
+class Union(Type):
+ def __init__(self, name: str, namespace: str, ctype: str, symbol_prefix: str, gtype: T.Optional[GType]):
+ super().__init__(name=name, ctype=ctype, namespace=namespace)
+ self.symbol_prefix = symbol_prefix
+ self.gtype = gtype
+ self.constructors: T.List[Function] = []
+ self.methods: T.List[Method] = []
+ self.functions: T.List[Function] = []
+ self.fields: T.List[Field] = []
+
+ @property
+ def type_struct(self) -> T.Optional[str]:
+ if self.gtype is not None:
+ return self.gtype.type_struct
+ return self.ctype
+
+ @property
+ def type_func(self) -> T.Optional[str]:
+ if self.gtype is not None:
+ return self.gtype.get_type
+ return None
+
+ def set_constructors(self, ctors: T.List[Function]) -> None:
+ self.constructors.extend(ctors)
+
+ def set_methods(self, methods: T.List[Method]) -> None:
+ self.methods.extend(methods)
+
+ def set_functions(self, functions: T.List[Function]) -> None:
+ self.functions.extend(functions)
+
+ def set_fields(self, fields: T.List[Field]) -> None:
+ self.fields.extend(fields)
+
+
+class Namespace:
+ def __init__(self, name: str, version: str, identifier_prefix: T.List[str] = [], symbol_prefix: T.List[str] = []):
+ self.name = name
+ self.version = version
+
+ self._shared_libraries: T.List[str] = []
+
+ self._aliases: T.Mapping[str, Alias] = {}
+ self._bitfields: T.Mapping[str, BitField] = {}
+ self._boxeds: T.Mapping[str, Boxed] = {}
+ self._callbacks: T.Mapping[str, Callback] = {}
+ self._classes: T.Mapping[str, Class] = {}
+ self._constants: T.Mapping[str, Constant] = {}
+ self._enumerations: T.Mapping[str, Enumeration] = {}
+ self._error_domains: T.Mapping[str, ErrorDomain] = {}
+ self._functions: T.Mapping[str, Function] = {}
+ self._function_macros: T.Mapping[str, FunctionMacro] = {}
+ self._interfaces: T.Mapping[str, Interface] = {}
+ self._records: T.Mapping[str, Record] = {}
+ self._unions: T.Mapping[str, Union] = {}
+
+ self._symbols: T.Mapping[str, Type] = {}
+ self.repository: T.Optional[Repository] = None
+
+ if identifier_prefix:
+ self.identifier_prefix = identifier_prefix
+ else:
+ self.identifier_prefix = [self.name]
+ if symbol_prefix:
+ self.symbol_prefix = symbol_prefix
+ else:
+ self.symbol_prefix = [self.name.lower()]
+
+ def __str__(self):
+ return f"{self.name}-{self.version}"
+
+ def add_shared_libraries(self, libs: T.List[str]) -> None:
+ self._shared_libraries.extend(libs)
+
+ def get_shared_libraries(self) -> T.List[str]:
+ return self._shared_libraries
+
+ def add_alias(self, alias: Alias) -> None:
+ self._aliases[alias.name] = alias
+
+ def add_enumeration(self, enum: Enumeration) -> None:
+ self._enumerations[enum.name] = enum
+
+ def add_error_domain(self, domain: ErrorDomain) -> None:
+ self._error_domains[domain.name] = domain
+
+ def add_class(self, cls: Class) -> None:
+ self._classes[cls.name] = cls
+
+ def add_constant(self, constant: Constant) -> None:
+ self._constants[constant.name] = constant
+
+ def add_interface(self, interface: Interface) -> None:
+ self._interfaces[interface.name] = interface
+
+ def add_boxed(self, boxed: Boxed) -> None:
+ self._boxeds[boxed.name] = boxed
+
+ def add_record(self, record: Record) -> None:
+ self._records[record.name] = record
+
+ def add_union(self, union: Union) -> None:
+ self._unions[union.name] = union
+
+ def add_function(self, function: Function) -> None:
+ self._functions[function.name] = function
+
+ def add_bitfield(self, bitfield: BitField) -> None:
+ self._bitfields[bitfield.name] = bitfield
+
+ def add_function_macro(self, function: FunctionMacro) -> None:
+ self._function_macros[function.name] = function
+
+ def add_callback(self, callback: Callback) -> None:
+ self._callbacks[callback.name] = callback
+
+ def get_classes(self) -> T.List[Class]:
+ return self._classes.values()
+
+ def get_constants(self) -> T.List[Constant]:
+ return self._constants.values()
+
+ def get_enumerations(self) -> T.List[Enumeration]:
+ return self._enumerations.values()
+
+ def get_error_domains(self) -> T.List[ErrorDomain]:
+ return self._error_domains.values()
+
+ def get_aliases(self) -> T.List[Alias]:
+ return self._aliases.values()
+
+ def get_interfaces(self) -> T.List[Interface]:
+ return self._interfaces.values()
+
+ def get_boxeds(self) -> T.List[Boxed]:
+ return self._boxeds.values()
+
+ def get_records(self) -> T.List[Record]:
+ return self._records.values()
+
+ def get_effective_records(self) -> T.List[Record]:
+ def is_effective(r):
+ if "Private" in r.name and r.disguised:
+ return False
+ if r.struct_for is not None:
+ return False
+ return True
+
+ return [x for x in self._records.values() if is_effective(x)]
+
+ def get_unions(self) -> T.List[Union]:
+ return self._unions.values()
+
+ def get_functions(self) -> T.List[Function]:
+ return self._functions.values()
+
+ def get_bitfields(self) -> T.List[BitField]:
+ return self._bitfields.values()
+
+ def get_function_macros(self) -> T.List[FunctionMacro]:
+ return self._function_macros.values()
+
+ def get_effective_function_macros(self) -> T.List[FunctionMacro]:
+ def is_effective(f, ns):
+ # Lower-case identifiers are an automatic pass
+ if f.name.islower():
+ return True
+ # Try to eliminate the GObject type macros from the pool
+ t = f.name.split('_')
+ # Skip "is-a" macros
+ if 'IS' in t:
+ return False
+ # Skip "get class/iface" macros
+ if 'GET' in t:
+ return False
+ # Re-assemble into what most likely is a type name
+ s = "".join([x.capitalize() if len(x) > 2 else x for x in t])
+ # Skip "cast" macros
+ if ns.find_class(s) is not None:
+ return False
+ if ns.find_interface(s) is not None:
+ return False
+ if ns.find_record(s) is not None:
+ return False
+ # Anything that survived at this point is likely a valid function
+ # macro
+ return True
+
+ return [x for x in self._function_macros.values() if is_effective(x, self)]
+
+ def get_callbacks(self) -> T.List[Callback]:
+ return self._callbacks.values()
+
+ def find_class(self, cls: str) -> T.Optional[Class]:
+ return self._classes.get(cls)
+
+ def find_record(self, record: str) -> T.Optional[Record]:
+ return self._records.get(record)
+
+ def find_interface(self, iface: str) -> T.Optional[Interface]:
+ return self._interfaces.get(iface)
+
+ def find_union(self, union: str) -> T.Optional[Union]:
+ return self._unions.get(union)
+
+ def find_enumeration(self, enum: str) -> T.Optional[Enumeration]:
+ return self._enumerations.get(enum)
+
+ def find_bitfield(self, bitfield: str) -> T.Optional[BitField]:
+ return self._bitfields.get(bitfield)
+
+ def find_error_domain(self, domain: str) -> T.Optional[ErrorDomain]:
+ return self._error_domains.get(domain)
+
+ def find_alias(self, alias: str) -> T.Optional[Alias]:
+ return self._aliases.get(alias)
+
+ def find_function(self, func: str) -> T.Optional[Function]:
+ if func in self._functions:
+ return self._functions.get(func)
+ if func in self._function_macros:
+ return self._function_macros.get(func)
+ return None
+
+ def find_real_type(self, name: str) -> T.Optional[Type]:
+ if name in self._aliases:
+ return self._aliases[name]
+ if name in self._bitfields:
+ return self._bitfields[name]
+ if name in self._callbacks:
+ return self._callbacks[name]
+ if name in self._constants:
+ return self._constants[name]
+ if name in self._enumerations:
+ return self._enumerations[name]
+ if name in self._error_domains:
+ return self._error_domains[name]
+ if name in self._classes:
+ return self._classes[name]
+ if name in self._interfaces:
+ return self._interfaces[name]
+ if name in self._records:
+ return self._records[name]
+ if name in self._unions:
+ return self._unions[name]
+ return None
+
+ def find_symbol(self, name: str) -> T.Optional[Type]:
+ return self._symbols.get(name)
+
+ def find_prerequisite_type(self, name: str) -> T.Optional[Type]:
+ if name in self._classes:
+ return self._classes[name]
+ if name in self._interfaces:
+ return self._interfaces[name]
+ return None
+
+
+class Repository:
+ def __init__(self):
+ self.includes: T.Mapping[str, Repository] = {}
+ self.packages: T.List[Package] = []
+ self.c_includes: T.List[CInclude] = []
+ self.types: T.Mapping[str, T.List[Type]] = {}
+ self._namespaces: T.List[Namespace] = []
+ self.girfile: T.Optional[str] = None
+
+ def add_namespace(self, ns: Namespace) -> None:
+ self._namespaces.append(ns)
+ ns.repository = self
+
+ def get_namespace(self, ns: str) -> T.Optional[Namespace]:
+ for namespace in self._namespaces:
+ if namespace.name == ns:
+ return namespace
+ return None
+
+ def find_included_namespace(self, ns: str) -> T.Optional[Namespace]:
+ for repo_name in self.includes:
+ repo = self.includes[repo_name]
+ if repo.namespace.name == ns:
+ return repo.namespace
+ return None
+
+ def _lookup_type(self, name: str) -> T.Optional[Type]:
+ types = self.types.get(name)
+ if types is None:
+ return None
+ for t in types:
+ if t.resolved:
+ return t
+ return types[0]
+
+ def resolve_empty_ctypes(self, seen_types: T.Mapping[str, T.List[Type]]) -> None:
+ for fqtn in seen_types:
+ types = seen_types[fqtn]
+ resolved_types = [t for t in types if t.resolved]
+ if len(resolved_types) == 0:
+ ns, name = fqtn.split('.', 1)
+ backstop = f"{self.namespace.identifier_prefix[0]}{name}"
+ resolved_types.append(Type(fqtn, backstop))
+ self.types[fqtn] = resolved_types
+ log.debug(f"Type: {fqtn}: {resolved_types}")
+
+ def resolve_interface_requires(self) -> None:
+ def find_prerequisite_type(includes, ns, name):
+ repository = includes.get(ns)
+ if repository is None:
+ return None
+ prereq = repository.namespace.find_prerequisite_type(name)
+ # If the prerequisite type is unqualified, then we qualify it here
+ if '.' not in prereq.name:
+ prereq.name = f"{repository.namespace.name}.{prereq.name}"
+ return prereq
+
+ ifaces = self.namespace.get_interfaces()
+ for iface in ifaces:
+ if iface.prerequisite is None:
+ continue
+ prerequisite = None
+ if '.' in iface.prerequisite.name:
+ ns, name = iface.prerequisite.name.split('.', 1)
+ if ns == self.namespace.name:
+ prerequisite = self.namespace.find_prerequisite_type(name)
+ else:
+ prerequisite = find_prerequisite_type(self.includes, ns, name)
+ else:
+ prerequisite = self.namespace.find_prerequisite_type(iface.prerequisite.name)
+ if prerequisite is not None:
+ if prerequisite.ctype is None:
+ if '.' not in prerequisite.name:
+ name = f"{self.namespace.name}.{prerequisite.name}"
+ else:
+ name = prerequisite.name
+ t = self._lookup_type(name)
+ if t is not None:
+ prerequisite.ctype = t.ctype
+ else:
+ # This is kind of a kludge, but apparently we can get into
+ # class definitions missing a c:type; if that happens, we
+ # take the identifier prefix of the namespace and append the
+ # class name, because that's the inverse of how g-ir-scanner
+ # determines the class name
+ prerequisite.ctype = f"{self.namespace.identifier_prefix[0]}{prerequisite.name}"
+ iface.prerequisite = prerequisite
+ log.debug(f"Prerequisite type for interface {iface}: {iface.prerequisite}")
+
+ def resolve_class_ctype(self) -> None:
+ classes = self.namespace.get_classes()
+ for cls in classes:
+ if cls.ctype is None:
+ if '.' not in cls.name:
+ name = f"{self.namespace.name}.{cls.name}"
+ else:
+ name = cls.name
+ t = self._lookup_type(name)
+ if t is not None:
+ cls.ctype = t.base_ctype
+ else:
+ # This is kind of a kludge, but apparently we can get into
+ # class definitions missing a c:type; if that happens, we
+ # take the identifier prefix of the namespace and append the
+ # class name, because that's the inverse of how g-ir-scanner
+ # determines the class name
+ cls.ctype = f"{self.namespace.identifier_prefix[0]}{cls.name}"
+ log.debug(f"Updated C type for {cls}")
+
+ def resolve_class_implements(self) -> None:
+ def find_interface_type(includes, ns, name):
+ repository = includes.get(ns)
+ if repository is None:
+ return None
+ iface = repository.namespace.find_interface(name)
+ # If the interface type is unqualified, then we qualify it here
+ if '.' not in iface.name:
+ iface.name = f"{repository.namespace.name}.{iface.name}"
+ return iface
+
+ classes = self.namespace.get_classes()
+ for cls in classes:
+ if cls.implements is None:
+ continue
+ implements = cls.implements
+ cls.implements = []
+ for iface in implements:
+ if '.' in iface.name:
+ ns, name = iface.name.split('.', 1)
+ if ns == self.namespace.name:
+ iface_type = self.namespace.find_interface(name)
+ else:
+ iface_type = find_interface_type(self.includes, ns, name)
+ else:
+ iface_type = self.namespace.find_interface(iface.name)
+ if iface_type is not None:
+ if iface_type.ctype is None:
+ t = self._lookup_type(iface_type.name)
+ iface_type.ctype = t.ctype
+ cls.implements.append(iface_type)
+ log.debug(f"Interfaces implemented by {cls}: {cls.implements}")
+
+ def resolve_class_ancestors(self) -> None:
+ def find_parent_class(includes, ns, name):
+ repository = includes.get(ns)
+ if repository is None:
+ return None
+ parent_class = repository.namespace.find_class(name)
+ # If the parent type is unqualified, then we qualify it here
+ if '.' not in parent_class.name:
+ parent_class.name = f"{repository.namespace.name}.{parent_class.name}"
+ return parent_class
+
+ classes = self.namespace.get_classes()
+ for cls in classes:
+ if cls.parent is None:
+ continue
+ ancestors = []
+ parent = cls.parent
+ while parent is not None:
+ if '.' in parent.name:
+ ns, name = parent.name.split('.')
+ if ns == self.namespace.name:
+ real_parent = self.namespace.find_class(name)
+ else:
+ real_parent = find_parent_class(self.includes, ns, name)
+ else:
+ real_parent = self.namespace.find_class(parent.name)
+ if real_parent is None:
+ break
+ if real_parent.parent is not None and real_parent.parent.name == parent.name:
+ log.warning(f"Found a loop in the ancestors for {cls}: {real_parent} matches {parent}")
+ break
+ if real_parent.ctype is None:
+ log.debug(f"Looking up C type for {parent.fqtn}")
+ t = self._lookup_type(parent.name)
+ real_parent.ctype = t.ctype
+ log.debug(f"Adding ancestor {real_parent} for {cls}")
+ ancestors.append(real_parent)
+ parent = real_parent.parent
+ cls.ancestors = ancestors
+ cls.parent = ancestors[0]
+ log.debug(f"Ancestors for {cls}: parent: {cls.parent}, ancestors: {cls.ancestors}")
+
+ def resolve_class_descendants(self) -> None:
+ seen_parents = {}
+ for cls in self.namespace.get_classes():
+ if cls.parent is not None:
+ seen_parents.setdefault(cls.parent.name, []).append(cls)
+ for name, descendants in seen_parents.items():
+ if name in self.namespace._classes:
+ self.namespace._classes[name].descendants = descendants
+
+ def resolve_moved_to(self) -> None:
+ functions = list(self.namespace.get_functions())
+ old_len = len(functions)
+ for func in functions[:]:
+ if func.moved_to is None:
+ continue
+ moved_type, moved_func_name = func.moved_to.split('.')
+ real_type = self.namespace.find_real_type(moved_type)
+ if real_type is None:
+ continue
+ self.namespace._functions.pop(func.name) # XXX: Add accessor
+ new_len = len(self.namespace._functions)
+ diff = old_len - new_len
+ log.debug(f"Removed {old_len} - {new_len} functions: {diff}")
+
+ def resolve_symbols(self) -> None:
+ symbols: T.Mapping[str, Type] = {}
+ for func in self.namespace.get_functions():
+ symbols[func.identifier] = func
+ for func in self.namespace.get_function_macros():
+ symbols[func.identifier] = func
+ for cls in self.namespace.get_classes():
+ for m in cls.constructors:
+ symbols[m.identifier] = cls
+ for m in cls.methods:
+ symbols[m.identifier] = cls
+ for m in cls.functions:
+ symbols[m.identifier] = cls
+ for iface in self.namespace.get_interfaces():
+ for m in iface.methods:
+ symbols[m.identifier] = iface
+ for m in iface.functions:
+ symbols[m.identifier] = iface
+ for record in self.namespace.get_records():
+ for m in record.constructors:
+ symbols[m.identifier] = record
+ for m in record.methods:
+ symbols[m.identifier] = record
+ for m in record.functions:
+ symbols[m.identifier] = record
+ for union in self.namespace.get_unions():
+ for m in union.constructors:
+ symbols[m.identifier] = union
+ for m in union.methods:
+ symbols[m.identifier] = union
+ for m in union.functions:
+ symbols[m.identifier] = union
+ self.namespace._symbols = symbols
+
+ def resolve_interface_implementations(self) -> None:
+ seen_impls = {}
+ for iface in self.namespace.get_interfaces():
+ for cls in self.namespace.get_classes():
+ if cls.implements is None:
+ continue
+ if iface in cls.implements:
+ seen_impls.setdefault(iface.name, []).append(cls)
+ for iface, seen in seen_impls.items():
+ if iface in self.namespace._interfaces:
+ self.namespace._interfaces[iface].implementations = seen
+
+ def get_class_hierarchy(self, root=None):
+ flat_tree = []
+ seen_types = {}
+
+ def window(iterable, size=2):
+ i = iter(iterable)
+ win = []
+ for e in range(0, size):
+ win.append(next(i))
+ yield win
+ for e in i:
+ win = win[1:] + [e]
+ yield win
+
+ for cls in self.namespace.get_classes():
+ if cls.parent is None:
+ flat_tree.append((cls.name, None))
+ continue
+
+ if len(cls.ancestors) < 2:
+ flat_tree.append((cls.name, cls.ancestors[0].name))
+ else:
+ flat_tree.append((cls.name, cls.ancestors[0].name))
+ for chunk in window(cls.ancestors, size=2):
+ if chunk[0].name in seen_types:
+ continue
+ if len(chunk) == 2:
+ flat_tree.append((chunk[0].name, chunk[1].name))
+ else:
+ flat_tree.append((chunk[0].name, None))
+ seen_types[chunk[0].name] = 1
+
+ def subtree(cls, rel):
+ return {
+ v: subtree(v, rel)
+ for v in [x[0] for x in rel if x[1] == cls]
+ }
+
+ return subtree(root, flat_tree)
+
+ @property
+ def namespace(self) -> T.Optional[Namespace]:
+ return self._namespaces[0]
+
+ def find_type(self, name: str, ns: T.Optional[str] = None) -> T.Optional[T.Tuple[Namespace, Type]]:
+ if ns is None or self.namespace.name == ns:
+ res = self.namespace.find_real_type(name)
+ if res is not None:
+ return (self.namespace, res)
+ for repo in self.includes.values():
+ if ns is not None and ns != repo.namespace.name:
+ continue
+ res = repo.namespace.find_real_type(name)
+ if res is not None:
+ return (repo.namespace, res)
+ return None
+
+ def find_symbol(self, name: str) -> T.Optional[T.Tuple[Namespace, Type]]:
+ log.debug(f"Looking for symbol {name} in current namespace {self.namespace.name}")
+ res = self.namespace.find_symbol(name)
+ if res is not None:
+ return (self.namespace, res)
+ for repo in self.includes.values():
+ log.debug(f"Looking for symbol {name} in namespace {repo.namespace.name}")
+ res = repo.namespace.find_symbol(name)
+ if res is not None:
+ return (repo.namespace, res)
+ return None
+
+ def find_class(self, name: str, ns: T.Optional[str] = None) -> T.Optional[T.Tuple[Namespace, Type]]:
+ if ns is None or self.namespace.name == ns:
+ res = self.namespace.find_class(name)
+ if res is not None:
+ return (self.namespace, res)
+ for repo in self.includes.values():
+ if ns is not None and ns != repo.namespace.name:
+ continue
+ res = repo.namespace.find_class(name)
+ if res is not None:
+ return (repo.namespace, res)
+ return None
+
+ def find_interface(self, name: str, ns: T.Optional[str] = None) -> T.Optional[T.Tuple[Namespace, Type]]:
+ if ns is None or self.namespace.name == ns:
+ res = self.namespace.find_interface(name)
+ if res is not None:
+ return (self.namespace, res)
+ for repo in self.includes.values():
+ if ns is not None and ns != repo.namespace.name:
+ continue
+ res = repo.namespace.find_interface(name)
+ if res is not None:
+ return (repo.namespace, res)
+ return None
--- /dev/null
- if deprecated_doc is not None:
- element.set_deprecated(deprecated_doc, deprecated_since)
+# SPDX-FileCopyrightText: 2020 GNOME Foundation
+# SPDX-License-Identifier: Apache-2.0 OR GPL-3.0-or-later
+
+import os
+import typing as T
+import xml.etree.ElementTree as ET
+
+from .. import log
+from . import ast
+
+GI_NAMESPACES = {
+ 'core': "http://www.gtk.org/introspection/core/1.0",
+ 'c': "http://www.gtk.org/introspection/c/1.0",
+ 'glib': "http://www.gtk.org/introspection/glib/1.0",
+}
+
+FUNDAMENTAL_INTEGRAL_TYPES = [
+ 'gint8', 'guint8', 'int8_t', 'uint8_t',
+ 'gint16', 'guint16', 'int16_t', 'uint16_t',
+ 'gint32', 'guint32', 'int32_t', 'uint32_t',
+ 'gint64', 'guint64', 'int64_t', 'uint64_t',
+ 'gint', 'int',
+ 'guint', 'unsigned', 'unsigned int',
+ 'gfloat', 'float',
+ 'gdouble', 'double', 'long double',
+ 'gchar', 'guchar', 'char', 'unsigned char',
+ 'gshort', 'gushort', 'short', 'unsigned short',
+ 'glong', 'gulong', 'long', 'unsigned long',
+ 'gunichar',
+ 'gsize', 'gssize', 'size_t',
+ 'gboolean', 'bool',
+ 'va_list',
+]
+
+FUNDAMENTAL_TYPES = FUNDAMENTAL_INTEGRAL_TYPES + [
+ 'gpointer', 'gconstpointer',
+ 'gchar*', 'char*', 'guchar*',
+ 'utf8', 'filename',
+]
+
+GLIB_ALIASES = {
+ 'gchar': 'char',
+ 'gdouble': 'double',
+ 'gfloat': 'float',
+ 'gint': 'int',
+ 'glong': 'long',
+ 'gshort': 'short',
+}
+
+FUNDAMENTAL_CTYPES = {
+ 'utf8': 'char*',
+ 'filename': 'char*',
+ 'GObject.Object': 'GObject*',
+ 'GObject.InitiallyUnowned': 'GInitiallyUnowned*',
+ 'GObject.ParamSpec': 'GObject.ParamSpec*',
+}
+
+
+def _corens(tag: str) -> str:
+ return f"{{{GI_NAMESPACES['core']}}}{tag}"
+
+
+def _glibns(tag: str) -> str:
+ return f"{{{GI_NAMESPACES['glib']}}}{tag}"
+
+
+def _cns(tag: str) -> str:
+ return f"{{{GI_NAMESPACES['c']}}}{tag}"
+
+
+class GirParser:
+ def __init__(self, search_paths=[], error=True):
+ self._search_paths = search_paths
+ self._repository = None
+ self._dependencies = {}
+ self._seen_types = {}
+ self._current_namespace = []
+ self._error = error
+
+ def append_search_path(self, path: str) -> None:
+ """Append a path to the list of search paths"""
+ self._search_paths.append(path)
+
+ def prepend_search_paths(self, path: str) -> None:
+ """Prepend a path to the list of search paths"""
+ self._search_paths = [path] + self._search_paths
+
+ def parse(self, girfile: T.TextIO) -> None:
+ """Parse @girfile"""
+ log.debug(f"Loading GIR for {girfile}")
+ tree = ET.parse(girfile)
+ repository = self._parse_tree(tree.getroot())
+ if repository is None:
+ if self._error:
+ log.error(f"Could not parse GIR {girfile}")
+ else:
+ raise RuntimeError(f"Invalid GIR file {girfile}")
+ else:
+ if isinstance(girfile, str):
+ repository.girfile = girfile
+ else:
+ repository.girfile = girfile.name
+ self._repository = repository
+ self._repository.resolve_empty_ctypes(self._seen_types)
+ self._repository.resolve_class_ctype()
+ self._repository.resolve_class_implements()
+ self._repository.resolve_class_ancestors()
+ self._repository.resolve_class_descendants()
+ self._repository.resolve_interface_requires()
+ self._repository.resolve_interface_implementations()
+ self._repository.resolve_moved_to()
+ self._repository.resolve_symbols()
+
+ def get_repository(self, name: T.Optional[str] = None) -> T.Optional[ast.Repository]:
+ if name is None:
+ return self._repository
+ else:
+ return self._dependencies[name]
+
+ def _push_namespace(self, ns: ast.Namespace) -> None:
+ assert ns not in self._current_namespace
+ self._current_namespace.append(ns)
+
+ def _pop_namespace(self) -> None:
+ self._current_namespace.pop()
+
+ def _get_namespace(self) -> T.Optional[ast.Namespace]:
+ if len(self._current_namespace) == 0:
+ return None
+ return self._current_namespace[len(self._current_namespace) - 1]
+
+ def _lookup_type(self, name: str, ctype: T.Optional[str] = None) -> ast.Type:
+ """Look up a type, and if not found, register it"""
+ is_fundamental = False
+ if name in FUNDAMENTAL_TYPES:
+ if name in GLIB_ALIASES:
+ fqtn = GLIB_ALIASES[name]
+ else:
+ fqtn = name
+ is_fundamental = True
+ elif name == 'GType':
+ # This is messy, because GType is part of GObject, but GLib ends up
+ # registering it first
+ fqtn = 'GObject.Type'
+ is_fundamental = True
+ elif '.' in name:
+ fqtn = name
+ else:
+ ns = self._get_namespace()
+ if ns is not None:
+ fqtn = f"{ns.name}.{name}"
+ else:
+ log.debug(f"Unqualified type name {name} found")
+ fqtn = name
+ if ctype is None and fqtn in FUNDAMENTAL_TYPES:
+ for t in FUNDAMENTAL_TYPES:
+ if t == fqtn:
+ ctype = t
+ break
+ if ctype is None and fqtn in FUNDAMENTAL_CTYPES:
+ ctype = FUNDAMENTAL_CTYPES[fqtn]
+ found_types = self._seen_types.get(fqtn)
+ if found_types is not None:
+ if ctype is not None:
+ for t in found_types:
+ if t.resolved and t.ctype == ctype:
+ log.debug(f"Found seen type: {t} (with ctype)")
+ return t
+ t = ast.Type(name=fqtn, ctype=ctype, is_fundamental=is_fundamental)
+ found_types.append(t)
+ log.debug(f"Seen new type: {t} (with ctype)")
+ return t
+ log.debug(f"Found seen type: {found_types[0]}")
+ return found_types[0]
+ # First time we saw this type
+ res = ast.Type(name=fqtn, ctype=ctype, is_fundamental=is_fundamental)
+ self._seen_types[fqtn] = [res]
+ log.debug(f"Seen new type: {res}")
+ return res
+
+ def _parse_dependency(self, include: ast.Include) -> None:
+ if self._dependencies.get(include.name, None) is not None:
+ log.debug(f"Dependency {include} already parsed")
+ return
+ found = False
+ for base_path in self._search_paths:
+ girfile = os.path.join(base_path, f"{include}.gir")
+ if os.path.exists(girfile) and os.path.isfile(girfile):
+ log.debug(f"Loading GIR for dependency {include} at {girfile}")
+ tree = ET.parse(girfile)
+ repository = self._parse_tree(tree.getroot())
+ if repository is not None:
+ repository.girfile = girfile
+ repository.resolve_moved_to()
+ repository.resolve_symbols()
+ ns = repository.namespace
+ self._dependencies[ns.name] = repository
+ found = True
+ break
+ if not found:
+ if self._error:
+ log.error(f"Could not find GIR dependency in the search paths: {include}")
+ else:
+ raise RuntimeError(f"No {include} found in search paths {self._search_paths}")
+
+ def _parse_tree(self, root: ET.Element) -> ast.Repository:
+ assert root.tag == _corens('repository')
+
+ includes: T.List[ast.Include] = []
+ c_includes: T.List[str] = []
+ packages: T.List[str] = []
+
+ for node in root:
+ if node.tag == _corens('include'):
+ includes.append(self._parse_include(node))
+ elif node.tag == _cns('include'):
+ c_includes.append(self._parse_c_include(node))
+ elif node.tag == _corens('package'):
+ packages.append(self._parse_package(node))
+
+ ns = root.find(_corens('namespace'))
+ assert ns is not None
+
+ identifier_prefixes = ns.attrib.get(_cns('identifier-prefixes'))
+ if identifier_prefixes is not None:
+ identifier_prefixes = identifier_prefixes.split(',')
+ symbol_prefixes = ns.attrib.get(_cns('symbol-prefixes'))
+ if symbol_prefixes is not None:
+ symbol_prefixes = symbol_prefixes.split(',')
+
+ namespace = ast.Namespace(ns.attrib['name'], ns.attrib['version'], identifier_prefixes, symbol_prefixes)
+ shared_libs = ns.attrib.get('shared-library')
+ if shared_libs:
+ namespace.add_shared_libraries(shared_libs.split(','))
+
+ repository = ast.Repository()
+ repository.c_includes = c_includes
+ repository.packages = packages
+
+ for include in includes:
+ log.debug(f"Parsing dependency {include}")
+ self._parse_dependency(include)
+
+ repository.includes = self._dependencies
+
+ repository.add_namespace(namespace)
+
+ parse_sections: T.Mapping[str, T.Callable[[ET.Element, ast.Repository, ast.Namespace], T.Any]] = {
+ _corens('alias'): self._parse_alias,
+ _corens('bitfield'): self._parse_bitfield,
+ _glibns('boxed'): self._parse_boxed,
+ _corens('callback'): self._parse_callback,
+ _corens('class'): self._parse_class,
+ _corens('constant'): self._parse_constant,
+ _corens('enumeration'): self._parse_enumeration,
+ _corens('function-macro'): self._parse_function_macro,
+ _corens('function'): self._parse_function,
+ _corens('interface'): self._parse_interface,
+ _corens('record'): self._parse_record,
+ _corens('union'): self._parse_union,
+ }
+
+ self._push_namespace(namespace)
+
+ for node in ns:
+ parser_method = parse_sections.get(node.tag, None)
+ if parser_method is not None:
+ parser_method(node, repository, namespace)
+
+ self._pop_namespace()
+
+ return repository
+
+ def _parse_include(self, node: ET.Element) -> ast.Include:
+ return ast.Include(node.attrib['name'], node.attrib['version'])
+
+ def _parse_c_include(self, node: ET.Element) -> str:
+ return node.attrib['name']
+
+ def _parse_package(self, node: ET.Element) -> str:
+ return node.attrib['name']
+
+ def _maybe_parse_doc(self, node: ET.Element) -> T.Optional[ast.Doc]:
+ child = node.find('core:doc', GI_NAMESPACES)
+ if child is None:
+ return None
+
+ content = child.text or ""
+
+ return ast.Doc(content=content, filename=child.attrib['filename'], line=int(child.attrib['line']))
+
+ def _maybe_parse_source_position(self, node: ET.Element) -> T.Optional[ast.SourcePosition]:
+ child = node.find('core:source-position', GI_NAMESPACES)
+ if child is None:
+ return None
+
+ return ast.SourcePosition(filename=child.attrib['filename'], line=int(child.attrib['line']))
+
+ def _maybe_parse_deprecated_doc(self, node: ET.Element) -> T.Optional[str]:
+ child = node.find('core:doc-deprecated', GI_NAMESPACES)
+ if child is None:
+ return None
+
+ return "".join(child.itertext())
+
+ def _maybe_parse_attributes(self, node: ET.Element) -> T.Optional[T.Mapping[str, str]]:
+ children = node.findall('core:attribute', GI_NAMESPACES)
+ if children is None:
+ return None
+
+ attrs = {}
+ for child in children:
+ name = child.attrib.get('name')
+ value = child.attrib.get('value')
+ if name is not None:
+ attrs[name] = value
+ return attrs
+
+ def _maybe_parse_docs(self, node: ET.Element, element: ast.GIRElement) -> None:
+ doc = self._maybe_parse_doc(node)
+ if doc is not None:
+ element.set_doc(doc)
+ source_pos = self._maybe_parse_source_position(node)
+ if source_pos is not None:
+ element.set_source_position(source_pos)
+ attrs = self._maybe_parse_attributes(node)
+ if attrs is not None:
+ element.set_attributes(attrs)
+ stability = node.attrib.get('stability')
+ if stability is not None:
+ element.set_stability(stability)
+ deprecated = node.attrib.get('deprecated')
+ if deprecated is not None:
+ deprecated_since = node.attrib.get('deprecated-version')
+ deprecated_doc = self._maybe_parse_deprecated_doc(node)
++ element.set_deprecated(deprecated_doc, deprecated_since)
+
+ def _parse_array(self, node: ET.Element) -> ast.Type:
+ child = node.find('core:array', GI_NAMESPACES)
+
+ array_name = child.attrib.get('name')
+ array_type = child.attrib.get(_cns('type'))
+ attr_zero_terminated = child.attrib.get('zero-terminated')
+ attr_fixed_size = child.attrib.get('fixed-size')
+ attr_length = child.attrib.get('length')
+
+ target: T.Optional[ast.Type] = None
+ child_type = child.find('core:type', GI_NAMESPACES)
+ if child_type is not None:
+ ttype = child_type.attrib.get(_cns('type'))
+ tname = child_type.attrib.get('name')
+ if tname is None and ttype is not None:
+ log.debug(f"Unlabeled array element type {ttype}")
+ target = ast.Type(name=ttype.replace('*', ''), ctype=ttype)
+ if tname == 'none' and ttype == 'void':
+ target = ast.VoidType()
+ elif ttype == 'gpointer' and tname in FUNDAMENTAL_INTEGRAL_TYPES:
+ # API returning a pointer with an overridden fundamental type,
+ # like in-out/out signal arguments
+ target = self._lookup_type(name=tname, ctype=f"{tname}*")
+ elif ttype == 'gpointer' and tname != 'gpointer':
+ # API returning gpointer to avoid casting
+ target = self._lookup_type(name=tname)
+ elif tname:
+ target = self._lookup_type(name=tname, ctype=ttype)
+ else:
+ target = ast.VoidType()
+ else:
+ target = ast.VoidType()
+ # This sort of complete brain damage is par for the course in g-i, sadly; I really
+ # need to go into it with a sledgehammer and make the output complete, instead of
+ # relying on assumptions made in 2010.
+ zero_terminated = False
+ fixed_size = -1
+ length = -1
+ if attr_zero_terminated is not None:
+ zero_terminated = bool(attr_zero_terminated == '1')
+ else:
+ zero_terminated = bool(array_name is None and attr_fixed_size is None and attr_length is None)
+ if attr_fixed_size is not None:
+ fixed_size = int(attr_fixed_size)
+ if attr_length is not None:
+ length = int(attr_length)
+
+ return ast.ArrayType(name=array_name, zero_terminated=zero_terminated,
+ fixed_size=fixed_size, length=length,
+ ctype=array_type, value_type=target)
+
+ def _parse_ctype(self, node: ET.Element) -> ast.Type:
+ ctype: T.Optional[ast.Type] = None
+
+ child = node.find('core:array', GI_NAMESPACES)
+ if child is not None:
+ return self._parse_array(node)
+
+ child = node.find('core:type', GI_NAMESPACES)
+ if child is not None:
+ ttype = child.attrib.get(_cns('type'))
+ tname = child.attrib.get('name')
+ if tname is None and ttype is None:
+ log.debug(f"Found empty type annotation for node {node.tag}")
+ ctype = ast.VoidType()
+ elif tname is None and ttype is not None:
+ log.debug(f"Unnamed type {ttype}")
+ ctype = ast.Type(name=ttype.replace('*', ''), ctype=ttype)
+ elif tname == 'none' and ttype == 'void':
+ ctype = None
+ elif tname in ['GLib.List', 'GLib.SList']:
+ child_type = child.find('core:type', GI_NAMESPACES)
+ if child_type is not None:
+ etname = child_type.attrib.get('name', 'gpointer')
+ etype = self._lookup_type(name=etname)
+ ctype = ast.ListType(name=tname, ctype=ttype, value_type=etype)
+ else:
+ ctype = self._lookup_type(name=tname, ctype=ttype)
+ elif tname in ['GList.HashTable']:
+ child_types = child.findall('core:type', GI_NAMESPACES)
+ if child_types is not None and len(child_types) == 2:
+ ktname = child_types[0].attrib.get('name', 'gpointer')
+ vtname = child_types[1].attrib.get('name', 'gpointer')
+ ctype = ast.MapType(name=tname, ctype=ttype,
+ key_type=ast.Type(ktname),
+ value_type=ast.Type(vtname))
+ else:
+ ctype = self._lookup_type(name=tname, ctype=ttype)
+ elif ttype == 'gpointer' and tname in FUNDAMENTAL_INTEGRAL_TYPES:
+ # API returning a pointer with an overridden fundamental type,
+ # like in-out/out signal arguments
+ ctype = self._lookup_type(name=tname, ctype=f"{tname}*")
+ elif ttype == 'gpointer' and tname != 'gpointer':
+ # API returning gpointer to avoid casting
+ ctype = self._lookup_type(name=tname)
+ else:
+ ctype = self._lookup_type(name=tname, ctype=ttype)
+ else:
+ child = node.find('core:varargs', GI_NAMESPACES)
+ if child is not None:
+ ctype = ast.VarArgs()
+
+ if ctype is None:
+ ctype = ast.VoidType()
+
+ return ctype
+
+ def _parse_alias(self, node: ET.Element, repo: ast.Repository, ns: ast.Namespace) -> None:
+ child = node.find('core:type', GI_NAMESPACES)
+ assert child is not None
+
+ name = node.attrib.get('name')
+ ctype = node.attrib.get(_cns('type'))
+
+ alias_type = ast.Type(name=child.attrib['name'], ctype=child.attrib.get(_cns('type')))
+
+ res = ast.Alias(name=name, namespace=ns.name, ctype=ctype, target=alias_type)
+ res.set_introspectable(node.attrib.get('introspectable', '1') != '0')
+ res.set_version(node.attrib.get('version'))
+ self._maybe_parse_docs(node, res)
+
+ ns.add_alias(res)
+
+ def _parse_callback_field(self, node: ET.Element) -> ast.Callback:
+ name = node.attrib.get('name')
+ ctype = node.attrib.get(_cns('type'))
+ throws = node.attrib.get('throws', '0') == '1'
+
+ child = node.find('core:return-value', GI_NAMESPACES)
+ return_value = self._parse_return_value(child)
+
+ children = node.findall('./core:parameters/core:parameter', GI_NAMESPACES)
+ params = []
+ for child in children:
+ params.append(self._parse_parameter(child))
+
+ res = ast.Callback(name=name, namespace=None, ctype=ctype, throws=throws)
+ res.set_introspectable(node.attrib.get('introspectable', '1') != '0')
+ res.set_version(node.attrib.get('version'))
+ res.set_parameters(params)
+ res.set_return_value(return_value)
+ self._maybe_parse_docs(node, res)
+ return res
+
+ def _parse_callback(self, node: ET.Element, repo: ast.Repository, ns: ast.Namespace) -> None:
+ name = node.attrib.get('name')
+ ctype = node.attrib.get(_cns('type'))
+ throws = node.attrib.get('throws', '0') == '1'
+
+ child = node.find('core:return-value', GI_NAMESPACES)
+ return_value = self._parse_return_value(child)
+
+ children = node.findall('./core:parameters/core:parameter', GI_NAMESPACES)
+ params = []
+ for child in children:
+ params.append(self._parse_parameter(child))
+
+ res = ast.Callback(name=name, namespace=ns.name, ctype=ctype, throws=throws)
+ res.set_introspectable(node.attrib.get('introspectable', '1') != '0')
+ res.set_version(node.attrib.get('version'))
+ res.set_parameters(params)
+ res.set_return_value(return_value)
+ self._maybe_parse_docs(node, res)
+ ns.add_callback(res)
+
+ def _parse_constant(self, node: ET.Element, repo: ast.Repository, ns: T.Optional[ast.Namespace]) -> None:
+ child = node.find('core:type', GI_NAMESPACES)
+ assert child is not None
+
+ name = node.attrib.get('name')
+ ctype = node.attrib.get(_cns('type'))
+ value = node.attrib.get('value')
+
+ const_type = ast.Type(name=child.attrib['name'], ctype=child.attrib.get(_cns('type')))
+
+ res = ast.Constant(name=name, namespace=ns.name, ctype=ctype, value=value, target=const_type)
+ res.set_introspectable(node.attrib.get('introspectable', '1') != '0')
+ self._maybe_parse_docs(node, res)
+
+ ns.add_constant(res)
+
+ def _parse_return_value(self, node: ET.Element) -> ast.ReturnValue:
+ transfer = node.attrib.get('transfer-ownership', 'none')
+ nullable = node.attrib.get('nullable', '0') == '1'
+ closure = int(node.attrib.get('closure', -1))
+ destroy = int(node.attrib.get('destroy', -1))
+ scope = node.attrib.get('scope')
+
+ ctype = self._parse_ctype(node)
+
+ res = ast.ReturnValue(transfer=transfer, target=ctype, nullable=nullable, closure=closure,
+ destroy=destroy, scope=scope)
+ res.set_introspectable(node.attrib.get('introspectable', '1') != '0')
+ self._maybe_parse_docs(node, res)
+
+ return res
+
+ def _parse_parameter(self, node: ET.Element, is_instance_param: bool = False) -> ast.Parameter:
+ name = node.attrib.get('name')
+ direction = node.attrib.get('direction', 'in')
+ transfer = node.attrib.get('transfer-ownership', 'none')
+ nullable = node.attrib.get('nullable', '0') == '1'
+ optional = node.attrib.get('optional', '0') == '1'
+ caller_allocates = node.attrib.get('caller-allocates', '1') == '1'
+ closure = int(node.attrib.get('closure', -1))
+ destroy = int(node.attrib.get('destroy', -1))
+ scope = node.attrib.get('scope')
+
+ ctype = self._parse_ctype(node)
+
+ res = ast.Parameter(name=name, direction=direction, transfer=transfer, target=ctype,
+ optional=optional, nullable=nullable, caller_allocates=caller_allocates,
+ closure=closure, destroy=destroy, scope=scope)
+ res.set_introspectable(node.attrib.get('introspectable', '1') != '0')
+ self._maybe_parse_docs(node, res)
+
+ return res
+
+ def _parse_type_function(self, node: ET.Element, ns: T.Optional[ast.Namespace] = None) -> ast.Function:
+ name = node.attrib.get('name')
+ identifier = node.attrib.get(_cns('identifier'))
+ throws = node.attrib.get('throws', '0') == '1'
+ shadows = node.attrib.get('shadows')
+ shadowed_by = node.attrib.get('shadowed-by')
+ moved_to = node.attrib.get('moved-to')
+
+ child = node.find('core:return-value', GI_NAMESPACES)
+ return_value = self._parse_return_value(child)
+
+ children = node.findall('./core:parameters/core:parameter', GI_NAMESPACES)
+ params = []
+ for child in children:
+ params.append(self._parse_parameter(child))
+
+ if ns is not None:
+ namespace = ns.name
+ else:
+ namespace = None
+
+ res = ast.Function(name=name, namespace=namespace, identifier=identifier, throws=throws)
+ res.set_introspectable(node.attrib.get('introspectable', '1') != '0')
+ res.set_version(node.attrib.get('version'))
+ res.set_return_value(return_value)
+ res.set_parameters(params)
+ res.set_shadows(shadows)
+ res.set_shadowed_by(shadowed_by)
+ res.set_moved_to(moved_to)
+ self._maybe_parse_docs(node, res)
+ return res
+
+ def _parse_function(self, node: ET.Element, repo: ast.Repository, ns: ast.Namespace) -> None:
+ res = self._parse_type_function(node, ns)
+ ns.add_function(res)
+
+ def _parse_function_macro(self, node: ET.Element, repo: ast.Repository, ns: ast.Namespace) -> None:
+ name = node.attrib.get('name')
+ identifier = node.attrib.get(_cns('identifier'))
+
+ children = node.findall('./core:parameters/core:parameter', GI_NAMESPACES)
+ params = []
+ for child in children:
+ params.append(self._parse_parameter(child))
+
+ res = ast.FunctionMacro(name=name, namespace=ns.name, identifier=identifier)
+ res.set_introspectable(node.attrib.get('introspectable', '1') != '0')
+ res.set_parameters(params)
+ res.set_return_value(ast.ReturnValue(transfer='none',
+ target=ast.VoidType(),
+ nullable=False,
+ closure=-1, destroy=-1,
+ scope=None))
+ res.set_introspectable(node.attrib.get('introspectable', '1') != '0')
+ res.set_version(node.attrib.get('version'))
+ self._maybe_parse_docs(node, res)
+ ns.add_function_macro(res)
+
+ def _parse_method(self, node: ET.Element) -> ast.Method:
+ name = node.attrib.get('name')
+ identifier = node.attrib.get(_cns('identifier'))
+ throws = node.attrib.get('throws', '0') == '1'
+ shadows = node.attrib.get('shadows')
+ shadowed_by = node.attrib.get('shadowed-by')
+ set_property = node.attrib.get(_glibns('set-property'))
+ get_property = node.attrib.get(_glibns('get-property'))
+
+ child = node.find('core:return-value', GI_NAMESPACES)
+ return_value = self._parse_return_value(child)
+
+ child = node.find('./core:parameters/core:instance-parameter', GI_NAMESPACES)
+ instance_param = self._parse_parameter(child, True)
+
+ children = node.findall('./core:parameters/core:parameter', GI_NAMESPACES)
+ params = []
+ for child in children:
+ params.append(self._parse_parameter(child))
+
+ res = ast.Method(name=name, identifier=identifier, instance_param=instance_param, throws=throws,
+ set_property=set_property, get_property=get_property)
+ res.set_return_value(return_value)
+ res.set_parameters(params)
+ res.set_introspectable(node.attrib.get('introspectable', '1') != '0')
+ res.set_shadows(shadows)
+ res.set_shadowed_by(shadowed_by)
+ res.set_version(node.attrib.get('version'))
+ self._maybe_parse_docs(node, res)
+ return res
+
+ def _parse_virtual_method(self, node: ET.Element) -> ast.VirtualMethod:
+ name = node.attrib.get('name')
+ identifier = node.attrib.get(_cns('identifier'))
+ invoker = node.attrib.get('invoker')
+ throws = node.attrib.get('throws', '0') == '1'
+
+ child = node.find('core:return-value', GI_NAMESPACES)
+ return_value = self._parse_return_value(child)
+
+ child = node.find('./core:parameters/core:instance-parameter', GI_NAMESPACES)
+ instance_param = self._parse_parameter(child, True)
+
+ children = node.findall('./core:parameters/core:parameter', GI_NAMESPACES)
+ params = []
+ for child in children:
+ params.append(self._parse_parameter(child))
+
+ res = ast.VirtualMethod(name=name, identifier=identifier, invoker=invoker, instance_param=instance_param, throws=throws)
+ res.set_return_value(return_value)
+ res.set_parameters(params)
+ res.set_introspectable(node.attrib.get('introspectable', '1') != '0')
+ res.set_version(node.attrib.get('version'))
+ self._maybe_parse_docs(node, res)
+ return res
+
+ def _parse_enum_member(self, node: ET.Element) -> ast.Member:
+ name = node.attrib.get('name')
+ value = node.attrib.get('value')
+ identifier = node.attrib.get(_cns("identifier"))
+ nick = node.attrib.get(_glibns("nick"))
+
+ res = ast.Member(name=name, value=value, identifier=identifier, nick=nick)
+ self._maybe_parse_docs(node, res)
+ return res
+
+ def _parse_enumeration(self, node: ET.Element, repo: ast.Repository, ns: ast.Namespace) -> None:
+ children = node.findall('core:member', GI_NAMESPACES)
+ if children is None or len(children) == 0:
+ return
+
+ members = []
+ for child in children:
+ members.append(self._parse_enum_member(child))
+
+ children = node.findall('core:function', GI_NAMESPACES)
+ functions = []
+ for child in children:
+ functions.append(self._parse_type_function(child))
+
+ name: str = node.attrib['name']
+ ctype: str = node.attrib[_cns('type')]
+ type_name: T.Optional[str] = node.attrib.get(_glibns('type-name'))
+ get_type: T.Optional[str] = node.attrib.get(_glibns('get-type'))
+ error_domain: T.Optional[str] = node.attrib.get(_glibns('error-domain'))
+
+ gtype = None
+ if type_name is not None and get_type is not None:
+ gtype = ast.GType(type_name, get_type)
+
+ if error_domain is not None:
+ res: ast.ErrorDomain = ast.ErrorDomain(name=name, namespace=ns.name,
+ ctype=ctype, gtype=gtype,
+ domain=error_domain)
+ ns.add_error_domain(res)
+ else:
+ res: ast.Enumeration = ast.Enumeration(name=name, namespace=ns.name,
+ ctype=ctype, gtype=gtype)
+ ns.add_enumeration(res)
+
+ res.set_members(members)
+ res.set_functions(functions)
+ res.set_version(node.attrib.get('version'))
+ self._maybe_parse_docs(node, res)
+
+ def _parse_bitfield(self, node: ET.Element, repo: ast.Repository, ns: ast.Namespace) -> None:
+ children = node.findall('core:member', GI_NAMESPACES)
+ if children is None or len(children) == 0:
+ return
+
+ members = []
+ for child in children:
+ members.append(self._parse_enum_member(child))
+
+ children = node.findall('core:function', GI_NAMESPACES)
+ functions = []
+ for child in children:
+ functions.append(self._parse_type_function(child))
+
+ name = node.attrib.get('name')
+ ctype = node.attrib.get(_cns('type'))
+ type_name = node.attrib.get(_glibns('type-name'))
+ get_type = node.attrib.get(_glibns('get-type'))
+
+ gtype = None
+ if type_name is not None:
+ gtype = ast.GType(type_name, get_type)
+
+ res = ast.BitField(name=name, namespace=ns.name, ctype=ctype, gtype=gtype)
+ res.set_members(members)
+ res.set_functions(functions)
+ res.set_version(node.attrib.get('version'))
+ self._maybe_parse_docs(node, res)
+ ns.add_bitfield(res)
+
+ def _parse_property(self, node: ET.Element) -> ast.Property:
+ name = node.attrib.get('name')
+ writable = node.attrib.get('writable', '0') == '1'
+ readable = node.attrib.get('readable', '1') == '1'
+ construct_only = node.attrib.get('construct-only', '0') == '1'
+ construct = node.attrib.get('construct', '0') == '1'
+ transfer = node.attrib.get('transfer-ownership')
+ setter = node.attrib.get('setter')
+ getter = node.attrib.get('getter')
+
+ ctype = self._parse_ctype(node)
+
+ res = ast.Property(name=name, transfer=transfer, target=ctype,
+ writable=writable, readable=readable,
+ construct=construct, construct_only=construct_only,
+ setter=setter, getter=getter)
+ res.set_introspectable(node.attrib.get('introspectable', '1') != '0')
+ res.set_version(node.attrib.get('version'))
+ self._maybe_parse_docs(node, res)
+ return res
+
+ def _parse_signal(self, node: ET.Element) -> ast.Signal:
+ name = node.attrib.get('name')
+ when = node.attrib.get('when')
+ detailed = node.attrib.get('detailed') == '1'
+ action = node.attrib.get('action') == '1'
+ no_hooks = node.attrib.get('no-hooks') == '1'
+ no_recurse = node.attrib.get('no-recurse') == '1'
+
+ child = node.find('core:return-value', GI_NAMESPACES)
+ return_value = None
+ if child is not None:
+ return_value = self._parse_return_value(child)
+
+ children = node.findall('./core:parameters/core:parameter', GI_NAMESPACES)
+ params = []
+ for child in children:
+ params.append(self._parse_parameter(child))
+
+ res = ast.Signal(name=name, when=when, detailed=detailed, action=action, no_hooks=no_hooks, no_recurse=no_recurse)
+ res.set_parameters(params)
+ res.set_introspectable(node.attrib.get('introspectable', '1') != '0')
+ res.set_version(node.attrib.get('version'))
+ self._maybe_parse_docs(node, res)
+ if return_value is not None:
+ res.set_return_value(return_value)
+ return res
+
+ def _parse_field(self, node: ET.Element) -> ast.Field:
+ name = node.attrib.get('name')
+ writable = node.attrib.get('writable', '0') == '1'
+ readable = node.attrib.get('readable', '0') == '1'
+ private = node.attrib.get('private', '0') == '1'
+ bits = int(node.attrib.get('bits', '0'))
+
+ child = node.find('core:callback', GI_NAMESPACES)
+ if child is not None:
+ ctype = self._parse_callback_field(child)
+ else:
+ ctype = self._parse_ctype(node)
+
+ if ctype is None:
+ ctype = ast.VoidType()
+
+ res = ast.Field(name=name, writable=writable, readable=readable, private=private, bits=bits, target=ctype)
+ res.set_introspectable(node.attrib.get('introspectable', '1') != '0')
+ res.set_version(node.attrib.get('version'))
+ self._maybe_parse_docs(node, res)
+ return res
+
+ def _parse_implements(self, node: ET.Element) -> ast.Interface:
+ return self._lookup_type(name=node.attrib['name'])
+
+ def _parse_class(self, node: ET.Element, repo: ast.Repository, ns: ast.Namespace) -> None:
+ name = node.attrib.get('name')
+ symbol_prefix = node.attrib.get(_cns('symbol-prefix'))
+ ctype = node.attrib.get(_cns('type'))
+ parent = node.attrib.get('parent')
+ type_name = node.attrib.get(_glibns('type-name'))
+ get_type = node.attrib.get(_glibns('get-type'))
+ type_struct = node.attrib.get(_glibns('type-struct'))
+ abstract = node.attrib.get('abstract', '0') == '1'
+ fundamental = node.attrib.get(_glibns('fundamental'), '0') == '1'
+ ref_func = node.attrib.get(_glibns('ref-func'))
+ unref_func = node.attrib.get(_glibns('unref-func'))
+
+ parent_type = None
+ if parent is not None:
+ parent_type = self._lookup_type(name=parent)
+
+ gtype = None
+ if type_name is not None:
+ gtype = ast.GType(type_name=type_name, get_type=get_type, type_struct=type_struct)
+
+ fields = []
+ children = node.findall('core:field', GI_NAMESPACES)
+ for child in children:
+ fields.append(self._parse_field(child))
+
+ ifaces = []
+ children = node.findall('core:implements', GI_NAMESPACES)
+ for child in children:
+ ifaces.append(self._parse_implements(child))
+
+ ctors = []
+ children = node.findall('core:constructor', GI_NAMESPACES)
+ for child in children:
+ ctors.append(self._parse_type_function(child))
+
+ methods = []
+ children = node.findall('core:method', GI_NAMESPACES)
+ for child in children:
+ methods.append(self._parse_method(child))
+
+ vmethods = []
+ children = node.findall('core:virtual-method', GI_NAMESPACES)
+ for child in children:
+ vmethods.append(self._parse_virtual_method(child))
+
+ functions = []
+ children = node.findall('core:function', GI_NAMESPACES)
+ for child in children:
+ functions.append(self._parse_type_function(child))
+
+ properties = []
+ children = node.findall('core:property', GI_NAMESPACES)
+ for child in children:
+ properties.append(self._parse_property(child))
+
+ signals = []
+ children = node.findall('glib:signal', GI_NAMESPACES)
+ for child in children:
+ signals.append(self._parse_signal(child))
+
+ res = ast.Class(name=name, namespace=ns.name, symbol_prefix=symbol_prefix, ctype=ctype,
+ parent=parent_type, gtype=gtype,
+ abstract=abstract, fundamental=fundamental,
+ ref_func=ref_func, unref_func=unref_func)
+ res.set_introspectable(node.attrib.get('introspectable', '1') != '0')
+ res.set_version(node.attrib.get('version'))
+ res.set_fields(fields)
+ res.set_implements(ifaces)
+ res.set_constructors(ctors)
+ res.set_methods(methods)
+ res.set_virtual_methods(vmethods)
+ res.set_functions(functions)
+ res.set_properties(properties)
+ res.set_signals(signals)
+ self._maybe_parse_docs(node, res)
+ ns.add_class(res)
+
+ def _parse_interface(self, node: ET.Element, repo: ast.Repository, ns: ast.Namespace) -> None:
+ name = node.attrib.get('name')
+ symbol_prefix = node.attrib.get(_cns('symbol-prefix'))
+ ctype = node.attrib.get(_cns('type'))
+ type_name = node.attrib.get(_glibns('type-name'))
+ get_type = node.attrib.get(_glibns('get-type'))
+ type_struct = node.attrib.get(_glibns('type-struct'))
+
+ gtype = None
+ if type_name is not None:
+ gtype = ast.GType(type_name=type_name, get_type=get_type, type_struct=type_struct)
+
+ prerequisite = None
+ child = node.find('core:prerequisite', GI_NAMESPACES)
+ if child is not None:
+ prerequisite = self._lookup_type(name=child.attrib['name'])
+
+ fields = []
+ children = node.findall('core:field', GI_NAMESPACES)
+ for child in children:
+ fields.append(self._parse_field(child))
+
+ methods = []
+ children = node.findall('core:method', GI_NAMESPACES)
+ for child in children:
+ methods.append(self._parse_method(child))
+
+ vmethods = []
+ children = node.findall('core:virtual-method', GI_NAMESPACES)
+ for child in children:
+ vmethods.append(self._parse_virtual_method(child))
+
+ functions = []
+ children = node.findall('core:function', GI_NAMESPACES)
+ for child in children:
+ functions.append(self._parse_type_function(child))
+
+ properties = []
+ children = node.findall('core:property', GI_NAMESPACES)
+ for child in children:
+ properties.append(self._parse_property(child))
+
+ signals = []
+ children = node.findall('glib:signal', GI_NAMESPACES)
+ for child in children:
+ signals.append(self._parse_signal(child))
+
+ res = ast.Interface(name=name, namespace=ns.name, symbol_prefix=symbol_prefix, ctype=ctype, gtype=gtype)
+ res.set_prerequisite(prerequisite)
+ res.set_fields(fields)
+ res.set_virtual_methods(vmethods)
+ res.set_properties(properties)
+ res.set_signals(signals)
+ res.set_methods(methods)
+ res.set_functions(functions)
+ res.set_introspectable(node.attrib.get('introspectable', '1') != '0')
+ res.set_version(node.attrib.get('version'))
+ self._maybe_parse_docs(node, res)
+ ns.add_interface(res)
+
+ def _parse_boxed(self, node: ET.Element, repo: ast.Repository, ns: ast.Namespace) -> None:
+ name = node.attrib.get(_glibns('name'))
+ symbol_prefix = node.attrib.get(_cns('symbol-prefix'))
+ type_name = node.attrib.get(_glibns('type-name'))
+ get_type = node.attrib.get(_glibns('get-type'))
+
+ gtype = None
+ if type_name is not None:
+ gtype = ast.GType(type_name=type_name, get_type=get_type)
+
+ functions = []
+ children = node.findall('core:function', GI_NAMESPACES)
+ for child in children:
+ functions.append(self._parse_type_function(child))
+
+ res = ast.Boxed(name=name, namespace=ns.name, symbol_prefix=symbol_prefix, gtype=gtype)
+ res.set_introspectable(node.attrib.get('introspectable', '1') != '0')
+ res.set_version(node.attrib.get('version'))
+ res.set_functions(functions)
+ self._maybe_parse_docs(node, res)
+ ns.add_boxed(res)
+
+ def _parse_record(self, node: ET.Element, repo: ast.Repository, ns: ast.Namespace) -> None:
+ name: str = node.attrib['name']
+ symbol_prefix: str = node.attrib.get(_cns('symbol-prefix'), '')
+ ctype: str = node.attrib[_cns('type')]
+ type_name: T.Optional[str] = node.attrib.get(_glibns('type-name'))
+ get_type: T.Optional[str] = node.attrib.get(_glibns('get-type'))
+ type_struct: T.Optional[str] = node.attrib.get(_glibns('type-struct'))
+ gtype_struct_for: T.Optional[str] = node.attrib.get(_glibns('is-gtype-struct-for'))
+ disguised: bool = node.attrib.get('disguised', '0') == '1'
+
+ gtype = None
+ if type_name is not None:
+ gtype = ast.GType(type_name=type_name, get_type=get_type, type_struct=type_struct)
+
+ fields = []
+ children = node.findall('core:field', GI_NAMESPACES)
+ for child in children:
+ fields.append(self._parse_field(child))
+
+ ctors = []
+ children = node.findall('core:constructor', GI_NAMESPACES)
+ for child in children:
+ ctors.append(self._parse_type_function(child))
+
+ methods = []
+ children = node.findall('core:method', GI_NAMESPACES)
+ for child in children:
+ methods.append(self._parse_method(child))
+
+ functions = []
+ children = node.findall('core:function', GI_NAMESPACES)
+ for child in children:
+ functions.append(self._parse_type_function(child))
+
+ res = ast.Record(name=name, namespace=ns.name, symbol_prefix=symbol_prefix,
+ ctype=ctype, gtype=gtype,
+ struct_for=gtype_struct_for, disguised=disguised)
+ res.set_introspectable(node.attrib.get('introspectable', '1') != '0')
+ res.set_version(node.attrib.get('version'))
+ res.set_fields(fields)
+ res.set_constructors(ctors)
+ res.set_methods(methods)
+ res.set_functions(functions)
+ self._maybe_parse_docs(node, res)
+ ns.add_record(res)
+
+ def _parse_union(self, node: ET.Element, repo: ast.Repository, ns: ast.Namespace) -> None:
+ name = node.attrib.get('name')
+ symbol_prefix = node.attrib.get(_cns('symbol-prefix'))
+ ctype = node.attrib.get(_cns('type'))
+ type_name = node.attrib.get(_glibns('type-name'))
+ get_type = node.attrib.get(_glibns('get-type'))
+ type_struct = node.attrib.get(_glibns('type-struct'))
+
+ gtype = None
+ if type_name is not None:
+ gtype = ast.GType(type_name=type_name, get_type=get_type, type_struct=type_struct)
+
+ fields = []
+ children = node.findall('core:field', GI_NAMESPACES)
+ for child in children:
+ fields.append(self._parse_field(child))
+
+ ctors = []
+ children = node.findall('core:constructor', GI_NAMESPACES)
+ for child in children:
+ ctors.append(self._parse_type_function(child))
+
+ methods = []
+ children = node.findall('core:method', GI_NAMESPACES)
+ for child in children:
+ methods.append(self._parse_method(child))
+
+ functions = []
+ children = node.findall('core:function', GI_NAMESPACES)
+ for child in children:
+ functions.append(self._parse_type_function(child))
+
+ res = ast.Union(name=name, namespace=ns.name, symbol_prefix=symbol_prefix, ctype=ctype, gtype=gtype)
+ res.set_introspectable(node.attrib.get('introspectable', '1') != '0')
+ res.set_version(node.attrib.get('version'))
+ res.set_fields(fields)
+ res.set_constructors(ctors)
+ res.set_methods(methods)
+ res.set_functions(functions)
+ self._maybe_parse_docs(node, res)
+ ns.add_union(res)
--- /dev/null
+<!--
+SPDX-FileCopyrightText: 2021 GNOME Foundation
+
+SPDX-License-Identifier: Apache-2.0 OR GPL-3.0-or-later
+-->
+
+{% extends "base.html" %}
+
+{% block title %}{{ namespace.name }}.{{ class.name }}{% endblock %}
+
+{% block meta_other %}
+ <meta property="og:title" content="{{ namespace.name }}.{{ class.name }}"/>
+ <meta property="og:description" content="Reference for {{ namespace.name }}.{{ class.name }}"/>
+ <meta name="twitter:title" content="{{ namespace.name }}.{{ class.name }}"/>
+ <meta name="twitter:description" content="Reference for {{ namespace.name }}.{{ class.name }}"/>
+{% endblock %}
+
+{% macro sidebar_block(elements, class_name, section_title, section_class, section_fragment) -%}
+{% if elements|length > 0 %}
+<div class="section">
+ <h5>{{ section_title }}</h5>
+ <div class="links">
+ {% for m in elements %}
+ <a class="{{ section_class }}" href="{{ section_fragment }}.{{ class_name }}.{{ m.name }}.html">{{ m.name }}</a>
+ {% endfor %}
+ </div>
+</div>
+{% endif %}
+{% endmacro %}
+
+{% block sidebar %}
+<div class="section">
+ <h5>Type</h5>
+ <div class="links">
+ <a class="current" href="class.{{ class.name }}.html#description">{{ class.name }}</a>
+ </div>
+</div>
+
+{{ sidebar_block(class.ctors, class.name, "Constructors", "ctor", "ctor") }}
+{{ sidebar_block(class.type_funcs, class.name, "Functions", "func", "type_func") }}
+{{ sidebar_block(class.methods, class.name, "Instance methods", "method", "method") }}
+{{ sidebar_block(class.properties, class.name, "Properties", "property", "property") }}
+{{ sidebar_block(class.signals, class.name, "Signals", "signal", "signal") }}
+{{ sidebar_block(class.class_methods, class.name, "Class methods", "method", "class_method") }}
+{{ sidebar_block(class.virtual_methods, class.name, "Virtual methods", "method", "vfunc") }}
+{% endblock %}
+
+{% macro navbar_block(elements, section_title, section_link) -%}
+{% if elements|length > 0 %}
+<li class="toc-list-item"><a href="{{ section_link }}"><span class="link-text">{{ section_title }}</span></a></li>
+{% endif %}
+{% endmacro %}
+
+{% block navbar %}
+<div id="toc" class="toc">
+ <nav aria-labelledby="toc-title">
+ <p id="toc-title">Content</p>
+ <ul class="toc-list">
+ <li class="toc-list-item"><a href="#description"><span class="link-text">Description</span></a></li>
++ {% if class.description_toc %}
++ <ul class="toc-list">
++ {% if class.description_toc|length == 1 %}
++ {% for header in class.description_toc[0].children %}
++ <li class="toc-list-item"><a href="#{{ header.id }}"><span class="link-text">{{ header.name }}</span></a></li>
++ {% endfor %}
++ {% else %}
++ {% for header in class.description_toc %}
++ <li class="toc-list-item"><a href="#{{ header.id }}"><span class="link-text">{{ header.name }}</span></a></li>
++ {% endfor %}
++ {% endif %}
++ </ul>
++ {% endif %}
+ {% if CONFIG.show_class_hierarchy and (class.ancestors or class.interfaces) %}
+ <li class="toc-list-item"><a href="#hierarchy"><span class="link-text">Hierarchy</span></a></li>
+ {% endif %}
+ {% if class.ancestors %}
+ <li class="toc-list-item"><a href="#ancestors"><span class="link-text">Ancestors</span></a></li>
+ {% endif %}
+ {% if class.interfaces %}
+ <li class="toc-list-item"><a href="#implements"><span class="link-text">Implements</span></a></li>
+ {% endif %}
+ {{ navbar_block(class.ctors, "Constructors", "#constructors") }}
+ {{ navbar_block(class.type_funcs, "Functions", "#type-functions") }}
+ {{ navbar_block(class.methods, "Methods", "#methods") }}
+ {{ navbar_block(class.properties, "Properties", "#properties") }}
+ {{ navbar_block(class.signals, "Signals", "#signals") }}
+ {{ navbar_block(class.class_methods, "Class methods", "#class-methods") }}
+ {{ navbar_block(class.virtual_methods, "Virtual methods", "#virtual-methods") }}
+ </ul>
+ </nav>
+</div>
+{% endblock %}
+
+{% block content %}
+<section id="main" class="content">
+ <header>
+ <h3>Class</h3>
+ <h1 aria-label="Name"><a href="index.html">{{ namespace.name }}</a><span class="sep" role="presentation"></span>{{ class.name }}</h1>
+ </header>
+
+ <section>
+ <summary>
+ <div class="toggle-wrapper">
+ <h4 id="description" style="display:flex;">
+ Description
+ <a href="#description" class="anchor"></a>
+ {% if CONFIG.source_location_url and class.docs_location %}
+ <a class="srclink" title="go to source location" href="{{ CONFIG.source_link(class.docs_location) }}">[src]</a>
+ {% endif %}
+ </h4>
+
+ <pre><code>{{ class.c_decl }}</pre></code>
+
+ <div class="docblock">
+ {{ class.description }}
+ </div>
+
+ <div class="docblock">
+ <table class="attributes">
+ {% if class.stability %}
+ <tr><td>Stability:</td><td>{{ class.stability }}</td></tr>
+ {% endif %}
+ {% if class.available_since %}
+ <tr><td>Available since:</td><td>{{ class.available_since }}</td></tr>
+ {% endif %}
+ {% if class.deprecated_since %}
+ <tr><td>Deprecated since:</td><td>{{ class.deprecated_since.version }}</td></tr>
+ <tr><td colspan="2">{{ class.deprecated_since.message }}</td></tr>
+ {% endif %}
+ </table>
+ </div>
+
+ {% if class.attributes %}
+ <div class="docblock">
+ <table class="attributes">
+ {% for (key, value) in class.attributes.items() %}
+ <tr><td>{{ key|escape }}</td><td>{{ value|escape }}</td></tr>
+ {% endfor %}
+ </table>
+ </div>
+ {% endif %}
+ </div>
+ </summary>
+
+ {% if CONFIG.show_class_hierarchy and (class.ancestors or class.interfaces) %}
+ <div class="toggle-wrapper hierarchy">
+ <h4 id="hierarchy">
+ Hierarchy
+ <a href="#hierarchy" class="anchor"></a>
+ </h4>
+ <div class="docblock" alt="Hierarchy for {{ class.fqtn }}">
+ {{ class.hierarchy_svg|safe }}
+ </div>
+ </div>
+ {% endif %}
+
+ {% if class.ancestors %}
+ <div class="toggle-wrapper ancestors">
+ <h4 id="ancestors">
+ Ancestors
+ <a href="#ancestors" class="anchor"></a>
+ </h4>
+
+ <div class="docblock">
+ <ul>
+ {% for ancestor in class.ancestors %}
+ {% if ancestor.namespace == namespace.name %}
+ <li class="class"><a href="class.{{ ancestor.name }}.html" title="{{ ancestor.name }}">{{ ancestor.type_cname }}</a></li>
+ {% else %}
+ <li class="class"><a class="external" href="javascript:void(0)" data-link="class.{{ ancestor.name }}.html" data-namespace="{{ ancestor.namespace }}">{{ ancestor.type_cname }}</a></li>
+ {% endif %}
+ {% endfor %}
+ </ul>
+ </div>
+ </div>
+ {% endif %}
+
+ {% if class.descendants %}
+ <div class="descendants toggle-wrapper default-hide">
+ <h4 id="descendants">Descendants <a href="#descendants" class="anchor"></a></h4>
+ <div class="docblock">
+ <ul>
+ {%- for cls in class.descendants %}
+ <li class="class"><a href="class.{{ cls.name }}.html" title="{{ cls.name }}">{{ cls.ctype }}</a></li>
+ {% endfor -%}
+ </ul>
+ </div>
+ </div>
+ {% endif %}
+
+ {% if class.interfaces %}
+ <div class="toggle-wrapper implements">
+ <h4 id="implements">
+ Implements
+ <a href="#implements" class="anchor"></a>
+ </h4>
+
+ <div class="docblock">
+ <ul>
+ {% for iface in class.interfaces %}
+ {% if iface.namespace == namespace.name %}
+ <li class="interface"><a href="iface.{{ iface.name }}.html" title="{{ iface.name }}">{{ iface.type_cname }}</a></li>
+ {% else %}
+ <li class="interface"><a class="external" href="javascript:void(0)" data-link="iface.{{ iface.name }}.html" data-namespace="{{ iface.namespace }}">{{ iface.type_cname }}</a></li>
+ {% endif %}
+ {% endfor %}
+ </ul>
+ </div>
+ </div>
+ {% endif %}
+
+ {% if class.ctors %}
+ <div class="toggle-wrapper constructors">
+ <h4 id="constructors">
+ Constructors
+ <a href="#constructors" class="anchor"></a>
+ </h4>
+
+ <div class="docblock">
+ {% for ctor in class.ctors %}
+ <div class="{% if ctor.deprecated_since %}deprecated{% endif %}">
+ <h6><a href="ctor.{{ class.name }}.{{ ctor.name }}.html">{{ ctor.identifier }}</a></h6>
+
+ <div class="docblock">
+ {{ ctor.summary }}
+ </div>
+
+ {% if ctor.available_since or ctor.deprecated_since -%}
+ <div class="docblock">
+ {%- if ctor.available_since -%}
+ <p>Available since: {{ ctor.available_since }}</p>
+ {%- endif -%}
+ {%- if ctor.deprecated_since -%}
+ <p>Deprecated since: {{ ctor.deprecated_since }}</p>
+ {%- endif -%}
+ </div>
+ {%- endif %}
+ </div>
+ {% endfor %}
+ </div>
+ </div>
+ {% endif %}
+
+ {% if class.type_funcs %}
+ <div class="toggle-wrapper methods">
+ <h4 id="type-functions">
+ Functions
+ <a href="#type-functions" class="anchor"></a>
+ </h4>
+
+ <div class="docblock">
+ {% for func in class.type_funcs %}
+ <div class="{% if func.deprecated_since %}deprecated{% endif %}">
+ <h6><a href="type_func.{{ class.name }}.{{ func.name }}.html">{{ func.identifier }}</a></h6>
+
+ <div class="docblock">
+ {{ func.summary }}
+ </div>
+
+ {% if func.available_since or func.deprecated_since -%}
+ <div class="docblock">
+ {%- if func.available_since -%}
+ <p>Available since: {{ func.available_since }}</p>
+ {%- endif -%}
+ {%- if func.deprecated_since -%}
+ <p>Deprecated since: {{ func.deprecated_since }}</p>
+ {%- endif -%}
+ </div>
+ {%- endif %}
+ </div>
+ {% endfor %}
+ </div>
+ </div>
+ {% endif %}
+
+ {% if class.show_methods %}
+ <div class="toggle-wrapper methods">
+ <h4 id="methods">
+ Instance methods
+ <a href="#methods" class="anchor"></a>
+ </h4>
+
+ <div class="docblock">
+ {% for method in class.methods %}
+ <div class="{% if method.deprecated_since %}deprecated{% endif %}">
+ <h6><a href="method.{{ class.name}}.{{ method.name }}.html">{{ method.identifier }}</a></h6>
+ <div class="docblock">
+ {{ method.summary }}
+ </div>
+ {% if method.available_since or method.deprecated_since -%}
+ <div class="docblock">
+ {%- if method.available_since -%}
+ <p>Available since: {{ method.available_since }}</p>
+ {%- endif -%}
+ {%- if method.deprecated_since -%}
+ <p>Deprecated since: {{ method.deprecated_since }}</p>
+ {%- endif -%}
+ </div>
+ {%- endif %}
+ </div>
+ {% endfor %}
+ </div>
+
+ {% for ancestor in class.ancestors %}
+ {% if ancestor.n_methods > 0 %}
+ <div class="toggle-wrapper default-hide ancestor-methods">
+ {%- if ancestor.namespace == namespace.name %}
+ <h5 style="display:block;">Methods inherited from <a href="class.{{ ancestor.name }}.html">{{ ancestor.type_cname }}</a> ({{ ancestor.n_methods }})</h5>
+ {%- else -%}
+ <h5 style="display:block;">Methods inherited from <a class="external" href="javascript:void(0)" data-link="class.{{ ancestor.name }}.html" data-namespace="{{ ancestor.namespace }}">{{ ancestor.type_cname }}</a> ({{ ancestor.n_methods }})</h5>
+ {% endif -%}
+
+ <div class="docblock">
+ {% for method in ancestor.methods %}
+ {%- if ancestor.namespace == namespace.name %}
+ <h6><a href="method.{{ ancestor.name }}.{{ method.name }}.html">{{ method.identifier }}</a></h6>
+ {%- else -%}
+ <h6><a class="external" href="javascript:void(0)" data-namespace="{{ ancestor.namespace }}" data-link="method.{{ ancestor.name }}.{{ method.name }}.html">{{ method.identifier }}</a></h6>
+ {% endif -%}
+ <div class="docblock">
+ {{ method.summary }}
+ </div>
+ {% if method.available_since or method.deprecated_since -%}
+ <div class="docblock">
+ {%- if method.available_since -%}
+ <p>Available since: {{ method.available_since }}</p>
+ {%- endif -%}
+ {%- if method.deprecated_since -%}
+ <p>Deprecated since: {{ method.deprecated_since }}</p>
+ {%- endif -%}
+ </div>
+ {%- endif %}
+ {% else %}
+ <div class="docblock">
+ <p>Please see
+ {%- if ancestor.namespace == namespace.name -%}
+ <a href="class.{{ancestor.name}}.html#methods">{{ ancestor.type_cname }}</a>
+ {%- else -%}
+ <a class="external" href="javascript:void(0)" data-link="class.{{ ancestor.name }}.html#methods" data-namespace="{{ ancestor.namespace }}">{{ ancestor.type_cname }}</a>
+ {%- endif -%}
+ for a full list of methods.</em></p>
+ </div>
+ {% endfor %}
+ </div>
+ </div>
+ {% endif %}
+ {% endfor %}
+
+ {% for iface in class.interfaces %}
+ {% if iface.n_methods > 0 %}
+ <div class="toggle-wrapper default-hide ancestor-methods">
+ {%- if iface.namespace == namespace.name %}
+ <h5 style="display:block;">Methods inherited from <a href="iface.{{ iface.name }}.html">{{ iface.type_cname }}</a> ({{ iface.n_methods }})</h5>
+ {%- else -%}
+ <h5 style="display:block;">Methods inherited from <a class="external" href="javascript:void(0)" data-link="iface.{{ iface.name }}.html" data-namespace="{{ iface.namespace }}">{{ iface.type_cname }}</a> ({{ iface.n_methods }})</h5>
+ {% endif -%}
+
+ <div class="docblock">
+ {% for method in iface.methods %}
+ {%- if iface.namespace == namespace.name %}
+ <h6><a href="method.{{ iface.name }}.{{ method.name }}.html">{{ method.identifier }}</a></h6>
+ {%- else -%}
+ <h6><a class="external" href="javascript:void(0)" data-namespace="{{ iface.namespace }}" data-link="method.{{ iface.name }}.{{ method.name }}.html">{{ method.identifier }}</a></h6>
+ {% endif -%}
+ <div class="docblock">
+ {{ method.summary }}
+ </div>
+ {% if method.available_since or method.deprecated_since -%}
+ <div class="docblock">
+ {%- if method.available_since -%}
+ <p>Available since: {{ method.available_since }}</p>
+ {%- endif -%}
+ {%- if method.deprecated_since -%}
+ <p>Deprecated since: {{ method.deprecated_since }}</p>
+ {%- endif -%}
+ </div>
+ {%- endif %}
+ {% else %}
+ <div class="docblock">
+ <p><em>Please see
+ {%- if iface.namespace == namespace.name -%}
+ <a href="iface.{{iface.name}}.html#methods">{{ iface.type_cname }}</a>
+ {%- else -%}
+ <a class="external" href="javascript:void(0)" data-link="iface.{{ iface.name }}.html#methods" data-namespace="{{ iface.namespace }}">{{ iface.type_cname }}</a>
+ {%- endif -%}
+ for a full list of methods.</em></p>
+ </div>
+ {% endfor %}
+ </div>
+ </div>
+ {% endif %}
+ {% endfor %}
+ </div>
+ {% endif %}
+
+ {% if class.show_properties %}
+ <div class="toggle-wrapper properties">
+ <h4 id="properties">
+ Properties
+ <a href="#properties" class="anchor"></a>
+ </h4>
+
+ {% if class.properties %}
+ <div class="docblock">
+ {% for property in class.properties %}
+ <div class="{% if property.deprecated_since %}deprecated{% endif %}">
+ <h6><a href="property.{{ class.name }}.{{ property.name }}.html">{{ class.fqtn }}:{{ property.name }}</a></h6>
+
+ <div class="docblock">
+ {{ property.summary }}
+ </div>
+
+ {% if property.available_since or property.deprecated_since -%}
+ <div class="docblock">
+ {%- if property.available_since -%}
+ <p>Available since: {{ property.available_since }}</p>
+ {%- endif -%}
+ {%- if property.deprecated_since -%}
+ <p>Deprecated since: {{ property.deprecated_since }}</p>
+ {%- endif -%}
+ </div>
+ {%- endif %}
+ </div>
+ {% endfor %}
+ </div>
+ {% endif %}
+
+ {% for ancestor in class.ancestors %}
+ {% if ancestor.n_properties > 0 %}
+ <div class="{% if ancestor.properties %}toggle-wrapper default-hide{% endif %} ancestor-properties">
+ {%- if ancestor.namespace == namespace.name %}
+ <h5 style="display:block;">Properties inherited from <a href="class.{{ ancestor.name }}.html">{{ ancestor.type_cname }}</a> ({{ ancestor.n_properties }})</h5>
+ {%- else -%}
+ <h5 style="display:block;">Properties inherited from <a class="external" href="javascript:void(0)" data-link="class.{{ ancestor.name }}.html" data-namespace="{{ ancestor.namespace }}">{{ ancestor.type_cname }}</a> ({{ ancestor.n_properties }})</h5>
+ {% endif -%}
+
+ <div class="docblock">
+ {% for property in ancestor.properties %}
+ {%- if ancestor.namespace == namespace.name %}
+ <h6><a href="property.{{ ancestor.name }}.{{ property.name }}.html">{{ ancestor.fqtn }}:{{ property.name }}</a></h6>
+ {%- else -%}
+ <h6><a class="external" href="javascript:void(0)" data-namespace="{{ ancestor.namespace }}" data-link="property.{{ ancestor.name }}.{{ property.name }}.html">{{ ancestor.fqtn }}:{{ property.name }}</a></h6>
+ {% endif -%}
+ <div class="docblock">
+ {{ property.summary }}
+ </div>
+ {% if property.available_since or property.deprecated_since -%}
+ <div class="docblock">
+ {%- if property.available_since -%}
+ <p>Available since: {{ property.available_since }}</p>
+ {%- endif -%}
+ {%- if property.deprecated_since -%}
+ <p>Deprecated since: {{ property.deprecated_since }}</p>
+ {%- endif -%}
+ </div>
+ {%- endif %}
+ {% endfor %}
+ </div>
+ </div>
+ {% endif %}
+ {% endfor %}
+
+ {% for iface in class.interfaces %}
+ {% if iface.n_properties > 0 %}
+ <div class="{% if iface.properties %}toggle-wrapper default-hide{% endif %} ancestor-properties">
+ {%- if iface.namespace == namespace.name %}
+ <h5 style="display:block;">Properties inherited from <a href="iface.{{ iface.name }}.html">{{ iface.type_cname }}</a> ({{ iface.n_properties }})</h5>
+ {%- else -%}
+ <h5 style="display:block;">Properties inherited from <a class="external" href="javascript:void(0)" data-link="iface.{{ iface.name }}.html" data-namespace="{{ iface.namespace }}">{{ iface.type_cname }}</a> ({{ iface.n_properties }})</h5>
+ {% endif -%}
+
+ <div class="docblock">
+ {% for property in iface.properties %}
+ {%- if iface.namespace == namespace.name %}
+ <h6><a href="property.{{ iface.name }}.{{ property.name }}.html">{{ iface.fqtn }}:{{ property.name }}</a></h6>
+ {%- else -%}
+ <h6><a class="external" href="javascript:void(0)" data-namespace="{{ iface.namespace }}" data-link="property.{{ iface.name }}.{{ property.name }}.html">{{ iface.fqtn }}:{{ property.name }}</a></h6>
+ {% endif -%}
+ <div class="docblock">
+ {{ property.summary }}
+ </div>
+ {% if property.available_since or property.deprecated_since -%}
+ <div class="docblock">
+ {%- if property.available_since -%}
+ <p>Available since: {{ property.available_since }}</p>
+ {%- endif -%}
+ {%- if property.deprecated_since -%}
+ <p>Deprecated since: {{ property.deprecated_since }}</p>
+ {%- endif -%}
+ </div>
+ {%- endif %}
+ {% endfor %}
+ </div>
+ </div>
+ {% endif %}
+ {% endfor %}
+
+ </div>
+ {% endif %}
+
+ {% if class.show_signals %}
+ <div class="signals toggle-wrapper">
+ <h4 id="signals">
+ Signals
+ <a href="#signals" class="anchor"></a>
+ </h4>
+
+ {% if class.signals %}
+ <div class="docblock">
+ {% for signal in class.signals %}
+ <div class="{% if signal.deprecated_since %}deprecated{% endif %}">
+ <h6><a href="signal.{{ class.name }}.{{ signal.name }}.html">{{ class.fqtn }}::{{ signal.name }}</a></h6>
+ <div class="docblock">
+ {{ signal.summary }}
+ </div>
+ {% if signal.available_since or signal.deprecated_since -%}
+ <div class="docblock">
+ {%- if signal.available_since -%}
+ <p>Available since: {{ signal.available_since }}</p>
+ {%- endif -%}
+ {%- if signal.deprecated_since -%}
+ <p>Deprecated since: {{ signal.deprecated_since }}</p>
+ {%- endif -%}
+ </div>
+ {%- endif %}
+ </div>
+ {% endfor %}
+ </div>
+ {% endif %}
+
+ {% for ancestor in class.ancestors %}
+ {% if ancestor.n_signals > 0 %}
+ <div class="{% if ancestor.signals %}toggle-wrapper default-hide{% endif %} ancestor-signals">
+ {%- if ancestor.namespace == namespace.name %}
+ <h5 style="display:block;">Signals inherited from <a href="class.{{ ancestor.name }}.html">{{ ancestor.type_cname }}</a> ({{ ancestor.n_signals }})</h5>
+ {%- else -%}
+ <h5 style="display:block;">Signals inherited from <a class="external" href="javascript:void(0)" data-link="class.{{ ancestor.name }}.html" data-namespace="{{ ancestor.namespace }}">{{ ancestor.type_cname }}</a> ({{ ancestor.n_signals }})</h5>
+ {% endif -%}
+
+ <div class="docblock">
+ {% for signal in ancestor.signals %}
+ {%- if ancestor.namespace == namespace.name %}
+ <h6><a href="signal.{{ ancestor.name }}.{{ signal.name }}.html">{{ ancestor.fqtn }}::{{ signal.name }}</a></h6>
+ {%- else -%}
+ <h6><a class="external" href="javascript:void(0)" data-namespace="{{ ancestor.namespace }}" data-link="signal.{{ ancestor.name }}.{{ signal.name }}.html">{{ ancestor.fqtn }}::{{ signal.name }}</a></h6>
+ {% endif -%}
+ <div class="docblock">
+ {{ signal.summary }}
+ </div>
+ {% if signal.available_since or signal.deprecated_since -%}
+ <div class="docblock">
+ {%- if signal.available_since -%}
+ <p>Available since: {{ signal.available_since }}</p>
+ {%- endif -%}
+ {%- if signal.deprecated_since -%}
+ <p>Deprecated since: {{ signal.deprecated_since }}</p>
+ {%- endif -%}
+ </div>
+ {%- endif %}
+ {% endfor %}
+ </div>
+ </div>
+ {% endif %}
+ {% endfor %}
+
+ {% for iface in class.interfaces %}
+ {% if iface.n_signals %}
+ <div class="{% if iface.signals %}toggle-wrapper default-hide{% endif %} ancestor-signals">
+ {%- if iface.namespace == namespace.name %}
+ <h5 style="display:block;">Signals inherited from <a href="iface.{{ iface.name }}.html">{{ iface.type_cname }}</a> ({{ iface.n_signals }})</h5>
+ {%- else -%}
+ <h5 style="display:block;">Signals inherited from <a class="external" href="javascript:void(0)" data-link="iface.{{ iface.name }}.html" data-namespace="{{ iface.namespace }}">{{ iface.type_cname }}</a> ({{ iface.n_signals }})</h5>
+ {% endif -%}
+
+ <div class="docblock">
+ {% for signal in iface.signals %}
+ {%- if iface.namespace == namespace.name %}
+ <h6><a href="signal.{{ iface.name }}.{{ signal.name }}.html">{{ iface.fqtn }}::{{ signal.name }}</a></h6>
+ {%- else -%}
+ <h6><a class="external" href="javascript:void(0)" data-namespace="{{ iface.namespace }}" data-link="signal.{{ iface.name }}.{{ signal.name }}.html">{{ iface.fqtn }}::{{ signal.name }}</a></h6>
+ {% endif -%}
+ <div class="docblock">
+ {{ signal.summary }}
+ </div>
+ {% if signal.available_since or signal.deprecated_since -%}
+ <div class="docblock">
+ {%- if signal.available_since -%}
+ <p>Available since: {{ signal.available_since }}</p>
+ {%- endif -%}
+ {%- if signal.deprecated_since -%}
+ <p>Deprecated since: {{ signal.deprecated_since }}</p>
+ {%- endif -%}
+ </div>
+ {%- endif %}
+ {% endfor %}
+ </div>
+ </div>
+ {% endif %}
+ {% endfor %}
+
+ </div>
+ {% endif %}
+
+ {% if class.class_name %}
+ <div class="class toggle-wrapper default-hide">
+ <h4 id="class-struct">
+ Class structure
+ <a href="#class-struct" class="anchor"></a>
+ </h4>
+
+ <div class="docblock">
+ <pre><code>struct {{ namespace.name}}{{ class.class_name }} {
+ {% for field in class.class_fields %}
+ {%- if field.is_callback -%}
+ {{ field.type_cname }};
+ {%- else -%}
+ {{ field.type_cname }} {{ field.name }};
+ {%- endif %}
+ {% else %}/* no available fields */{% endfor %}
+}</code></pre>
+ </div>
+
+ {% if class.class_fields %}
+ <div class="docblock">
+ <h6>Class members</h6>
+
+ <table class="members">
+ {% for field in class.class_fields %}
+ <tr>
+ <td style="vertical-align:top"><code>{{ field.name }}</code></td>
+ <td style="vertical-align:top"><pre><code>{{ field.type_cname }}</code></pre></td>
+ </tr>
+ <tr>
+ <td> </td>
+ <td style="vertical-align:top">{{ field.description }}</td>
+ </td>
+ {% endfor %}
+ </table>
+ </div>
+ {% endif %}
+ </div>
+ {% endif %}
+
+ {% if class.virtual_methods %}
+ <div class="toggle-wrapper methods">
+ <h4 id="virtual-methods">
+ Virtual methods
+ <a href="#virtual-methods" class="anchor"></a>
+ </h4>
+
+ <div class="docblock">
+ {% for method in class.virtual_methods %}
+ <div class="{% if method.deprecated_since %}deprecated{% endif %}">
+ <h6 id="vfunc-{{ method.name }}"><a href="vfunc.{{ class.name }}.{{ method.name }}.html">{{ namespace.name }}.{{ class.class_name }}.{{ method.name }}</a></h6>
+
+ <div class="docblock">
+ {{ method.summary }}
+ </div>
+
+ {% if method.available_since or method.deprecated_since -%}
+ <div class="docblock">
+ {%- if method.available_since -%}
+ <p>Available since: {{ method.available_since }}</p>
+ {%- endif -%}
+ {%- if method.deprecated_since -%}
+ <p>Deprecated since: {{ method.deprecated_since }}</p>
+ {%- endif -%}
+ </div>
+ {%- endif %}
+ </div>
+ {% endfor %}
+ </div>
+ </div>
+ {% endif %}
+
+ {% if class.class_methods %}
+ <div class="toggle-wrapper methods">
+ <h4 id="class-methods">
+ Class methods
+ <a href="#class-methods" class="anchor"></a>
+ </h4>
+
+ <div class="docblock">
+ {% for method in class.class_methods %}
+ <div class="{% if method.deprecated_since %}deprecated{% endif %}">
+ <h6><a href="class_method.{{ class.name }}.{{ method.name }}.html">{{ method.identifier }}</a></h6>
+
+ <div class="docblock">
+ {{ method.summary }}
+ </div>
+
+ {% if method.available_since or method.deprecated_since -%}
+ <div class="docblock">
+ {%- if method.available_since -%}
+ <p>Available since: {{ method.available_since }}</p>
+ {%- endif -%}
+ {%- if method.deprecated_since -%}
+ <p>Deprecated since: {{ method.deprecated_since }}</p>
+ {%- endif -%}
+ </div>
+ {%- endif %}
+ </div>
+ {% endfor %}
+ </div>
+ </div>
+ {% endif %}
+
+ </section>
+</section>
+{% endblock %}
--- /dev/null
+<!--
+SPDX-FileCopyrightText: 2021 GNOME Foundation
+
+SPDX-License-Identifier: Apache-2.0 OR GPL-3.0-or-later
+-->
+
+{% extends "base.html" %}
+
+{% block title %}{{ namespace.name }}.{{ class.class_name }}.{{ class_method.name }}{% endblock %}
+
+{% block meta_other %}
+<meta name="og:title" content="{{ namespace.name }}.{{ class.class_name }}.{{ class_method.name }}"/>
+<meta name="og:description" content="Reference for {{ namespace.name }}.{{ class.class_name }}.{{ class_method.name }}"/>
+{% endblock %}
+
+{% block sidebar %}
+<div class="section">
+ <h5>Type</h5>
+ <div class="links">
+ <a href="{{ class.link_prefix }}.{{ class.name }}.html">{{ class.name }}</a>
+ </div>
+</div>
+<div class="section">
+ <h5>Class methods</h5>
+ <div class="links">
+ {% for m in class.class_methods %}
+ <a class="method{% if class_method.name == m.name %} current{% endif %}" href="class_method.{{ class.name }}.{{ m.name }}.html">{{ m.name }}</a>
+ {% endfor %}
+ </div>
+</div>
+{% endblock %}
+
+{% block content %}
+<section id="main" class="content">
+ <header>
+ <h3>Class method</h3>
+ <h1><a href="index.html">{{ namespace.name }}</a><span class="sep"></span><a href="{{ class.link_prefix }}.{{ class.name }}.html">{{ class.class_name }}</a><span class="sep"></span>{{ class_method.name }}</h1>
+ </header>
+
+ <section>
+ <div class="declaration">
+ <h4 id="declaration" style="display:flex;">
+ Declaration
+ <a href="#declaration" class="anchor"></a>
+ {% if CONFIG.source_location_url and class_method.source_location %}
+ <a class="srclink" title="go to source location" href="{{ CONFIG.source_link(class_method.source_location) }}">[src]</a>
+ {% endif %}
+ </h4>
+
+ <div>
+ <pre><code>{{ class_method.c_decl }}</code></pre>
+ </div>
+ </div>
+
+ <div class="description toggle-wrapper">
+ <h4 id="description" style="display:flex;">
+ Description
+ <a href="#description" class="anchor"></a>
+ {% if CONFIG.source_location_url and class_method.docs_location %}
+ <a class="srclink" title="go to source location" href="{{ CONFIG.source_link(class_method.docs_location) }}">[src]</a>
+ {% endif %}
+ </h4>
+
+ <div class="docblock">
+ {{ class_method.description }}
+ </div>
+
+ <div class="docblock">
+ <table>
+ {% if class_method.stability %}
+ <tr><td>Stability:</td><td>{{ class_method.stability }}</td></tr>
+ {% endif %}
+ {% if class_method.available_since %}
+ <tr><td>Available since:</td><td>{{ class_method.available_since }}</td></tr>
+ {% endif %}
+ {% if class_method.deprecated_since %}
+ <tr><td>Deprecated since:</td><td>{{ class_method.deprecated_since.version }}</td></tr>
+ <tr><td colspan="2">{{ class_method.deprecated_since.message }}</td></tr>
+ {% endif %}
++ {% if not class_method.introspectable %}
++ <tr><td>This class method is not directly available to language bindings</td></tr>
++ {% endif %}
+ </table>
+ </div>
+
+ {% if class_method.attributes %}
+ <div class="docblock">
+ <table>
+ {% for (key, value) in class_method.attributes.items() %}
+ <tr><td>{{ key|escape }}</td><td>{{ value|escape }}</td></tr>
+ {% endfor %}
+ </table>
+ </div>
+ {% endif %}
+ </div>
+
+ {% if class_method.arguments|length != 0 %}
+ <div class="parameters toggle-wrapper">
+ <h4 id="parameters">
+ Parameters
+ <a href="#parameters" class="anchor"></a>
+ </h4>
+
+ <div class="docblock">
+ <table class="arguments">
+ {% for arg in class_method.arguments %}
+ <tr class="arg-name">
+ <td><code>{{ arg.name }}</code></td>
+ <td>
+ {%- if arg.is_array -%}An array of {%- endif -%}
+ {%- if arg.is_list -%}A list of {%- endif -%}
+ {%- if arg.link -%}
+ {{ arg.link|safe }}
+ {%- else -%}
+ <code>{{ arg.type_cname }}</code>
+ {%- endif -%}
+ </td>
+ </tr>
+ <tr class="arg-description">
+ <td> </td>
+ <td>{{ arg.description|safe }}</td>
+ </tr>
+ {% if arg.direction != "in" %}<tr><td> </td><td title="direction: {{ arg.direction}}">{{ arg.direction_note }}</td></tr>{% endif %}
+ {% if arg.direction == "in" and arg.nullable %}<tr><td> </td><td>The argument can be <code>NULL</code>.</td></tr>{% endif %}
+ {% if arg.direction in ["inout", "out"] and arg.nullable %}<tr><td> </td><td>The argument can be set to <code>NULL</code>.</td></tr>{% endif %}
+ {% if arg.optional %}<tr><td> </td><td>The argument can be <code>NULL</code>.</td></tr>{% endif %}
+ {% if arg.is_array and arg.zero_terminated %}<tr><td> </td><td>The array must be <code>NULL</code>-terminated.</td></tr>{% endif %}
+ {% if arg.is_array and arg.fixed_size > 0 %}<tr><td> </td><td>The array must have {{ arg.fixed_size }} elements.</td></tr>{% endif %}
+ {% if arg.is_array and arg.len_arg %}<tr><td> </td><td>The length of the array is specified in the <code>{{ arg.len_arg }}</code> argument.</td></tr>{% endif %}
+ {% if arg.is_pointer %}<tr><td> </td><td title="transfer: {{ arg.transfer }}">{{ arg.transfer_note }}</td></tr>{% endif %}
+ {% if arg.string_note %}<tr><td> </td><td>{{ arg.string_note }}</td></tr>{% endif %}
+ {% endfor %}
+ {% if class_method.throws %}
+ <tr class="arg-name">
+ <td><code>error</code></td>
+ <td><code>GError **</code></td>
+ </tr>
+ <tr class="arg-description">
+ <td> </td>
+ <td>The return location for a <code>GError*</code>, or <code>NULL</code>.</td>
+ </tr>
+ {% endif %}
+ </table>
+ </div>
+ </div>
+ {% endif %}
+
+ {% if class_method.return_value %}
+ <div class="return-value toggle-wrapper">
+ <h4 id="return-value">
+ Return value
+ <a href="#return-value" class="anchor"></a>
+ </h4>
+
+ <div class="docblock">
+ <table class="returns">
+ <tr class="arg-name">
+ <td>Returns:</td>
+ <td>
+ {%- if class_method.return_value.is_array -%}An array of {%- endif -%}
+ {%- if class_method.return_value.is_list -%}A list of {%- endif -%}
+ {%- if class_method.return_value.is_list_model -%}A list model of {%- endif -%}
+ {%- if class_method.return_value.link -%}
+ {{ class_method.return_value.link|safe }}
+ {%- else -%}
+ <code>{{ class_method.return_value.type_cname }}</code>
+ {%- endif -%}
+ </td>
+ </tr>
+ <tr class="arg-description">
+ <td> </td>
+ <td>{{ class_method.return_value.description|safe }}</td>
+ </tr>
+ {% if class_method.return_value.is_array and class_method.return_value.zero_terminated %}<tr><td> </td><td>The array is <code>NULL</code>-terminated.</td></tr>{% endif %}
+ {% if class_method.return_value.is_array and class_method.return_value.fixed_size > 0 %}<tr><td> </td><td>The array has {{ class_method.return_value.fixed_size }} elements.</td></tr>{% endif %}
+ {% if class_method.return_value.is_array and class_method.return_value.len_arg %}<tr><td> </td><td>The length of the array is in the <code>{{ class_method.return_value.len_arg }}</code> argument.</td></tr>{% endif %}
+ {% if class_method.return_value.is_pointer %}<tr><td> </td><td title="transfer: {{ class_method.return_value.transfer }}">{{ class_method.return_value.transfer_note }}</td></tr>{% endif %}
+ {% if class_method.return_value.is_pointer and class_method.return_value.nullable %}<tr><td> </td><td>The return value can be <code>NULL</code>.</td></tr>{% endif %}
+ {% if class_method.return_value.string_note %}<tr><td> </td><td>{{ class_method.return_value.string_note }}</td></tr>{% endif %}
+ </table>
+ </div>
+ </div>
+ {% endif %}
+ </section>
+</section>
+{% endblock %}
--- /dev/null
+<!--
+SPDX-FileCopyrightText: 2021 GNOME Foundation
+
+SPDX-License-Identifier: Apache-2.0 OR GPL-3.0-or-later
+-->
+
+{% extends "base.html" %}
+
+{% block title %}{{ namespace.name }} – {{ namespace.version }}: {{ content.title }}{% endblock %}
+
+{% block meta_other %}
+ <meta property="og:title" content="{{ namespace.name }}: {{ content.title }}"/>
+ <meta property="og:description" content="Reference for {{ namespace.name }}-{{ namespace.version }}: {{ content.title }}"/>
+ <meta name="twitter:title" content="{{ namespace.name }}: {{ content.title }}"/>
+ <meta name="twitter:description" content="Reference for {{ namespace.name }}-{{ namespace.version }}: {{ content.title }}"/>
+{% endblock %}
+
+{% block content %}
+<section id="main" class="content">
+ <section>
+ <div class="docblock">
+ {{ content.data }}
+ </div>
+ </section>
+</section>
+{% endblock %}
++
++{% if content.toc|length > 0 %}
++{% block navbar %}
++<div id="toc" class="toc">
++ <nav aria-labelledby="toc-title">
++ <p id="toc-title">Content</p>
++ <ul class="toc-list">
++ {% if content.toc|length == 1 %}
++ {% for subheader in content.toc[0].children %}
++ <li class="toc-list-item"><a href="#{{ subheader.id }}"><span class="link-text">{{ subheader.name }}</span></a></li>
++ {% endfor %}
++ {% else %}
++ {% for header in content.toc %}
++ <li class="toc-list-item"><a href="#{{ header.id }}"><span class="link-text">{{ header.name }}</span></a></li>
++ {% if header.children %}
++ <ul class="toc-list">
++ {% for subheader in header.children %}
++ <li class="toc-list-item"><a href="#{{ subheader.id }}"><span class="link-text">{{ subheader.name }}</span></a></li>
++ {% endfor %}
++ </ul>
++ {% endif %}
++ {% endfor %}
++ {% endif %}
++ </ul>
++ </nav>
++</div>
++{% endblock %}
++{% endif %}
--- /dev/null
+<!--
+SPDX-FileCopyrightText: 2021 GNOME Foundation
+
+SPDX-License-Identifier: Apache-2.0 OR GPL-3.0-or-later
+-->
+
+{% extends "base.html" %}
+
+{% block title %}{{ namespace.name }}.{{ class.name }}.{{ type_func.name }}{% endblock %}
+
+{% block meta_other %}
+ <meta property="og:title" content="{{ namespace.name }}.{{ class.name }}.{{ type_func.name }}"/>
+ <meta property="og:description" content="Reference for {{ namespace.name }}.{{ class.name }}.{{ type_func.name }}"/>
+ <meta name="twitter:title" content="{{ namespace.name }}.{{ class.name }}.{{ type_func.name }}"/>
+ <meta name="twitter:description" content="Reference for {{ namespace.name }}.{{ class.name }}.{{ type_func.name }}"/>
+{% endblock %}
+
+{% block sidebar %}
+<div class="section">
+ <h5>Type</h5>
+ <div class="links">
+ <a href="{{ class.link_prefix }}.{{ class.name }}.html">{{ class.name }}</a>
+ </div>
+</div>
+<div class="section">
+ <h5>Constructors</h5>
+ <div class="links">
+ {% for m in class.ctors %}
+ <a class="method{% if type_func.name == m.name %} current{% endif %}" href="ctor.{{ class.name }}.{{ m.name }}.html">{{ m.name }}</a>
+ {% endfor %}
+ </div>
+</div>
+{% endblock %}
+
+{% block content %}
+<section id="main" class="content">
+ <header>
+ <h3>Constructor</h3>
+ <h1><a href="index.html">{{ namespace.name }}</a><span class="sep"></span><a href="{{ class.link_prefix }}.{{class.name}}.html">{{ class.name }}</a><span class="sep"></span>{{ type_func.name }}</h1>
+ </header>
+
+ <section>
+ <div class="declaration toggle-wrapper">
+ <h4 id="declaration" style="display:flex;">
+ Declaration
+ <a href="#declaration" class="anchor"></a>
+ {% if CONFIG.source_location_url and type_func.source_location %}
+ <a class="srclink" title="go to source location" href="{{ CONFIG.source_link(type_func.source_location) }}">[src]</a>
+ {% endif %}
+ </h4>
+
+ <div class="docblock">
+ <pre><code>{{ type_func.c_decl }}</code></pre>
+ </div>
+ </div>
+
+ <div class="description toggle-wrapper">
+ <h4 id="description" style="display:flex;">
+ Description
+ <a href="#description" class="anchor"></a>
+ {% if CONFIG.source_location_url and type_func.docs_location %}
+ <a class="srclink" title="go to source location" href="{{ CONFIG.source_link(type_func.docs_location) }}">[src]</a>
+ {% endif %}
+ </h4>
+
+ <div class="docblock">
+ {{ type_func.description }}
+ </div>
+
+ <div class="docblock">
+ <table>
+ {% if type_func.stability %}
+ <tr><td>Stability:</td><td>{{ type_func.stability }}</td></tr>
+ {% endif %}
+ {% if type_func.available_since %}
+ <tr><td>Available since:</td><td>{{ type_func.available_since }}</td></tr>
+ {% endif %}
+ {% if type_func.deprecated_since %}
+ <tr><td>Deprecated since:</td><td>{{ type_func.deprecated_since.version }}</td></tr>
+ <tr><td colspan="2">{{ type_func.deprecated_since.message }}</td></tr>
+ {% endif %}
++ {% if not type_func.introspectable %}
++ <tr><td>This constructor is not directly available to language bindings</td></tr>
++ {% endif %}
+ </table>
+ </div>
+
+ {% if type_func.attributes %}
+ <div class="docblock">
+ <table>
+ {% for (key, value) in type_func.attributes.items() %}
+ <tr><td>{{ key|escape }}</td><td>{{ value|escape }}</td></tr>
+ {% endfor %}
+ </table>
+ </div>
+ {% endif %}
+ </div>
+
+ {% if type_func.arguments|length != 0 %}
+ <div class="parameters toggle-wrapper">
+ <h4 id="parameters">
+ Parameters
+ <a href="#parameters" class="anchor"></a>
+ </h4>
+
+ <div class="docblock">
+ <table class="arguments">
+ {% for arg in type_func.arguments %}
+ <tr class="arg-name">
+ <td><code>{{ arg.name }}</code></td>
+ <td>
+ {%- if arg.is_array -%}An array of {%- endif -%}
+ {%- if arg.is_list -%}A list of {%- endif -%}
+ {%- if arg.link -%}
+ {{ arg.link|safe }}
+ {%- else -%}
+ <code>{{ arg.type_cname }}</code>
+ {%- endif -%}
+ </td>
+ </tr>
+ <tr class="arg-description">
+ <td> </td>
+ <td>{{ arg.description|safe }}</td>
+ </tr>
+ {% if arg.direction != "in" %}<tr><td> </td><td title="direction: {{ arg.direction}}">{{ arg.direction_note }}</td></tr>{% endif %}
+ {% if arg.direction == "in" and arg.nullable %}<tr><td> </td><td>The argument can be <code>NULL</code>.</td></tr>{% endif %}
+ {% if arg.direction in ["inout", "out"] and arg.nullable %}<tr><td> </td><td>The argument can be set to <code>NULL</code>.</td></tr>{% endif %}
+ {% if arg.optional %}<tr><td> </td><td>The argument can be <code>NULL</code>.</td></tr>{% endif %}
+ {% if arg.is_array and arg.zero_terminated %}<tr><td> </td><td>The array must be <code>NULL</code>-terminated.</td></tr>{% endif %}
+ {% if arg.is_array and arg.fixed_size > 0 %}<tr><td> </td><td>The array must have {{ arg.fixed_size }} elements.</td></tr>{% endif %}
+ {% if arg.is_array and arg.len_arg %}<tr><td> </td><td>The length of the array is specified in the <code>{{ arg.len_arg }}</code> argument.</td></tr>{% endif %}
+ {% if arg.is_pointer %}<tr><td> </td><td title="transfer: {{ arg.transfer }}">{{ arg.transfer_note }}</td></tr>{% endif %}
+ {% if arg.string_note %}<tr><td> </td><td>{{ arg.string_note }}</td></tr>{% endif %}
+ {% endfor %}
+ {% if type_func.throws %}
+ <tr class="arg-name">
+ <td><code>error</code></td>
+ <td><code>GError **</code></td>
+ </tr>
+ <tr class="arg-description">
+ <td> </td>
+ <td>The return location for a <code>GError*</code>, or <code>NULL</code>.</td>
+ </tr>
+ {% endif %}
+ </table>
+ </div>
+ </div>
+ {% endif %}
+
+ {% if type_func.return_value %}
+ <div class="return-value toggle-wrapper">
+ <h4 id="return-value">
+ Return value
+ <a href="#return-value" class="anchor"></a>
+ </h4>
+
+ <div class="docblock">
+ <table class="returns">
+ <tr class="arg-name">
+ <td>Returns:</td>
+ <td>
+ {%- if type_func.return_value.is_array -%}An array of {%- endif -%}
+ {%- if type_func.return_value.is_list -%}A list of {%- endif -%}
+ {%- if type_func.return_value.link -%}
+ {{ type_func.return_value.link|safe }}
+ {%- else -%}
+ <code>{{ type_func.return_value.type_cname }}</code>
+ {%- endif -%}
+ </td>
+ </tr>
+ <tr class="arg-description">
+ <td> </td>
+ <td>{{ type_func.return_value.description|safe }}</td>
+ </tr>
+ {% if type_func.return_value.is_array and type_func.return_value.zero_terminated %}<tr><td> </td><td>The array is <code>NULL</code>-terminated.</td></tr>{% endif %}
+ {% if type_func.return_value.is_array and type_func.return_value.fixed_size > 0 %}<tr><td> </td><td>The array has {{ type_func.return_value.fixed_size }} elements.</td></tr>{% endif %}
+ {% if type_func.return_value.is_array and type_func.return_value.len_arg %}<tr><td> </td><td>The length of the array is in the <code>{{ type_func.return_value.len_arg }}</code> argument.</td></tr>{% endif %}
+ {% if type_func.return_value.is_pointer %}<tr><td> </td><td title="transfer: {{ type_func.return_value.transfer }}">{{ type_func.return_value.transfer_note }}</td></tr>{% endif %}
+ {% if type_func.return_value.is_pointer and type_func.return_value.nullable %}<tr><td> </td><td>The return value can be <code>NULL</code>.</td></tr>{% endif %}
+ {% if type_func.return_value.string_note %}<tr><td> </td><td>{{ type_func.return_value.string_note }}</td></tr>{% endif %}
+ </table>
+ </div>
+ </div>
+ {% endif %}
+ </section>
+</section>
+{% endblock %}
--- /dev/null
- {% macro navbar_block(elements, section_title, section_link) -%}
- {% if elements|length > 0 %}
+<!--
+SPDX-FileCopyrightText: 2021 GNOME Foundation
+
+SPDX-License-Identifier: Apache-2.0 OR GPL-3.0-or-later
+-->
+
+{% extends "base.html" %}
+
+{% block title %}{{ namespace.name }}.{{ enum.name }}{% endblock %}
+
+{% block meta_other %}
+ <meta property="og:title" content="{{ namespace.name }}.{{ enum.name }}"/>
+ <meta property="og:description" content="Reference for {{ namespace.name }}.{{ enum.name }}"/>
+ <meta name="twitter:title" content="{{ namespace.name }}.{{ enum.name }}"/>
+ <meta name="twitter:description" content="Reference for {{ namespace.name }}.{{ enum.name }}"/>
+{% endblock %}
+
+{% macro sidebar_block(elements, enum_name, section_title, section_class, section_fragment) -%}
+{% if elements|length > 0 %}
+<div class="section">
+ <h5>{{ section_title }}</h5>
+ <div class="links">
+ {% for m in elements %}
+ <a class="{{ section_class }}" href="{{ section_fragment }}.{{ enum_name }}.{{ m.name }}.html">{{ m.name }}</a>
+ {% endfor %}
+ </div>
+</div>
+{% endif %}
+{% endmacro %}
+
+{% block sidebar %}
+<div class="section">
+ <h5>Type</h5>
+ <div class="links">
+ <a class="current" href="{{ enum.link_prefix }}.{{ enum.name }}.html">{{ enum.name }}</a>
+ </div>
+</div>
+
+{{ sidebar_block(enum.type_funcs, enum.name, "Type functions", "func", "type_func") }}
+{% endblock %}
+
- <td><code title="Value: {{ member.value }}">{{ member.name }}</code></td>
++{% macro navbar_block(attribute, section_title, section_link) -%}
++{% if attribute %}
+<li class="toc-list-item"><a href="{{ section_link }}"><span class="link-text">{{ section_title }}</span></a></li>
+{% endif %}
+{% endmacro %}
+
+{% block navbar %}
+<div id="toc" class="toc">
+ <nav aria-labelledby="toc-title">
+ <p id="toc-title">Content</p>
+ <ul class="toc-list">
+ <li class="toc-list-item"><a href="#description"><span class="link-text">Description</span></a></li>
++ <li class="toc-list-item"><a href="#members"><span class="link-text">Members</span></a></li>
++ {{ navbar_block(enum.error_domain, "Error domain", "#error-domain") }}
+ {{ navbar_block(enum.type_funcs, "Functions", "#type-functions") }}
+ </ul>
+ </nav>
+</div>
+{% endblock %}
+
+{% block content %}
+<section id="main" class="content">
+ <header>
+ <h3>Enumeration</h3>
+ <h1><a href="index.html">{{ namespace.name }}</a><span class="sep"></span>{{ enum.name }}</h1>
+ </header>
+
+ <section>
+ <div class="declaration toggle-wrapper">
+ <h4 style="display:flex;" id="declaration">
+ Declaration
+ <a href="#declaration" class="anchor"></a>
+ {% if CONFIG.source_location_url and enum.source_location %}
+ <a class="srclink" title="go to source location" href="{{ CONFIG.source_link(enum.source_location) }}">[src]</a>
+ {% endif %}
+ </h4>
+
+ <div class="docblock">
+ <pre><code>{{ enum.c_decl }}</code></pre>
+ </div>
+ </div>
+
+ <div class="description toggle-wrapper">
+ <h4 style="display:flex;" id="description">
+ Description
+ <a href="#description" class="anchor"></a>
+ {% if CONFIG.source_location_url and enum.docs_location %}
+ <a class="srclink" title="go to source location" href="{{ CONFIG.source_link(enum.docs_location) }}">[src]</a>
+ {% endif %}
+ </h4>
+
+ <div class="docblock">
+ {{ enum.description }}
+ </div>
+
+ <div class="docblock">
+ <table class="attributes">
+ {% if enum.stability %}
+ <tr><td>Stability:</td><td>{{ enum.stability }}</td></tr>
+ {% endif %}
+ {% if enum.available_since %}
+ <tr><td>Available since:</td><td>{{ enum.available_since }}</td></tr>
+ {% endif %}
+ {% if enum.deprecated_since %}
+ <tr><td>Deprecated since:</td><td>{{ enum.deprecated_since.version }}</td></tr>
+ <tr><td colspan="2">{{ enum.deprecated_since.message }}</td></tr>
+ {% endif %}
+ </table>
+ </div>
+
+ {% if enum.attributes %}
+ <div class="docblock">
+ <table class="attributes">
+ {% for (key, value) in enum.attributes.items() %}
+ <tr><td>{{ key|escape }}</td><td>{{ value|escape }}</td></tr>
+ {% endfor %}
+ </table>
+ </div>
+ {% endif %}
+ </div>
+
+ <div class="members toggle-wrapper">
+ <h4 id="members">
+ Members
+ <a href="#members" class="anchor"></a>
+ </h4>
+
+ <div class="docblock">
+ <table class="enum-members">
+ <tr>
+ <th>Name</th>
+ <th>Description</th>
+ </tr>
+ {% for member in enum.members %}
+ <tr>
++ <td><a id="{{ member.girname }}" href="#{{ member.girname }}"><code title="Value: {{ member.value }}">{{ member.name }}</code></a></td>
+ <td>{{ member.description }}</td>
+ </tr>
+ {% endfor %}
+ </table>
+ </div>
+ </div>
+
+ {% if enum.error_domain %}
+ <div class="error-domain toggle-wrapper">
+ <h4 id="error-domain">
+ Error domain
+ <a href="#error-domain" class="anchor"></a>
+ </h4>
+
+ <div class="docblock">
+ <pre><code>"{{ enum.domain }}"</code></pre>
+ </div>
+ </div>
+ {% endif %}
+
+ {% if enum.type_funcs %}
+ <div class="type-funcs toggle-wrapper">
+ <h4 id="type-functions">
+ Type functions
+ <a href="#type-functions" class="anchor"></a>
+ </h4>
+
+ <div class="docblock">
+ {% for func in enum.type_funcs %}
+ <div class="{% if func.deprecated_since %}deprecated{% endif %}">
+ <h6><a href="type_func.{{ enum.name }}.{{ func.name }}.html">{{ func.identifier }}</a></h6>
+
+ <div class="docblock">
+ {{ func.summary }}
+ </div>
+
+ {% if func.available_since or func.deprecated_since -%}
+ <div class="docblock">
+ {%- if func.available_since -%}
+ <p>Available since: {{ func.available_since }}</p>
+ {%- endif -%}
+ {%- if func.deprecated_since -%}
+ <p>Deprecated since: {{ func.deprecated_since }}</p>
+ {%- endif -%}
+ </div>
+ {%- endif %}
+ </div>
+ {% endfor %}
+ </div>
+ {% endif %}
+
+ </section>
+</section>
+{% endblock %}
--- /dev/null
+<!--
+SPDX-FileCopyrightText: 2021 GNOME Foundation
+
+SPDX-License-Identifier: Apache-2.0 OR GPL-3.0-or-later
+-->
+
+{% extends "base.html" %}
+
+{% block title %}{{ namespace.name }}.{{ func.name }}{% endblock %}
+
+{% block meta_other %}
+ <meta property="og:title" content="{{ namespace.name }}.{{ func.name }}"/>
+ <meta property="og:description" content="Reference for {{ namespace.name }}.{{ func.name }}"/>
+ <meta name="twitter:title" content="{{ namespace.name }}.{{ func.name }}"/>
+ <meta name="twitter:description" content="Reference for {{ namespace.name }}.{{ func.name }}"/>
+{% endblock %}
+
+{% block sidebar %}
+{% if func.is_macro %}
+<div class="section">
+ <h5>Function Macros</h5>
+ <div class="links">
+ {% for f in namespace.function_macros %}
+ <a class="function{% if func.name == f.name %} current{% endif %}" href="func.{{ f.name }}.html">{{ f.name }}</a>
+ {% endfor %}
+ </div>
+</div>
+{% else %}
+<div class="section">
+ <h5>Functions</h5>
+ <div class="links">
+ {% for f in namespace.functions %}
+ <a class="function{% if func.name == f.name %} current{% endif %}" href="func.{{ f.name }}.html">{{ f.name }}</a>
+ {% endfor %}
+ </div>
+</div>
+{% endif %}
+{% endblock %}
+
+{% block content %}
+<section id="main" class="content">
+ <header>
+ <h3>Function {% if func.is_macro %}Macro{% endif %}</h3>
+ <h1><a href="index.html">{{ namespace.name }}</a><span class="sep"></span>{{ func.name }}</h1>
+ </header>
+
+ <section>
+ <div class="declaration toggle-wrapper">
+ <h4 id="declaration" style="display:flex;">
+ Declaration
+ <a href="#declaration" class="anchor"></a>
+ {% if CONFIG.source_location_url and func.source_location %}
+ <a class="srclink" title="go to source location" href="{{ CONFIG.source_link(func.source_location) }}">[src]</a>
+ {% endif %}
+ </h4>
+
+ <div class="docblock">
+ <pre><code>{{ func.c_decl }}</code></pre>
+ </div>
+ </div>
+
+ <div class="description toggle-wrapper">
+ <h4 id="description" style="display:flex;">
+ Description
+ <a href="#description" class="anchor"></a>
+ {% if CONFIG.source_location_url and func.docs_location %}
+ <a class="srclink" title="go to source location" href="{{ CONFIG.source_link(func.docs_location) }}">[src]</a>
+ {% endif %}
+ </h4>
+
+ <div class="docblock">
+ {{ func.description }}
+ </div>
+
+ <div class="docblock">
+ <table>
+ {% if func.stability %}
+ <tr><td>Stability:</td><td>{{ func.stability }}</td></tr>
+ {% endif %}
+ {% if func.available_since %}
+ <tr><td>Available since:</td><td>{{ func.available_since }}</td></tr>
+ {% endif %}
+ {% if func.deprecated_since %}
+ <tr><td>Deprecated since:</td><td>{{ func.deprecated_since.version }}</td></tr>
+ <tr><td colspan="2">{{ func.deprecated_since.message }}</td></tr>
+ {% endif %}
++ {% if not func.introspectable %}
++ <tr><td>This function is not directly available to language bindings</td></tr>
++ {% endif %}
++ {% if func.shadows %}
++ <tr><td>This function is renamed to <a href="func.{{func.shadows}}.html"><code>{{func.shadows_symbol}}()</code></a> in language bindings</td></tr>
++ {% endif %}
++ {% if func.shadowed_by %}
++ <tr><td>The implementation of this function is provided by <a href="func.{{func.shadowed_by}}.html"><code>{{func.shadowed_by_symbol}}()</code></a> in language bindings</td></tr>
++ {% endif %}
+ </table>
+ </div>
+
+ {% if func.attributes %}
+ <div class="docblock">
+ <table>
+ {% for (key, value) in func.attributes.items() %}
+ <tr><td>{{ key|escape }}</td><td>{{ value|escape }}</td></tr>
+ {% endfor %}
+ </table>
+ </div>
+ {% endif %}
+ </div>
+
+ {% if func.arguments|length != 0 %}
+ <div class="parameters toggle-wrapper">
+ <h4 id="parameters">
+ Parameters
+ <a href="#parameters" class="anchor"></a>
+ </h4>
+
+ <div class="docblock">
+ <table class="arguments">
+ {% for arg in func.arguments %}
+ <tr class="arg-name">
+ <td><code>{{ arg.name }}</code></td>
+ <td>
+ {%- if arg.is_array -%}An array of {%- endif -%}
+ {%- if arg.is_list -%}A list of {%- endif -%}
+ {%- if arg.link -%}
+ {{ arg.link|safe }}
+ {%- else -%}
+ <code>{{ arg.type_cname }}</code>
+ {%- endif -%}
+ </td>
+ </tr>
+ <tr class="arg-description">
+ <td> </td>
+ <td>{{ arg.description|safe }}</td>
+ </tr>
+ {% if arg.direction != "in" %}<tr><td> </td><td title="direction: {{ arg.direction}}">{{ arg.direction_note }}</td></tr>{% endif %}
+ {% if arg.direction == "in" and arg.nullable %}<tr><td> </td><td>The argument can be <code>NULL</code>.</td></tr>{% endif %}
+ {% if arg.direction in ["inout", "out"] and arg.nullable %}<tr><td> </td><td>The argument can be set to <code>NULL</code>.</td></tr>{% endif %}
+ {% if arg.optional %}<tr><td> </td><td>The argument can be <code>NULL</code>.</td></tr>{% endif %}
+ {% if arg.is_array and arg.zero_terminated %}<tr><td> </td><td>The array must be <code>NULL</code>-terminated.</td></tr>{% endif %}
+ {% if arg.is_array and arg.fixed_size > 0 %}<tr><td> </td><td>The array must have {{ arg.fixed_size }} elements.</td></tr>{% endif %}
+ {% if arg.is_array and arg.len_arg %}<tr><td> </td><td>The length of the array is specified in the <code>{{ arg.len_arg }}</code> argument.</td></tr>{% endif %}
+ {% if arg.is_pointer %}<tr><td> </td><td title="transfer: {{ arg.transfer }}">{{ arg.transfer_note }}</td></tr>{% endif %}
+ {% if arg.string_note %}<tr><td> </td><td>{{ arg.string_note }}</td></tr>{% endif %}
+ {% endfor %}
+ {% if func.throws %}
+ <tr class="arg-name">
+ <td><code>error</code></td>
+ <td><code>GError **</code></td>
+ </tr>
+ <tr class="arg-description">
+ <td> </td>
+ <td>The return location for a <code>GError*</code>, or <code>NULL</code>.</td>
+ </tr>
+ {% endif %}
+ </table>
+ </div>
+ </div>
+ {% endif %}
+
+ {% if func.return_value %}
+ <div class="return-value toggle-wrapper">
+ <h4 id="return-value">
+ Return value
+ <a href="#return-value" class="anchor"></a>
+ </h4>
+
+ <div class="docblock">
+ <table class="returns">
+ <tr class="arg-name">
+ <td>Returns:</td>
+ <td>
+ {%- if func.return_value.is_array -%}An array of {%- endif -%}
+ {%- if func.return_value.is_list -%}A list of {%- endif -%}
+ {%- if func.return_value.is_list_model -%}A list model of {%- endif -%}
+ {%- if func.return_value.link -%}
+ {{ func.return_value.link|safe }}
+ {%- else -%}
+ <code>{{ func.return_value.type_cname }}</code>
+ {%- endif -%}
+ </td>
+ </tr>
+ <tr class="arg-description">
+ <td> </td>
+ <td>{{ func.return_value.description|safe }}</td>
+ </tr>
+ {% if func.return_value.is_array and func.return_value.zero_terminated %}<tr><td> </td><td>The array is <code>NULL</code>-terminated.</td></tr>{% endif %}
+ {% if func.return_value.is_array and func.return_value.fixed_size > 0 %}<tr><td> </td><td>The array has {{ func.return_value.fixed_size }} elements.</td></tr>{% endif %}
+ {% if func.return_value.is_array and func.return_value.len_arg %}<tr><td> </td><td>The length of the array is in the <code>{{ func.return_value.len_arg }}</code> argument.</td></tr>{% endif %}
+ {% if func.return_value.is_pointer %}<tr><td> </td><td title="transfer: {{ func.return_value.transfer }}">{{ func.return_value.transfer_note }}</td></tr>{% endif %}
+ {% if func.return_value.is_pointer and func.return_value.nullable %}<tr><td> </td><td>The return value can be <code>NULL</code>.</td></tr>{% endif %}
+ {% if func.return_value.string_note %}<tr><td> </td><td>{{ func.return_value.string_note }}</td></tr>{% endif %}
+ </table>
+ </div>
+ </div>
+ {% endif %}
+ </section>
+</section>
+{% endblock %}
--- /dev/null
+<!--
+SPDX-FileCopyrightText: 2021 GNOME Foundation
+
+SPDX-License-Identifier: Apache-2.0 OR GPL-3.0-or-later
+-->
+
+{% extends "base.html" %}
+
+{% block title %}{{ namespace.name }}.{{ interface.name }}{% endblock %}
+
+{% block meta_other %}
+ <meta property="og:title" content="{{ namespace.name }}.{{ interface.name }}"/>
+ <meta property="og:description" content="Reference for {{ namespace.name }}.{{ interface.name }}"/>
+ <meta name="twitter:title" content="{{ namespace.name }}.{{ interface.name }}"/>
+ <meta name="twitter:description" content="Reference for {{ namespace.name }}.{{ interface.name }}"/>
+{% endblock %}
+
+{% macro sidebar_block(elements, iface_name, section_title, section_class, section_fragment) -%}
+{% if elements|length > 0 %}
+<div class="section">
+ <h5>{{ section_title }}</h5>
+ <div class="links">
+ {% for m in elements %}
+ <a class="{{ section_class }}" href="{{ section_fragment }}.{{ iface_name }}.{{ m.name }}.html">{{ m.name }}</a>
+ {% endfor %}
+ </div>
+</div>
+{% endif %}
+{% endmacro %}
+
+{% block sidebar %}
+<div class="section">
+ <h5>Type</h5>
+ <div class="links">
+ <a class="current" href="iface.{{ interface.name }}.html#description">{{ interface.name }}</a>
+ </div>
+</div>
+
+{{ sidebar_block(interface.type_funcs, interface.name, "Functions", "func", "type_func") }}
+{{ sidebar_block(interface.methods, interface.name, "Instance methods", "method", "method") }}
+{{ sidebar_block(interface.properties, interface.name, "Properties", "property", "property") }}
+{{ sidebar_block(interface.signals, interface.name, "Signals", "signal", "signal") }}
+{{ sidebar_block(interface.class_methods, interface.name, "Interface methods", "method", "class_method") }}
+{{ sidebar_block(interface.virtual_methods, interface.name, "Virtual methods", "method", "vfunc") }}
+{% endblock %}
+
+{% macro navbar_block(elements, section_title, section_link) -%}
+{% if elements|length > 0 %}
+<li class="toc-list-item"><a href="{{ section_link }}"><span class="link-text">{{ section_title }}</span></a></li>
+{% endif %}
+{% endmacro %}
+
+{% block navbar %}
+<div id="toc" class="toc">
+ <nav aria-labelledby="toc-title">
+ <p id="toc-title">Content</p>
+ <ul class="toc-list">
+ <li class="toc-list-item"><a href="#description"><span class="link-text">Description</span></a></li>
++ {% if interface.description_toc %}
++ <ul class="toc-list">
++ {% if interface.description_toc|length == 1 %}
++ {% for header in interface.description_toc[0].children %}
++ <li class="toc-list-item"><a href="#{{ header.id }}"><span class="link-text">{{ header.name }}</span></a></li>
++ {% endfor %}
++ {% else %}
++ {% for header in interface.description_toc %}
++ <li class="toc-list-item"><a href="#{{ header.id }}"><span class="link-text">{{ header.name }}</span></a></li>
++ {% endfor %}
++ {% endif %}
++ </ul>
++ {% endif %}
+ {{ navbar_block(interface.type_funcs, "Functions", "#type-functions") }}
+ {{ navbar_block(interface.methods, "Methods", "#methods") }}
+ {{ navbar_block(interface.properties, "Properties", "#properties") }}
+ {{ navbar_block(interface.signals, "Signals", "#signals") }}
+ {{ navbar_block(interface.class_methods, "Class methods", "#class-methods") }}
+ {{ navbar_block(interface.virtual_methods, "Virtual methods", "#virtual-methods") }}
+ </ul>
+ </nav>
+</div>
+{% endblock %}
+
+{% block content %}
+<section id="main" class="content">
+ <header>
+ <h3>Interface</h3>
+ <h1><a href="index.html">{{ namespace.name }}</a><span class="sep"></span>{{ interface.name }}</h1>
+ </header>
+
+ <section>
+ <summary>
+ <div class="toggle-wrapper">
+ <h4 id="description" style="display:flex;">
+ Description
+ <a href="#description" class="anchor"></a>
+ {% if CONFIG.source_location_url and interface.docs_location %}
+ <a class="srclink" title="go to source location" href="{{ CONFIG.source_link(interface.docs_location) }}">[src]</a>
+ {% endif %}
+ </h4>
+
+ <pre><code>{{ interface.c_decl }}</code></pre>
+
+ <div class="docblock">
+ {{ interface.description }}
+ </div>
+
+ <div class="docblock">
+ <table class="attributes">
+ {% if interface.stability %}
+ <tr><td>Stability:</td><td>{{ interface.stability }}</td></tr>
+ {% endif %}
+ {% if interface.available_since %}
+ <tr><td>Available since:</td><td>{{ interface.available_since }}</td></tr>
+ {% endif %}
+ {% if interface.deprecated_since %}
+ <tr><td>Deprecated since:</td><td>{{ interface.deprecated_since.version }}</td></tr>
+ <tr><td colspan="2">{{ interface.deprecated_since.message }}</td></tr>
+ {% endif %}
+ </table>
+ </div>
+
+ {% if interface.attributes %}
+ <div class="docblock">
+ <table class="attributes">
+ {% for (key, value) in interface.attributes.items() %}
+ <tr><td>{{ key|escape }}</td><td>{{ value|escape }}</td></tr>
+ {% endfor %}
+ </table>
+ </div>
+ {% endif %}
+ </div>
+ </summary>
+
+ <div class="toggle-wrapper prerequisite">
+ <h4 id="prerequisite">
+ Prerequisite
+ <a href="#prerequisite" class="anchor"></a>
+ </h4>
+
+ <div class="docblock">
+ <p>In order to implement {{ interface.name }}, your type must inherit from
+ {% if interface.requires_namespace == namespace.name -%}
+ <a href="class.{{ interface.requires_name }}.html">
+ {%- else -%}
+ <a data-namespace="{{ interface.requires_namespace }}" data-link="class.{{ interface.requires_name }}.html" href="javascript:void(0)" class="external">
+ {%- endif -%}
+ <code>{{ interface.requires_ctype }}</code></a>.</p>
+ </div>
+ </div>
+
+ {% if interface.implementations %}
+ <div class="implementations toggle-wrapper default-hide">
+ <h4 id="implementations">Implementations<a href="#implementations" class="anchor"></a></h4>
+ <div class="docblock">
+ <ul>
+ {%- for impl in interface.implementations %}
+ <li><a href="class.{{ impl.name }}.html">{{ impl.ctype }}</a></li>
+ {% endfor -%}
+ </ul>
+ </div>
+ </div>
+ {% endif %}
+
+ {% if interface.type_funcs %}
+ <div class="methods toggle-wrapper">
+ <h4 id="type-functions">
+ Functions
+ <a href="#type-functions" class="anchor"></a>
+ </h4>
+
+ <div class="docblock">
+ {% for func in interface.type_funcs %}
+ <div class="{% if func.deprecated_since %}deprecated{% endif %}">
+ <h6><a href="type_func.{{ interface.name }}.{{ func.name }}.html">{{ func.identifier }}</a></h6>
+
+ <div class="docblock">
+ {{ func.summary }}
+ </div>
+
+ {% if func.deprecated_since %}
+ <div class="docblock"><p>Deprecated since: {{ func.deprecated_since.version }}</p></div>
+ {% endif %}
+ </div>
+ {% endfor %}
+ </div>
+ </div>
+ {% endif %}
+
+ {% if interface.methods %}
+ <div class="methods toggle-wrapper">
+ <h4 id="methods">
+ Instance methods
+ <a href="#methods" class="anchor"></a>
+ </h4>
+
+ <div class="docblock">
+ {% for method in interface.methods %}
+ <div class="{% if method.deprecated_since %}deprecated{% endif %}">
+ <h6><a href="method.{{ interface.name}}.{{ method.name }}.html">{{ method.identifier }}</a></h6>
+
+ <div class="docblock">
+ {{ method.summary }}
+ </div>
+
+ {% if method.available_since or method.deprecated_since -%}
+ <div class="docblock">
+ {%- if method.available_since -%}
+ <p>Available since: {{ method.available_since }}</p>
+ {%- endif -%}
+ {%- if method.deprecated_since -%}
+ <p>Deprecated since: {{ method.deprecated_since }}</p>
+ {%- endif -%}
+ </div>
+ {%- endif %}
+ </div>
+ {% endfor %}
+ </div>
+
+ </div>
+ {% endif %}
+
+ {% if interface.properties %}
+ <div class="properties toggle-wrapper">
+ <h4 id="properties">
+ Properties
+ <a href="#properties" class="anchor"></a>
+ </h4>
+
+ <div class="docblock">
+ {% for property in interface.properties %}
+ <div class="{% if property.deprecated_since %}deprecated{% endif %}">
+ <h6><a href="property.{{ interface.name }}.{{ property.name }}.html">{{ interface.fqtn }}:{{ property.name }}</a></h6>
+
+ <div class="docblock">
+ {{ property.summary }}
+ </div>
+
+ {% if property.available_since or property.deprecated_since -%}
+ <div class="docblock">
+ {%- if property.available_since -%}
+ <p>Available since: {{ property.available_since }}</p>
+ {%- endif -%}
+ {%- if property.deprecated_since -%}
+ <p>Deprecated since: {{ property.deprecated_since }}</p>
+ {%- endif -%}
+ </div>
+ {%- endif %}
+ </div>
+ {% endfor %}
+ </div>
+
+ </div>
+ {% endif %}
+
+ {% if interface.signals %}
+ <div class="signals toggle-wrapper">
+ <h4 id="signals">
+ Signals
+ <a href="#signals" class="anchor"></a>
+ </h4>
+
+ <div class="docblock">
+ {% for signal in interface.signals %}
+ <div class="{% if signal.deprecated_since %}deprecated{% endif %}">
+ <h6><a href="signal.{{ interface.name }}.{{ signal.name }}.html">{{ interface.fqtn }}::{{ signal.name }}</a></h6>
+
+ <div class="docblock">
+ {{ signal.summary }}
+ </div>
+
+ {% if signal.available_since or signal.deprecated_since -%}
+ <div class="docblock">
+ {%- if signal.available_since -%}
+ <p>Available since: {{ signal.available_since }}</p>
+ {%- endif -%}
+ {%- if signal.deprecated_since -%}
+ <p>Deprecated since: {{ signal.deprecated_since }}</p>
+ {%- endif -%}
+ </div>
+ {%- endif %}
+ </div>
+ {% endfor %}
+ </div>
+ </div>
+ {% endif %}
+
+ {% if interface.class_name %}
+ <div class="interface toggle-wrapper default-hide">
+ <h4 style="display:flex;" id="interface-struct">
+ Interface structure
+ <a href="#interface-struct" class="anchor"></a>
+ {% if CONFIG.source_location_url and interface.source_location %}
+ <a class="srclink" title="go to source location" href="{{ CONFIG.source_link(interface.source_location) }}">[src]</a>
+ {% endif %}
+ </h4>
+
+ <div class="docblock">
+ <pre><code>struct {{ namespace.name}}{{ interface.class_name }} {
+ {% for field in interface.class_fields %}
+ {%- if field.is_callback -%}
+ {{ field.type_cname }};
+ {%- else -%}
+ {{ field.type_cname }} {{ field.name }};
+ {%- endif %}
+ {% else %}/* no available fields */{% endfor %}
+}</code></pre>
+ </div>
+
+ {% if interface.class_fields %}
+ <div class="docblock">
+ <h6>Interface members</h6>
+
+ <table>
+ {% for field in interface.class_fields %}
+ <tr>
+ <td style="vertical-align:top"><code>{{ field.name }}</code></td>
+ <td style="vertical-align:top"><pre><code>{{ field.type_cname }}</code></pre></td>
+ </tr>
+ <tr>
+ <td> </td><td style="vertical-align:top">{{ field.description }}</td>
+ </tr>
+ {% endfor %}
+ </table>
+ </div>
+ {% endif %}
+ </div>
+ {% endif %}
+
+ {% if interface.class_methods %}
+ <div class="toggle-wrapper methods">
+ <h4 id="interface-methods">
+ Interface methods
+ <a href="#interface-methods" class="anchor"></a>
+ </h4>
+
+ <div class="docblock">
+ {% for method in interface.class_methods %}
+ <div class="{% if method.deprecated_since %}deprecated{% endif %}">
+ <h6><a href="class_method.{{ interface.name }}.{{ method.name }}.html">{{ method.identifier }}</a></h6>
+
+ <div class="docblock">
+ {{ method.summary }}
+ </div>
+
+ {% if method.deprecated_since %}
+ <div class="docblock"><p>Deprecated since: {{ method.deprecated_since.version }}</p></div>
+ {% endif %}
+ </div>
+ {% endfor %}
+ </div>
+ </div>
+ {% endif %}
+
+ {% if interface.virtual_methods %}
+ <div class="toggle-wrapper methods">
+ <h4 id="virtual-methods">
+ Virtual methods
+ <a href="#virtual-methods" class="anchor"></a>
+ </h4>
+
+ <div class="docblock">
+ {% for method in interface.virtual_methods %}
+ <div class="{% if method.deprecated_since %}deprecated{% endif %}">
+ <h6 id="vfunc-{{ method.name }}"><a href="vfunc.{{ interface.name }}.{{ method.name }}.html">{{ namespace.name }}.{{ interface.name }}.{{ method.name }}</a></h6>
+
+ <div class="docblock">
+ {{ method.summary }}
+ </div>
+
+ {% if method.deprecated_since %}
+ <div class="docblock"><p>Deprecated since: {{ method.deprecated_since.version }}</p></div>
+ {% endif %}
+ </div>
+ {% endfor %}
+ </div>
+ </div>
+ {% endif %}
+
+ </section>
+</section>
+{% endblock %}
--- /dev/null
+<!--
+SPDX-FileCopyrightText: 2021 GNOME Foundation
+
+SPDX-License-Identifier: Apache-2.0 OR GPL-3.0-or-later
+-->
+
+{% extends "base.html" %}
+
+{% block title %}{{ namespace.name }}.{{ class.name }}.{{ method.name }}{% endblock %}
+
+{% block meta_other %}
+ <meta priority="og:title" content="{{ namespace.name }}.{{ class.name }}.{{ method.name }}"/>
+ <meta priority="og:description" content="Reference for {{ namespace.name }}.{{ class.name }}.{{ method.name }}"/>
+ <meta name="twitter:title" content="{{ namespace.name }}.{{ class.name }}.{{ method.name }}"/>
+ <meta name="twitter:description" content="Reference for {{ namespace.name }}.{{ class.name }}.{{ method.name }}"/>
+{% endblock %}
+
+{% block sidebar %}
+<div class="section">
+ <h5>Type</h5>
+ <div class="links">
+ <a href="{{ class.link_prefix }}.{{ class.name }}.html">{{ class.name }}</a>
+ </div>
+</div>
+<div class="section">
+ <h5>Methods</h5>
+ <div class="links">
+ {% for m in class.methods %}
+ <a class="method{% if method.name == m.name %} current{% endif %}" href="method.{{ class.name }}.{{ m.name }}.html">{{ m.name }}</a>
+ {% endfor %}
+ </div>
+</div>
+{% endblock %}
+
+{% block content %}
+<section id="main" class="content">
+ <header>
+ <h3>Method</h3>
+ <h1><a href="index.html">{{ namespace.name }}</a><span class="sep"></span><a href="{{ class.link_prefix }}.{{ class.name }}.html">{{ class.name }}</a><span class="sep"></span>{{ method.name }}</h1>
+ </header>
+
+ <section>
+ <div class="declaration toggle-wrapper">
+ <h4 style="display:flex;" id="declaration">
+ Declaration
+ <a class="anchor" href="#declaration"></a>
+ {% if CONFIG.source_location_url and method.source_location %}
+ <a class="srclink" title="go to source location" href="{{ CONFIG.source_link(method.source_location) }}">[src]</a>
+ {% endif %}
+ </h4>
+
+ <div class="docblock c-decl">
+ <pre><code>{{ method.c_decl|safe }}</code></pre>
+ </div>
+ </div>
+
+ <div class="description toggle-wrapper">
+ <h4 style="display:flex;" id="description">
+ Description
+ <a class="anchor" href="#description"></a>
+ {% if CONFIG.source_location_url and method.docs_location %}
+ <a class="srclink" title="go to source location" href="{{ CONFIG.source_link(method.docs_location) }}">[src]</a>
+ {% endif %}
+ </h4>
+
+ <div class="docblock">
+ {{ method.description|safe }}
+ </div>
+
+ <div class="docblock">
+ <table>
+ {% if method.stability %}
+ <tr><td>Stability:</td><td>{{ method.stability }}</td></tr>
+ {% endif %}
+ {% if method.available_since %}
+ <tr><td>Available since:</td><td>{{ method.available_since }}</td></tr>
+ {% endif %}
+ {% if method.deprecated_since %}
+ <tr><td>Deprecated since:</td><td>{{ method.deprecated_since.version }}</td></tr>
+ <tr><td colspan="2">{{ method.deprecated_since.message|safe }}</td></tr>
+ {% endif %}
++ {% if not method.introspectable %}
++ <tr><td>This method is not directly available to language bindings.</td></tr>
++ {% endif %}
++ {% if method.shadows %}
++ <tr><td>This method is renamed to <a href="method.{{class.name}}.{{method.shadows}}.html"><code>{{method.shadows_symbol}}()</code></a> in language bindings</td></tr>
++ {% endif %}
++ {% if method.shadowed_by %}
++ <tr><td>The implementation of this method is provided by <a href="method.{{class.name}}.{{method.shadowed_by}}.html"><code>{{method.shadowed_by_symbol}}()</code></a> in language bindings</td></tr>
++ {% endif %}
+ </table>
+ </div>
+
+ {% if method.attributes %}
+ <div class="docblock">
+ <table>
+ {% for (key, value) in method.attributes.items() %}
+ <tr><td>{{ key|escape }}</td><td>{{ value|escape }}</td></tr>
+ {% endfor %}
+ </table>
+ </div>
+ {% endif %}
+ </div>
+
+ {% if method.arguments|length != 0 %}
+ <div class="parameters toggle-wrapper">
+ <h4 id="parameters">
+ Parameters
+ <a href="#parameters" class="anchor"></a>
+ </h4>
+
+ <div class="docblock">
+ <table class="arguments">
+ {% for arg in method.arguments %}
+ <tr class="arg-name">
+ <td><code>{{ arg.name }}</code></td>
+ <td>
+ {%- if arg.is_array -%}An array of {%- endif -%}
+ {%- if arg.is_list -%}A list of {%- endif -%}
+ {%- if arg.link -%}
+ {{ arg.link|safe }}
+ {%- else -%}
+ <code>{{ arg.type_cname }}</code>
+ {%- endif -%}
+ </td>
+ </tr>
+ <tr class="arg-description">
+ <td> </td>
+ <td>{{ arg.description|safe }}</td>
+ </tr>
+ {% if arg.direction != "in" %}<tr><td> </td><td title="direction: {{ arg.direction}}">{{ arg.direction_note }}</td></tr>{% endif %}
+ {% if arg.direction == "in" and arg.nullable %}<tr><td> </td><td>The argument can be <code>NULL</code>.</td></tr>{% endif %}
+ {% if arg.direction in ["inout", "out"] and arg.nullable %}<tr><td> </td><td>The argument can be set to <code>NULL</code>.</td></tr>{% endif %}
+ {% if arg.optional %}<tr><td> </td><td>The argument can be <code>NULL</code>.</td></tr>{% endif %}
+ {% if arg.is_array and arg.zero_terminated %}<tr><td> </td><td>The array must be <code>NULL</code>-terminated.</td></tr>{% endif %}
+ {% if arg.is_array and arg.fixed_size > 0 %}<tr><td> </td><td>The array must have {{ arg.fixed_size }} elements.</td></tr>{% endif %}
+ {% if arg.is_array and arg.len_arg %}<tr><td> </td><td>The length of the array is specified in the <code>{{ arg.len_arg }}</code> argument.</td></tr>{% endif %}
+ {% if arg.is_pointer %}<tr><td> </td><td title="transfer: {{ arg.transfer }}">{{ arg.transfer_note }}</td></tr>{% endif %}
+ {% if arg.string_note %}<tr><td> </td><td>{{ arg.string_note }}</td></tr>{% endif %}
+ {% endfor %}
+ {% if method.throws %}
+ <tr class="arg-name">
+ <td><code>error</code></td>
+ <td><code>GError **</code></td>
+ </tr>
+ <tr class="arg-description">
+ <td> </td>
+ <td>The return location for a <code>GError*</code>, or <code>NULL</code>.</td>
+ </tr>
+ {% endif %}
+ </table>
+ </div>
+ </div>
+ {% endif %}
+
+ {% if method.return_value %}
+ <div class="return-value toggle-wrapper">
+ <h4 id="return-value">
+ Return value
+ <a href="#return-value" class="anchor"></a>
+ </h4>
+
+ <div class="docblock">
+ <table class="returns">
+ <tr class="arg-name">
+ <td>Returns:</td>
+ <td>
+ {%- if method.return_value.is_array -%}An array of {%- endif -%}
+ {%- if method.return_value.is_list -%}A list of {%- endif -%}
+ {%- if method.return_value.is_list_model -%}A list model of {%- endif -%}
+ {%- if method.return_value.link -%}
+ {{ method.return_value.link|safe }}
+ {%- else -%}
+ <code>{{ method.return_value.type_cname }}</code>
+ {%- endif -%}
+ </td>
+ </tr>
+ <tr class="arg-description">
+ <td> </td>
+ <td>{{ method.return_value.description|safe }}</td>
+ </tr>
+ {% if method.return_value.is_array and method.return_value.zero_terminated %}<tr><td> </td><td>The array is <code>NULL</code>-terminated.</td></tr>{% endif %}
+ {% if method.return_value.is_array and method.return_value.fixed_size > 0 %}<tr><td> </td><td>The array has {{ method.return_value.fixed_size }} elements.</td></tr>{% endif %}
+ {% if method.return_value.is_array and method.return_value.len_arg %}<tr><td> </td><td>The length of the array is in the <code>{{ method.return_value.len_arg }}</code> argument.</td></tr>{% endif %}
+ {% if method.return_value.is_pointer %}<tr><td> </td><td title="transfer: {{ method.return_value.transfer }}">{{ method.return_value.transfer_note }}</td></tr>{% endif %}
+ {% if method.return_value.is_pointer and method.return_value.nullable %}<tr><td> </td><td>The return value can be <code>NULL</code>.</td></tr>{% endif %}
+ {% if method.return_value.string_note %}<tr><td> </td><td>{{ method.return_value.string_note }}</td></tr>{% endif %}
+ </table>
+ </div>
+ </div>
+ {% endif %}
+
+ </section>
+</section>
+{% endblock %}
--- /dev/null
+<!--
+SPDX-FileCopyrightText: 2021 GNOME Foundation
+
+SPDX-License-Identifier: Apache-2.0 OR GPL-3.0-or-later
+-->
+
+{% extends "base.html" %}
+
+{% block title %}{{ namespace.name }}.{{ struct.name }}{% endblock %}
+
+{% block meta_other %}
+ <meta property="og:title" content="{{ namespace.name }}.{{ struct.name }}"/>
+ <meta property="og:description" content="Reference for {{ namespace.name }}.{{ struct.name }}"/>
+ <meta name="twitter:title" content="{{ namespace.name }}.{{ struct.name }}"/>
+ <meta name="twitter:description" content="Reference for {{ namespace.name }}.{{ struct.name }}"/>
+{% endblock %}
+
+{% macro sidebar_block(elements, struct_name, section_title, section_class, section_fragment) -%}
+{% if elements|length > 0 %}
+<div class="section">
+ <h5>{{ section_title }}</h5>
+ <div class="links">
+ {% for m in elements %}
+ <a class="{{ section_class }}" href="{{ section_fragment }}.{{ struct_name }}.{{ m.name }}.html">{{ m.name }}</a>
+ {% endfor %}
+ </div>
+</div>
+{% endif %}
+{% endmacro %}
+
+{% block sidebar %}
+<div class="section">
+ <h5>Type</h5>
+ <div class="links">
+ <a class="current" href="struct.{{ struct.name }}.html#description">{{ struct.name }}</a>
+ </div>
+</div>
+
+{{ sidebar_block(struct.ctors, struct.name, "Constructors", "ctor", "ctor") }}
+{{ sidebar_block(struct.type_funcs, struct.name, "Functions", "func", "type_func") }}
+{{ sidebar_block(struct.methods, struct.name, "Instance methods", "method", "method") }}
+{% endblock %}
+
+{% macro navbar_block(elements, section_title, section_link) -%}
+{% if elements|length > 0 %}
+<li class="toc-list-item"><a href="{{ section_link }}"><span class="link-text">{{ section_title }}</span></a></li>
+{% endif %}
+{% endmacro %}
+
+{% block navbar %}
+<div id="toc" class="toc">
+ <nav aria-labelledby="toc-title">
+ <p id="toc-title">Content</p>
+ <ul class="toc-list">
+ <li class="toc-list-item"><a href="#description"><span class="link-text">Description</span></a></li>
++ {% if struct.description_toc %}
++ <ul class="toc-list">
++ {% if struct.description_toc|length == 1 %}
++ {% for header in struct.description_toc[0].children %}
++ <li class="toc-list-item"><a href="#{{ header.id }}"><span class="link-text">{{ header.name }}</span></a></li>
++ {% endfor %}
++ {% else %}
++ {% for header in struct.description_toc %}
++ <li class="toc-list-item"><a href="#{{ header.id }}"><span class="link-text">{{ header.name }}</span></a></li>
++ {% endfor %}
++ {% endif %}
++ </ul>
++ {% endif %}
+ {{ navbar_block(struct.ctors, "Constructors", "#constructors") }}
+ {{ navbar_block(struct.type_funcs, "Functions", "#type-functions") }}
+ {{ navbar_block(struct.methods, "Methods", "#methods") }}
+ </ul>
+ </nav>
+</div>
+{% endblock %}
+
+{% block content %}
+<section id="main" class="content">
+ <header>
+ <h3>Struct</h3>
+ <h1><a href="index.html">{{ namespace.name }}</a><span class="sep"></span>{{ struct.name }}</h1>
+ </header>
+
+ <section>
+ <summary>
+ <div class="toggle-wrapper">
+ <h4 style="display:flex;" id="description">
+ Description
+ <a href="#description" class="anchor"></a>
+ {% if CONFIG.source_location_url and struct.docs_location %}
+ <a class="srclink" title="go to source location" href="{{ CONFIG.source_link(struct.docs_location) }}">[src]</a>
+ {% endif %}
+ </h4>
+
+ <pre><code>{{ struct.c_decl }}</code></pre>
+
+ <div class="docblock">
+ {{ struct.description }}
+ </div>
+
+ {% if struct.fields %}
+ <div class="toggle-wrapper">
+ <h6 style="display:flex;">
+ Structure members
+ {% if CONFIG.source_location_url and struct.source_location %}
+ <a class="srclink" title="go to source location" href="{{ CONFIG.source_link(struct.source_location) }}">[src]</a>
+ {% endif %}
+ </h6>
+
+ <div class="docblock">
+ <table>
+ {% for field in struct.fields %}
+ <tr>
+ <td><code>{{ field.name }}</code></td>
+ <td>{{ field.description }}</td>
+ </tr>
+ {% endfor %}
+ </table>
+ </div>
+ </div>
+ {% endif %}
+
+ <div class="docblock">
+ <table class="attributes">
+ {% if struct.stability %}
+ <tr><td>Stability:</td><td>{{ struct.stability }}</td></tr>
+ {% endif %}
+ {% if struct.available_since %}
+ <tr><td>Available since:</td><td>{{ struct.available_since }}</td></tr>
+ {% endif %}
+ {% if struct.deprecated_since %}
+ <tr><td>Deprecated since:</td><td>{{ struct.deprecated_since.version }}</td></tr>
+ <tr><td colspan="2">{{ struct.deprecated_since.message }}</td></tr>
+ {% endif %}
+ </table>
+ </div>
+
+ {% if struct.attributes %}
+ <div class="docblock">
+ <table class="attributes">
+ {% for (key, value) in struct.attributes.items() %}
+ <tr><td>{{ key|escape }}</td><td>{{ value|escape }}</td></tr>
+ {% endfor %}
+ </table>
+ </div>
+ {% endif %}
+ </div>
+ </summary>
+
+ {% if struct.ctors %}
+ <div class="toggle-wrapper constructors">
+ <h4 id="constructors">
+ Constructors
+ <a href="#constructors" class="anchor"></a>
+ </h4>
+
+ <div class="docblock">
+ {% for ctor in struct.ctors %}
+ <div class="{% if ctor.deprecated_since %}deprecated{% endif %}">
+ <h6><a href="ctor.{{ struct.name }}.{{ ctor.name }}.html">{{ ctor.identifier }}</a></h6>
+
+ <div class="docblock">
+ {{ ctor.summary }}
+ </div>
+
+ {% if ctor.available_since or ctor.deprecated_since -%}
+ <div class="docblock">
+ {%- if ctor.available_since -%}
+ <p>Available since: {{ ctor.available_since }}</p>
+ {%- endif -%}
+ {%- if ctor.deprecated_since -%}
+ <p>Deprecated since: {{ ctor.deprecated_since }}</p>
+ {%- endif -%}
+ </div>
+ {%- endif %}
+ </div>
+ {% endfor %}
+ </div>
+ </div>
+ {% endif %}
+
+ {% if struct.type_funcs %}
+ <div class="toggle-wrapper methods">
+ <h4 id="type-functions">
+ Functions
+ <a href="#type-functions" class="anchor"></a>
+ </h4>
+
+ <div class="docblock">
+ {% for func in struct.type_funcs %}
+ <div class="{% if func.deprecated_since %}deprecated{% endif %}">
+ <h6><a href="type_func.{{ struct.name }}.{{ func.name }}.html">{{ func.identifier }}</a></h6>
+
+ <div class="docblock">
+ {{ func.summary }}
+ </div>
+
+ {% if func.available_since or func.deprecated_since -%}
+ <div class="docblock">
+ {%- if func.available_since -%}
+ <p>Available since: {{ func.available_since }}</p>
+ {%- endif -%}
+ {%- if func.deprecated_since -%}
+ <p>Deprecated since: {{ func.deprecated_since }}</p>
+ {%- endif -%}
+ </div>
+ {%- endif %}
+ </div>
+ {% endfor %}
+ </div>
+ </div>
+ {% endif %}
+
+ {% if struct.methods %}
+ <div class="toggle-wrapper methods">
+ <h4 id="methods">
+ Instance methods
+ <a href="#methods" class="anchor"></a>
+ </h4>
+
+ <div class="docblock">
+ {% for method in struct.methods %}
+ <div class="{% if method.deprecated_since %}deprecated{% endif %}">
+ <h6><a href="method.{{ struct.name}}.{{ method.name }}.html">{{ method.identifier }}</a></h6>
+
+ <div class="docblock">
+ {{ method.summary }}
+ </div>
+
+ {% if method.available_since or method.deprecated_since -%}
+ <div class="docblock">
+ {%- if method.available_since -%}
+ <p>Available since: {{ method.available_since }}</p>
+ {%- endif -%}
+ {%- if method.deprecated_since -%}
+ <p>Deprecated since: {{ method.deprecated_since }}</p>
+ {%- endif -%}
+ </div>
+ {%- endif %}
+ </div>
+ {% endfor %}
+ </div>
+
+ </div>
+ {% endif %}
+
+ </section>
+</section>
+{% endblock %}
--- /dev/null
- --prefered-content-width: 90ch; /* The preferred width for the readable content */
+/*
+ * SPDX-FileCopyrightText: 2021 GNOME Foundation
+ *
+ * SPDX-License-Identifier: Apache-2.0 OR GPL-3.0-or-later
+ */
+
+@import url("solarized-light.css") (prefers-color-scheme: light);
+@import url("solarized-dark.css") (prefers-color-scheme: dark);
+
+@import url("fonts.css");
+
+/*********************************
+ * LIGHT THEME
+ *********************************/
+:root {
+
+ /* colors */
+ --text-color: rgb(51, 51, 51);
+ --text-color-muted: rgba(51, 51, 51, 0.65);
+ --primary: rgb(28, 118, 228);
+ --body-bg: #fff;
+ --sidebar-primary: rgb(144, 194, 255);
+ --sidebar-bg: #151515;
+ --sidebar-selected-bg: var(--primary);
+ --sidebar-hover-bg: rgba(127, 127, 127, 0.2);
+ --sidebar-text-color: #fafafa;
+ --sidebar-padding: 1.5em;
+
+ /* boxes, e.g. code blocks */
+ --box-bg: rgba(135, 135, 135, 0.085);
+ --box-radius: 0.35rem;
+ --box-padding: 0.75rem;
+ --box-margin: 0.75rem 0;
+ --box-text-color: #111;
+
+ /* typography */
+ --body-font-family: "Red Hat Text",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
+ --body-font-scale: 0.95;
+ --body-font-size: calc(var(--body-font-scale) * clamp(16px, 1vw, 18px));
+ --body-font-weight: normal;
+
+ --monospace-font-family: "Source Code Pro", monospace;
+ --monospace-font-size: calc(0.86 * var(--body-font-size)); /* Monospace fonts are very different in terms of font-sizes. Adjust this value to scale it */
+
+ --heading-font-family: "Red Hat Display", var(--body-font-family);
+ --heading-weight: 900;
+ --heading-font-scale: 1.05;
+
+ --heading-small-font-family: var(--heading-font-family);
+ --heading-small-weight: 600;
+ --heading-small-font-scale: 1;
+
+ --heading-table-font-family: var(--heading-font-family);
+ --heading-table-weight: 600;
+
+ --heading-docblock-color: #6d6d6d; /* docblocks have headings from source comments. we want them to differ.*/
+ --heading-docblock-scale: 0.9; /* docblocks have headings from source comments. we want them to differ.*/
+
+ --symbol-font-family: var(--heading-font-family);
+ --symbol-font-weight: 500;
+ --symbol-font-scale: 1;
+
+ --table-font-size: 0.92em; /* Tables often contain lots information. It's better to scale them down a big to get more sutff fitted inside */
+
+ /* misc */
- max-width: calc(var(--prefered-content-width) + 8em);
++ --preferred-content-width: 90ch; /* The preferred width for the readable content */
+ --anchor-sign: "#";
+
+}
+
+/*********************************
+ * DARK THEME (overrides)
+ *********************************/
+ @media (prefers-color-scheme: dark) {
+ :root {
+ --primary: rgb(144, 194, 255);
+ --text-color: #f6f6f6;
+ --text-color-muted: #686868;
+ --body-bg: #121212;
+ --sidebar-primary: rgb(144, 194, 255);
+ --sidebar-bg: #1e1e1e;
+ --sidebar-selected-bg: rgb(17, 112, 228);
+ --sidebar-text-color: #fafafa;
+ --box-bg: rgba(135, 135, 135, 0.1);
+ --box-text-color: #fff;
+ --heading-docblock-color: #b7b7b7;
+ }
+}
+
+/*********************************
+ * GENERAL STYLING
+ *********************************/
+*,
+*:before,
+*:after {
+ box-sizing: border-box;
+}
+
+::-moz-selection {
+ color: white;
+ background: var(--primary);
+}
+
+::selection {
+ color: white;
+ background: var(--primary);
+}
+
+::-webkit-scrollbar {
+ width: 8px;
+ height: 8px;
+}
+
+::-webkit-scrollbar-thumb {
+ border-radius: 10px;
+ background: rgba(128, 128, 128, 0.6);
+}
+
+::-webkit-scrollbar-thumb:hover {
+ background: rgba(128, 128, 128, 1);
+}
+
+::-webkit-scrollbar-track {
+ background: rgba(128, 128, 128, 0.15);
+}
+
+* {
+ scrollbar-width: initial;
+}
+
+body {
+ font: 16px/1.5 var(--body-font-family);
+ font-weight: var(--body-font-weight);
+ font-size: var(--body-font-size);
+ margin: 0;
+ padding: 0;
+ position: relative;
+
+ -webkit-font-feature-settings: "kern", "liga";
+ -moz-font-feature-settings: "kern", "liga";
+ font-feature-settings: "kern", "liga";
+ color: var(--text-color);
+ background: var(--body-bg);
+}
+
+h1, h2, h3, h4, h5, h6 {
+ font-family: var(--heading-font-family);
+ font-weight: var(--heading-weight);
+ margin: 1.75em 0 0.75em 0;
+ display: flex;
+ align-items: center;
+}
+
+h1 {
+ font-size: calc(1.75em * var(--heading-font-scale));
+}
+
+
+header h1 {
+ margin-top: 0;
+}
+
+h2 {
+ font-size: calc(1.4em * var(--heading-font-scale));
+}
+
+h3 {
+ font-size: calc(1.2em * var(--heading-font-scale));
+}
+
+header h3 {
+ color: var(--text-color-muted);
+ margin-bottom: 0;
+}
+
+h4, h5 {
+ font-size: calc(1em * var(--heading-font-scale));
+}
+
+h6 {
+ font-size: calc(1em * var(--heading-small-font-scale));
+ font-family: var(--heading-small-font-family);
+ font-weight: var(--heading-small-weight);
+}
+
+ol, ul {
+ padding-left: 1rem;
+}
+
+ul ul, ol ul, ul ol, ol ol {
+ margin-bottom: .6em;
+}
+
+p {
+ margin: 0 0 .6em 0;
+}
+
+a {
+ color: var(--primary);
+ text-decoration: none;
+}
+
+a:hover {
+ text-decoration: underline;
+}
+
+summary {
+ outline: none;
+}
+
+blockquote {
+ border-left: 3px solid var(--primary);
+ background: var(--box-bg);
+ padding: var(--box-padding);
+ border-radius: var(--box-radius);
+ margin: var(--box--margin);
+}
+
+span.sep::after {
+ content: "▸";
+}
+
+span.sep {
+ font-size: calc(0.5em * var(--monospace-font-size));
+ opacity: 0.55;
+ padding-left: .25em;
+ padding-right: .25em;
+}
+
+code,
+pre {
+ font-family: var(--monospace-font-family);
+ font-size: var(--monospace-font-size);
+ color: var(--box-text-color);
+}
+
+pre {
+ background: var(--box-bg);
+ padding: var(--box-padding);
+ border-radius: var(--box-radius);
+ overflow: auto;
+}
+
+code {
+ background: var(--box-bg);
+ padding: 0 0.35em;
+ border-radius: 0.35rem;
+ word-break: break-word;
+}
+
+a > code {
+ color: var(--primary);
+}
+
+
+pre pre,
+pre code {
+ padding: 0;
+ margin: 0;
+ font-size: 1em;
+ background: none;
+ color: inherit;
+}
+
+h1 code, h2 code, h3 code, h4 code, h5 code, h6 code {
+ font-family: inherit;
+ font-weight: inherit;
+ font-size: 0.85em;
+}
+
+strong, b {
+ font-weight: 600;
+}
+
+/* fix alignment of images on small screen */
+img, svg {
+ display: block;
+ max-width: 100%;
+ height: auto;
+}
+
+svg .node polygon, svg .node path {
+ transition: fill 150ms ease;
+ fill: var(--box-bg);
+ stroke: none;
+}
+
+svg .node a {
+ text-decoration: none !important;
+}
+
+svg .node a text {
+ fill: var(--text-color);
+ font-family: var(--body-font-family);
+}
+
+svg .node.link text {
+ fill: var(--primary);
+}
+
+svg .node.link:hover polygon, svg .node.link:hover path {
+ fill: var(--sidebar-hover-bg);
+}
+svg .node.link:hover text {
+ fill: var(--box-text-color);
+}
+svg .edge path {
+ stroke: var(--text-color);
+}
+
+/* fix unwanted margins in tables, code, lists and blockquotes */
+li > *:first-child,
+li > *:first-child > *:first-child,
+li > *:first-child > *:first-child > *:first-child,
+td > *:first-child,
+td > *:first-child > *:first-child,
+td > *:first-child > *:first-child > *:first-child,
+pre > *:first-child,
+pre > *:first-child > *:first-child,
+pre > *:first-child > *:first-child > *:first-child,
+blockquote > *:first-child,
+blockquote > *:first-child > *:first-child,
+blockquote > *:first-child > *:first-child > *:first-child {
+ margin-top: 0;
+}
+li > *:last-child,
+li > *:last-child > *:last-child,
+li > *:last-child > *:last-child > *:last-child,
+td > *:last-child,
+td > *:last-child > *:last-child,
+td > *:last-child > *:last-child > *:last-child,
+pre > *:last-child,
+pre > *:last-child > *:last-child,
+pre > *:last-child > *:last-child > *:last-child,
+blockquote > *:last-child,
+blockquote > *:last-child > *:last-child,
+blockquote > *:last-child > *:last-child > *:last-child {
+ margin-bottom: 0;
+}
+
+/*********************************
+ * PAGE STRUCTURE
+ *********************************/
+#body-wrapper {
+ display: flex;
+ flex-wrap: nowrap;
+ flex-direction: row;
+}
+
+#body-wrapper:focus {
+ outline: none;
+}
+
+#main {
+ position: relative;
+ flex-grow: 1;
+ min-width: 0;
+ box-shadow: 0 0 134px rgba(0, 0, 0, 0.1);
+}
+
+footer {
+ width: 100%;
+ display: none;
+}
+
+/*********************************
+ * Button
+ *********************************/
+
+#btn-to-top {
+ position: fixed;
+ bottom: 12px;
+ right: 32px;
+ z-index: 1000;
+ border-radius: 50%;
+ width: 42px;
+ height: 42px;
+ border: 1px solid var(--primary);
+ background: var(--box-bg);
+ color: var(--text-color);
+ cursor: pointer;
+ text-transform: none;
+}
+
+#btn-to-top > .up-arrow {
+ margin-left: -2px;
+}
+
+#btn-to-top > .up-arrow:after {
+ content: url(go-up-symbolic.png);
+}
+
+/*********************************
+ * SIDEBAR
+ *********************************/
+.sidebar {
+ scrollbar-width: thin;
+ background: var(--sidebar-bg);
+ border-right: 1px solid var(--sidebar-bg);
+ min-width: 35ch;
+ padding: var(--sidebar-padding);
+ color: var(--sidebar-text-color);
+ position: sticky;
+ top: 0;
+ z-index: 2;
+ height: 100vh;
+ overflow-y: auto;
+}
+
+.sidebar a,
+.sidebar a:hover {
+ text-decoration: none;
+}
+
+.sidebar .logo {
+ display: block;
+ margin: 1rem auto 1.2rem auto;
+ width: 50%;
+}
+
+.sidebar .section > ul > li {
+ margin-right: -10px;
+}
+
+.sidebar .section h3, .sidebar .section h5 {
+ text-align: left;
+ padding-left: 0.5rem;
+ padding-right: 0.5rem;
+ font-weight: var(--heading-weight);
+}
+
+.sidebar .section h5 {
+ font-size: 1em;
+ margin-bottom: 0.5em;
+}
+
+.sidebar .namespace > h3 {
+ margin-bottom: 0;
+ padding: 0;
+ font-size: 1.5em;
+ text-transform: uppercase;
+ font-weight: 900;
+}
+
+.sidebar .namespace > p {
+ font-size: 0.9em;
+ opacity: 0.8;
+ padding-left: 0.5rem;
+}
+
+.sidebar .section {
+ padding-left: 0.5rem;
+ padding-right: 0.5rem;
+ font-size: 80%;
+}
+
+.sidebar .links {
+ margin-bottom: 1rem;
+}
+
+.sidebar .section a {
+ display: block;
+ text-overflow: ellipsis;
+ overflow: hidden;
+ transition: background-color 150ms ease;
+ color: var(--sidebar-primary);
+ border-radius: var(--box-radius);
+ padding: 0.2rem 0.5rem;
+ margin-bottom: 0.15rem;
+}
+
+.sidebar .section a:hover {
+ background-color: var(--sidebar-hover-bg);
+ color: var(--sidebar-text-color);
+}
+
+.sidebar .section a.current {
+ background-color: var(--sidebar-selected-bg);
+ color: white;
+}
+
+.sidebar .search {
+ box-sizing: border-box;
+ text-align: center;
+}
+
+.sidebar .search input[type="text"] {
+ border-color: transparent;
+ width: 100%;
+ border: 1px solid #ccc;
+ border-radius: 50px;
+ padding: 6px 12px;
+ display: inline-block;
+ font-size: 14px;
+ box-shadow: inset 0 1px 3px #ddd;
+ transition: border .3s linear;
+}
+
+.toc {
+ display: block;
+ margin-top: 2em;
+ z-index: 3;
+ min-width: 15ch;
+ font-size: 80%;
+}
+
+.toc nav {
+ margin-left: 2em;
+ margin-right: 2em;
+}
+
+#toc-title {
+ text-transform: uppercase;
+ font-weight: var(--heading-weight);
+}
+
+.toc-list {
+ list-style-type: none;
+ margin: 0;
+ padding-left: 0;
+}
+
+.toc-list-item {
+ padding-top: .25em;
+}
+
++ul.toc-list > ul.toc-list {
++ padding-left: 1em;
++}
++
+/*********************************
+ * ANCHORS & TOGGLERS
+ *********************************/
+.anchor,
+.md-anchor {
+ position: relative;
+ z-index: 1;
+ text-decoration: none;
+ padding: 0 0.5em;
+ color: var(--text-color-muted);
+}
+
+.anchor:hover,
+.md-anchor:hover {
+ color: var(--primary);
+}
+
+.anchor:not([href]),
+.md-anchor:not([href]) {
+ display: none;
+}
+
+.anchor:before,
+.md-anchor:before {
+ content: var(--anchor-sign); /*'§'*/
+}
+
+.toggle-wrapper {
+ position: relative;
+}
+
+.collapse-toggle {
+ position: absolute;
+ right: 0;
+ left: -2em;
+ white-space: nowrap;
+ text-decoration: none;
+ font-size: 0.8em;
+ color: transparent;
+}
+
+.collapse-toggle > .inner {
+ width: 1rem;
+ height: 1rem;
+ border-radius: calc(0.75 * var(--box-radius));
+ display: inline-flex;
+ justify-content: center;
+ align-items: center;
+ text-align: center;
+ vertical-align: middle;
+ color: var(--box-text-color);
+ position: relative;
+ left: -0.25rem;
+ font-family: monospace;
+ font-size: 0.7rem;
+ font-weight: bold;
+ background: var(--box-bg);
+}
+
+/*********************************
+ * UTILITY
+ *********************************/
+.deprecated > h6 > a {
+ opacity: 0.65;
+}
+
+.hidden {
+ display: none !important;
+}
+
+/*********************************
+ * CONTENT STYLING
+ *********************************/
+.content {
+ padding: 2em 4em;
+ overflow: visible;
- padding: 3px 5px;
- font: 15px monospace;
++ max-width: calc(var(--preferred-content-width) + 8em);
+}
+
+.content table:not(.table-display) {
+ border-spacing: 0 0.25rem;
+}
+
+.content td {
+ vertical-align: top;
+}
+
+.content td:first-child {
+ padding-right: 1rem;
+}
+
+.content td p:first-child {
+ margin-top: 0;
+}
+
+.content td h1, .content td h2 {
+ margin-left: 0;
+ font-size: 1.1em;
+}
+
+.content tr:first-child td {
+ border-top: 0;
+}
+
+kbd {
+ display: inline-block;
- border: solid 1px;
- border-radius: 3px;
- box-shadow: inset 0 -1px 0;
++ padding: 8px;
++ font: 10px monospace;
+ line-height: 10px;
+ vertical-align: middle;
++ border: none;
++ border-radius: 6px;
++ box-shadow: 0 0 3px rgba(0,0,0,0.3);
++ margin: 3px;
++ background-color: var(--box-bg);
+ cursor: default;
+}
+
+.content tr:first-child {
+ border-bottom: 1px solid rgba(0, 0, 0, 0.35);
+}
+
+.content td {
+ vertical-align: top;
+}
+
+.content td:first-child {
+ padding-right: 1rem;
+}
+
+.content td p:first-child {
+ margin-top: 0;
+}
+
+.content td h4, .content td h5 {
+ margin-left: 0;
+ font-size: 1.1em;
+}
+
+.content tr:first-child td {
+ border-top: 0;
+}
+
+.srclink {
+ color: var(--text-color-muted);
+ font-size: 1rem;
+ font-weight: var(--body-font-weight);
+ flex-grow: 0;
+ text-decoration: none;
+ margin-left: auto;
+ position: relative;
+ z-index: 1;
+}
+
+.meta tr > td:not(:first-child) {
+ width: 100%;
+}
+
+.meta tr > td:first-child {
+ white-space: nowrap;
+}
+
+/*********************************
+ * DOCBLOCK STYLING
+ *********************************/
+.docblock {
+ position: relative;
+ text-align: left;
+}
+
+.docblock h1 {
+ font-size: calc(1.3em * var(--heading-docblock-scale) * var(--heading-font-scale));
+}
+
+.docblock h2 {
+ font-size: calc(1.2em * var(--heading-docblock-scale) * var(--heading-font-scale));
+}
+
+.docblock h3 {
+ font-size: calc(1.1em * var(--heading-docblock-scale) * var(--heading-font-scale));
+}
+
+.docblock h4 {
+ font-size: calc(1.05em * var(--heading-docblock-scale) * var(--heading-font-scale));
+}
+
+.docblock h1,
+.docblock h2,
+.docblock h3,
+.docblock h4,
+.docblock h5,
+.docblock h6 {
+ color: var(--heading-docblock-color)
+}
+
+.docblock table {
+ margin: .25em 0;
+ max-width: 100%;
+ font-size: var(--table-font-size);
+}
+
+.docblock table td {
+ padding: .25em;
+}
+
+.docblock table th {
+ padding: .25em;
+ text-align: left;
+ font-family: var(--heading-table-font-family);
+ font-weight: var(--heading-table-weight);
+}
+
+.docblock table tr th:first-child,
+.docblock table tr td:first-child {
+ padding-left: 0;
+}
+
+.docblock table tr th:last-child,
+.docblock table tr td:last-child {
+ padding-right: 0;
+}
+
+table.enum-members,
+table.results {
+ border-radius: var(--box-radius);
+ border: 1px solid var(--text-color-muted);
+ border-spacing: 0 0 !important;
+ font-size: 80%;
+}
+
+table.enum-members tr th,
+table.results tr th {
+ border-top-color: var(--body-bg);
+ background-color: var(--box-bg);
+ border-bottom: 1px solid var(--text-color-muted);
+}
+
+table.enum-members tr th:first-child,
+table.enum-members tr td:first-child {
+ min-width: 25em;
+ padding-left: .5em;
+}
+
+table.results tr th:first-child,
+table.results tr td:first-child {
+ padding-left: .5em;
+}
+
+table.enum-members tr th:last-child,
+table.enum-members tr td:last-child,
+table.results tr th:last-child,
+table.results tr td:last-child {
+ max-width: 35em;
+ padding-right: .5em;
+}
+
+table.results tr td code {
+ font-size: 100%;
+}
+
+table.arguments tr td,
+table.returns tr td {
+ color: var(--text-color-muted);
+}
+
+table.arguments tr td:first-child,
+table.returns tr td:first-child {
+ min-width: 12em;
+}
+
+table.arguments tr.arg-name td,
+table.arguments tr.arg-description td,
+table.returns tr.arg-name td,
+table.returns tr.arg-description td {
+ color: var(--text-color);
+}
+
+.docblock ul li,
+.docblock ol li {
+ padding-top: 0.15rem;
+ padding-bottom: 0.15rem;
+}
+
+.docblock ul.type {
+ list-style: none;
+}
+
+.docblock ul.type li::before {
+ content: "»";
+ color: var(--text-color);
+ display: inline-block;
+ width: 1em;
+ margin-left: -1em;
+}
+
+.docblock .codehilite {
+ position: relative;
+}
+.docblock .codehilite > .copy-button {
+ position: absolute;
+ top: 0;
+ right: 0;
+
+ border: none;
+ background: none;
+
+ margin: var(--box-padding);
+ cursor: pointer;
+}
+
+.docblock .codehilite > .copy-button {
+ transition: background-color 150ms ease;
+ color: var(--primary);
+ border-radius: var(--box-radius);
+ padding: 0.2rem 0.5rem;
+ margin: var(--box-padding);
+}
+
+.docblock .codehilite > .copy-button:hover {
+ background-color: var(--sidebar-hover-bg);
+ color: var(--text-color);
+}
+
+.docblock .codehilite > .copy-button:active {
+ background-color: var(--primary);
+}
+
+
+/*************************************************************
+ SYMBOLS
+**************************************************************/
+.symbol,
+.constructors h6,
+.methods h6,
+.signals h6,
+.properties h6,
+.type-funcs h6,
+.implements a,
+.ancestors a,
+.descendants a,
+.implementations a,
+.sidebar .links a
+.toc a
+{
+ font-family: var(--symbol-font-family);
+ font-size: calc(1em * var(--symbol-font-scale));
+ font-weight: var(--symbol-font-weight);
+}
+
+/**************************
+ RESPONSIVENESS
+**************************/
+@media (max-width: 700px) {
+ body {
+ padding-top: 0px;
+ }
+
+ #body-wrapper {
+ flex-direction: column;
+ overflow: hidden;
+ }
+
+ #main {
+ width: 100%;
+ padding: 2rem;
+ }
+
+ .sidebar {
+ position: static;
+ height: initial;
+ order: 1;
+ }
+
+ .toc {
+ display: hidden;
+ }
+}
projects / gtk4.git / commitdiff