From 5b48e7eb1b90003447b857f794ce5aced2ee3631 Mon Sep 17 00:00:00 2001 From: Aaron Johnson Date: Sun, 19 Apr 2020 19:26:57 -0500 Subject: [PATCH] dark mode rc3 --- SkyfallDarkTeal/gtk-3.0/gtk-widgets.css | 908 ++++++++++++++++++++++++ SkyfallDarkTeal/gtk-3.0/gtk.css | 5 +- 2 files changed, 911 insertions(+), 2 deletions(-) diff --git a/SkyfallDarkTeal/gtk-3.0/gtk-widgets.css b/SkyfallDarkTeal/gtk-3.0/gtk-widgets.css index 9f90857..4d6c36d 100644 --- a/SkyfallDarkTeal/gtk-3.0/gtk-widgets.css +++ b/SkyfallDarkTeal/gtk-3.0/gtk-widgets.css @@ -1406,6 +1406,914 @@ button separator { inset 0px -1px @button_default_box_shadow_color; } + +/*** START BUTTON MOD ***/ +button { + min-height: 20px; + min-width: 20px; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + padding: 2px 6px; + outline-width: 0px; + outline-offset: -4px; + color: #E3E6EA; + outline-color: rgba(243, 243, 245, 0.3); + background-image: linear-gradient(to bottom, #4f5053, #343436); + text-shadow: 0 -1px rgba(0, 0, 0, 0.7); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.7); + border-image: -gtk-scaled(url("borders/button-normal-border-dark.png"), url("borders/button-normal-border-dark@2.png")) 2 2 3 2/2px 2px 3px 2px stretch; + border-radius: 2px; + border-width: 1px 1px 2px 1px; + border-style: solid; + border-color: transparent; } + button separator { + margin: 4px 1px; } + button.flat, button.sidebar-button { + border-color: transparent; + border-image: none; + background-color: transparent; + background-image: none; + box-shadow: none; + text-shadow: none; + outline-width: 0px; + -gtk-icon-shadow: none; + text-shadow: 0 -1px rgba(0, 0, 0, 0.7); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.7); + transition: none; } + button.flat:hover, button.sidebar-button:hover { + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 350ms; } + button.flat:hover:active, button.sidebar-button:hover:active { + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 50ms; } + button:focus { + color: #f3f6ff; + border-image: -gtk-scaled(url("borders/button-focused-border-dark.png"), url("borders/button-focused-border-dark@2.png")) 3 3 4 3/3px 3px 4px 3px stretch; + outline-width: 0px; + border-radius: 2px; + border-width: 1px 1px 2px 1px; + border-style: solid; + border-color: transparent; } + button:hover { + color: white; + outline-color: rgba(243, 243, 245, 0.3); + background-image: linear-gradient(to bottom, #5e6064, #393A3B); + text-shadow: 0 -1px rgba(0, 0, 0, 0.7); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.7); + border-image: -gtk-scaled(url("borders/button-hover-border-dark.png"), url("borders/button-hover-border-dark@2.png")) 2 2 3 2/2px 2px 3px 2px stretch; + border-radius: 2px; + border-width: 1px 1px 2px 1px; + border-style: solid; + border-color: transparent; + -gtk-icon-effect: highlight; } + button:active, button:checked { + color: white; + outline-width: 0px; + outline-color: rgba(255, 255, 255, 0.3); + background-image: linear-gradient(to bottom, #242525, #37383A); + text-shadow: 0 -1px rgba(0, 0, 0, 0.4); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.4); + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2); + border-image: -gtk-scaled(url("borders/button-active-border-dark.png"), url("borders/button-active-border-dark@2.png")) 2 2 3 2/2px 2px 3px 2px stretch; + border-radius: 2px; + border-width: 1px 1px 2px 1px; + border-style: solid; + border-color: transparent; + transition-duration: 50ms; } + button.flat:disabled, button.sidebar-button:disabled { + border-color: transparent; + border-image: none; + background-color: transparent; + background-image: none; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } + button:disabled { + color: #dcdee2; + background-image: linear-gradient(to bottom, #434446, #434446); + text-shadow: none; + -gtk-icon-shadow: none; + border-image: -gtk-scaled(url("borders/button-normal-border-dark.png"), url("borders/button-normal-border-dark@2.png")) 2 2 3 2/2px 2px 3px 2px stretch; + outline-width: 0px; + border-radius: 2px; + border-width: 1px 1px 2px 1px; + border-style: solid; + border-color: transparent; } + button:disabled > label, button:disabled label { + color: inherit; } + button:disabled:active, button:disabled:checked { + color: #dcdee2; + background-image: linear-gradient(to bottom, #3a3b3b, #3f4141); + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2); + border-image: -gtk-scaled(url("borders/button-active-border-dark.png"), url("borders/button-active-border-dark@2.png")) 2 2 3 2/2px 2px 3px 2px stretch; + outline-width: 0px; + border-radius: 2px; + border-width: 1px 1px 2px 1px; + border-style: solid; + border-color: transparent; } + button:disabled:active > label, button:disabled:active label, button:disabled:checked > label, button:disabled:checked label { + color: inherit; } + + button.image-button { + min-width: 32px; + padding-left: 0; + padding-right: 0; } + button.text-button { + padding-left: 16px; + padding-right: 16px; } + button.text-button.image-button { + padding-left: 8px; + padding-right: 8px; } + button.text-button.image-button label { + padding-left: 8px; + padding-right: 8px; } + button:drop(active) { + color: #4e9a06; } + + button.osd { + color: #E3E6EA; + outline-width: 0px; + outline-color: rgba(255, 255, 255, 0.3); + background-image: linear-gradient(to bottom, rgba(70, 70, 72, 0.75), rgba(52, 52, 54, 0.75)); + text-shadow: 0 -1px rgba(0, 0, 0, 0.75); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.75); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(0, 0, 0, 0.1); + border: 1px solid rgba(0, 0, 0, 0.75); + border-image: none; + border-radius: 2px; } + button.osd:hover { + color: #3266FB; + outline-color: rgba(255, 255, 255, 0.3); + background-image: linear-gradient(to bottom, rgba(82, 82, 85, 0.75), rgba(65, 65, 67, 0.75)); + text-shadow: 0 -1px rgba(0, 0, 0, 0.75); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.75); + border: 1px solid rgba(0, 0, 0, 0.75); + border-image: none; + border-radius: 2px; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(0, 0, 0, 0.1); } + button.osd:active, button.osd:checked { + color: #3266DB; + outline-width: 0px; + outline-color: rgba(255, 255, 255, 0.3); + background-image: linear-gradient(to bottom, rgba(22, 22, 23, 0.75), rgba(34, 34, 36, 0.75)); + text-shadow: 0 -1px rgba(0, 0, 0, 0.75); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.75); + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); + border: 1px solid rgba(0, 0, 0, 0.75); + border-image: none; + border-radius: 2px; } + button.osd:disabled { + color: #dcdee2; + outline-width: 0px; + background-image: linear-gradient(to bottom, rgba(65, 65, 67, 0.7), rgba(65, 65, 67, 0.7)); + text-shadow: none; + -gtk-icon-shadow: none; + border: 1px solid rgba(0, 0, 0, 0.75); + border-image: none; + border-radius: 2px; } + button.osd.image-button { + padding: 0; + min-height: 36px; + min-width: 36px; } + + .osd button, + .osd .linked:not(.vertical) > button { + color: #E3E6EA; + outline-width: 0px; + outline-color: rgba(255, 255, 255, 0.3); + background-image: linear-gradient(to bottom, rgba(70, 70, 72, 0.75), rgba(52, 52, 54, 0.75)); + text-shadow: 0 -1px rgba(0, 0, 0, 0.75); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.75); } + .osd button:hover, .osd button.flat:hover, .osd button.sidebar-button:hover, + .osd .linked:not(.vertical) > button:hover, + .osd .linked:not(.vertical) > button.flat:hover, + .osd .linked:not(.vertical) > button.sidebar-button:hover { + color: #3266FB; + outline-width: 0px; + outline-color: rgba(255, 255, 255, 0.3); + background-image: linear-gradient(to bottom, rgba(82, 82, 85, 0.75), rgba(65, 65, 67, 0.75)); + text-shadow: 0 -1px rgba(0, 0, 0, 0.75); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.75); } + .osd button:active, .osd button:checked, + .osd .linked:not(.vertical) > button:active, + .osd .linked:not(.vertical) > button:checked { + color: #3266DB; + outline-width: 0px; + outline-color: rgba(255, 255, 255, 0.3); + background-image: linear-gradient(to bottom, rgba(22, 22, 23, 0.75), rgba(34, 34, 36, 0.75)); + text-shadow: 0 -1px rgba(0, 0, 0, 0.75); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.75); + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); } + .osd button:disabled, + .osd .linked:not(.vertical) > button:disabled { + color: #dcdee2; + background-image: linear-gradient(to bottom, rgba(65, 65, 67, 0.7), rgba(65, 65, 67, 0.7)); + text-shadow: none; + -gtk-icon-shadow: none; } + .osd button.flat, .osd button.sidebar-button, .osd button.flat:only-child:not(:hover), .osd button.sidebar-button:only-child:not(:hover), + .osd .linked:not(.vertical) > button.flat, + .osd .linked:not(.vertical) > button.sidebar-button, + .osd .linked:not(.vertical) > button.flat:only-child:not(:hover), + .osd .linked:not(.vertical) > button.sidebar-button:only-child:not(:hover) { + border-color: transparent; + border-image: none; + background-color: transparent; + background-image: none; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; + outline-width: 0px; + border: 1px solid transparent; + text-shadow: 0 -1px rgba(0, 0, 0, 0.75); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.75); } + .osd button.flat:hover, .osd button.sidebar-button:hover, .osd button.flat:only-child:not(:hover):hover, .osd button.sidebar-button:only-child:not(:hover):hover, + .osd .linked:not(.vertical) > button.flat:hover, + .osd .linked:not(.vertical) > button.sidebar-button:hover, + .osd .linked:not(.vertical) > button.flat:only-child:not(:hover):hover, + .osd .linked:not(.vertical) > button.sidebar-button:only-child:not(:hover):hover { + color: #3266FB; } + .osd button.flat:disabled, .osd button.sidebar-button:disabled, .osd button.flat:only-child:not(:hover):disabled, .osd button.sidebar-button:only-child:not(:hover):disabled, + .osd .linked:not(.vertical) > button.flat:disabled, + .osd .linked:not(.vertical) > button.sidebar-button:disabled, + .osd .linked:not(.vertical) > button.flat:only-child:not(:hover):disabled, + .osd .linked:not(.vertical) > button.sidebar-button:only-child:not(:hover):disabled { + color: #dcdee2; } + .osd button.flat:active, .osd button.sidebar-button:active, .osd button.flat:checked, .osd button.sidebar-button:checked, .osd button.flat:only-child:not(:hover):active, .osd button.sidebar-button:only-child:not(:hover):active, .osd button.flat:only-child:not(:hover):checked, .osd button.sidebar-button:only-child:not(:hover):checked, + .osd .linked:not(.vertical) > button.flat:active, + .osd .linked:not(.vertical) > button.sidebar-button:active, + .osd .linked:not(.vertical) > button.flat:checked, + .osd .linked:not(.vertical) > button.sidebar-button:checked, + .osd .linked:not(.vertical) > button.flat:only-child:not(:hover):active, + .osd .linked:not(.vertical) > button.sidebar-button:only-child:not(:hover):active, + .osd .linked:not(.vertical) > button.flat:only-child:not(:hover):checked, + .osd .linked:not(.vertical) > button.sidebar-button:only-child:not(:hover):checked { + color: #3266DB; + outline-width: 0px; + outline-color: rgba(255, 255, 255, 0.3); + background-image: linear-gradient(to bottom, rgba(22, 22, 23, 0.75), rgba(34, 34, 36, 0.75)); + text-shadow: 0 -1px rgba(0, 0, 0, 0.75); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.75); + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); + border: 1px solid rgba(0, 0, 0, 0.75); + border-image: none; + border-radius: 2px; } + + button.suggested-action { + color: #E3E6EA; + outline-width: 0px; + outline-color: rgba(255, 255, 255, 0.3); + background-image: linear-gradient(to bottom, #407cbc, #2a5285); + text-shadow: 0 -1px rgba(0, 0, 0, 0.3); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.3); + border-image: -gtk-scaled(url("borders/button-normal-border-suggested-dark.png"), url("borders/button-normal-border-suggested-dark@2.png")) 2 2 3 2/2px 2px 3px 2px stretch; + border-radius: 2px; + border-width: 1px 1px 2px 1px; + border-style: solid; + border-color: transparent; } + button.suggested-action:hover { + background-image: linear-gradient(to bottom, #4e86c3, #2c578d); } + button.suggested-action:active, button.suggested-action:checked { + color: white; + outline-width: 0px; + background-image: linear-gradient(to bottom, #244672, #3a6fa9); + border-image: -gtk-scaled(url("borders/button-active-border-suggested-dark.png"), url("borders/button-active-border-suggested-dark@2.png")) 2 2 3 2/2px 2px 3px 2px stretch; + border-radius: 2px; + border-width: 1px 1px 2px 1px; + border-style: solid; + border-color: transparent; } + button.suggested-action:disabled { + color: #dcdee2; + outline-width: 0px; + background-image: linear-gradient(to bottom, rgba(50, 102, 251, 0.8), rgba(50, 102, 251, 0.8)); + text-shadow: none; + -gtk-icon-shadow: none; } + button.suggested-action:disabled > image, button.suggested-action:disabled label { + color: #dcdee2; } + button.suggested-action:disabled:active, button.suggested-action:disabled:checked { + background-image: linear-gradient(to bottom, rgba(50, 102, 251, 0.9), rgba(50, 102, 251, 0.9)); } + button.suggested-action:disabled:active > image, button.suggested-action:disabled:active label, button.suggested-action:disabled:checked > image, button.suggested-action:disabled:checked label { + color: #dcdee2; } + + button.destructive-action { + color: #E3E6EA; + outline-width: 0px; + outline-color: rgba(255, 255, 255, 0.3); + background-image: linear-gradient(to bottom, #e86060, #ce3535); + text-shadow: 0 -1px rgba(0, 0, 0, 0.3); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.3); + border-image: -gtk-scaled(url("borders/button-normal-border-destructive-dark.png"), url("borders/button-normal-border-destructive-dark@2.png")) 2 2 3 2/2px 2px 3px 2px stretch; + border-radius: 2px; + border-width: 1px 1px 2px 1px; + border-style: solid; + border-color: transparent; } + button.destructive-action:hover { + background-image: linear-gradient(to bottom, #eb7272, #d03d3d); } + button.destructive-action:active, button.destructive-action:checked { + color: white; + outline-width: 0px; + background-image: linear-gradient(to bottom, #bc2e2e, #e54a4a); + border-image: -gtk-scaled(url("borders/button-active-border-destructive-dark.png"), url("borders/button-active-border-destructive-dark@2.png")) 2 2 3 2/2px 2px 3px 2px stretch; + border-radius: 2px; + border-width: 1px 1px 2px 1px; + border-style: solid; + border-color: transparent; } + button.destructive-action:disabled { + color: #dcdee2; + background-image: linear-gradient(to bottom, rgba(232, 96, 96, 0.8), rgba(232, 96, 96, 0.8)); + text-shadow: none; + -gtk-icon-shadow: none; } + button.destructive-action:disabled > image, button.destructive-action:disabled label { + color: inherit; } + button.destructive-action:disabled:active, button.destructive-action:disabled:checked { + background-image: linear-gradient(to bottom, rgba(232, 96, 96, 0.9), rgba(232, 96, 96, 0.9)); } + button.destructive-action:disabled:active > image, button.destructive-action:disabled:active label, button.destructive-action:disabled:checked > image, button.destructive-action:disabled:checked label { + color: inherit; } + + .stack-switcher > button { + outline-offset: -3px; } + .stack-switcher > button > label { + padding-left: 6px; + padding-right: 6px; } + .stack-switcher > button > image { + padding-left: 6px; + padding-right: 6px; + padding-top: 3px; + padding-bottom: 3px; } + .stack-switcher > button.text-button { + padding-left: 10px; + padding-right: 10px; } + .stack-switcher > button.image-button { + padding-left: 2px; + padding-right: 2px; } + .stack-switcher > button.needs-attention:active > label, .stack-switcher > button.needs-attention:active > image, .stack-switcher > button.needs-attention:checked > label, .stack-switcher > button.needs-attention:checked > image { + outline-width: 0px; + animation: none; + background-image: none; } + .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image, button stacksidebar row.needs-attention > label, stacksidebar button row.needs-attention > label { + animation: needs_attention 150ms ease-in; + outline-width: 0px; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#3266FB), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, to(rgba(255, 255, 255, 0.2)), to(transparent)); + background-size: 6px 6px, 6px 6px; + background-repeat: no-repeat; + background-position: right 3px, right 4px; } + .stack-switcher > button.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > image:dir(rtl), button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button row.needs-attention > label:dir(rtl) { + background-position: left 3px, left 4px; } + +.inline-toolbar toolbutton > button { + color: #E3E6EA; + outline-width: 0px; + outline-color: rgba(243, 243, 245, 0.3); + background-image: linear-gradient(to bottom, #4f5053, #343436); + text-shadow: 0 -1px rgba(0, 0, 0, 0.7); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.7); + border-image: -gtk-scaled(url("borders/button-normal-border-dark.png"), url("borders/button-normal-border-dark@2.png")) 2 2 3 2/2px 2px 3px 2px stretch; + border-radius: 2px; + border-width: 1px 1px 2px 1px; + border-style: solid; + border-color: transparent; } + .inline-toolbar toolbutton > button:hover { + color: white; + outline-width: 0px; + outline-color: rgba(243, 243, 245, 0.3); + background-image: linear-gradient(to bottom, #5e6064, #393A3B); + text-shadow: 0 -1px rgba(0, 0, 0, 0.7); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.7); + border-image: -gtk-scaled(url("borders/button-hover-border-dark.png"), url("borders/button-hover-border-dark@2.png")) 2 2 3 2/2px 2px 3px 2px stretch; + border-radius: 2px; + border-width: 1px 1px 2px 1px; + border-style: solid; + border-color: transparent; } + .inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { + color: white; + outline-width: 0px; + outline-color: rgba(255, 255, 255, 0.3); + background-image: linear-gradient(to bottom, #242525, #37383A); + text-shadow: 0 -1px rgba(0, 0, 0, 0.4); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.4); + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2); + border-image: -gtk-scaled(url("borders/button-active-border-dark.png"), url("borders/button-active-border-dark@2.png")) 2 2 3 2/2px 2px 3px 2px stretch; + border-radius: 2px; + border-width: 1px 1px 2px 1px; + border-style: solid; + border-color: transparent; } + .inline-toolbar toolbutton > button:disabled { + color: #dcdee2; + outline-width: 0px; + background-image: linear-gradient(to bottom, #434446, #434446); + text-shadow: none; + -gtk-icon-shadow: none; + border-image: -gtk-scaled(url("borders/button-normal-border-dark.png"), url("borders/button-normal-border-dark@2.png")) 2 2 3 2/2px 2px 3px 2px stretch; + border-radius: 2px; + border-width: 1px 1px 2px 1px; + border-style: solid; + border-color: transparent; } + .inline-toolbar toolbutton > button:disabled > label, .inline-toolbar toolbutton > button:disabled label { + color: inherit; } + .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { + color: #dcdee2; + background-image: linear-gradient(to bottom, #3a3b3b, #3f4141); + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2); + border-image: -gtk-scaled(url("borders/button-active-border-dark.png"), url("borders/button-active-border-dark@2.png")) 2 2 3 2/2px 2px 3px 2px stretch; + border-radius: 2px; + border-width: 1px 1px 2px 1px; + border-style: solid; + border-color: transparent; } + .inline-toolbar toolbutton > button:disabled:active > label, .inline-toolbar toolbutton > button:disabled:active label, .inline-toolbar toolbutton > button:disabled:checked > label, .inline-toolbar toolbutton > button:disabled:checked label { + color: #dcdee2; } + +toolbar.inline-toolbar toolbutton > button.flat, toolbar.inline-toolbar toolbutton > button.sidebar-button, .inline-toolbar button, .linked:not(.vertical) > button, +.linked:not(.vertical) > button:hover, spinbutton:not(.vertical) button.down, .linked:not(.vertical) > combobox > box > button.combo:dir(ltr), .linked:not(.vertical) > combobox > box > button.combo:dir(rtl) { + border-image: -gtk-scaled(url("borders/middle-button-normal-border-dark.png"), url("borders/middle-button-normal-border-dark@2.png")) 2 1 3 1/2px 1px 3px 1px stretch; + outline-width: 0px; + border-radius: 0; + border-width: 1px 0 2px 0; + border-style: solid; + border-color: transparent; } + + toolbar.inline-toolbar toolbutton > button.flat:active, toolbar.inline-toolbar toolbutton > button.sidebar-button:active, .inline-toolbar button:active, .linked:not(.vertical) > button:active, spinbutton:not(.vertical) button.down:active, .linked:not(.vertical) > combobox > box > button.combo:active:dir(ltr), .linked:not(.vertical) > combobox > box > button.combo:active:dir(rtl), toolbar.inline-toolbar toolbutton > button.flat:checked, toolbar.inline-toolbar toolbutton > button.sidebar-button:checked, .inline-toolbar button:checked, .linked:not(.vertical) > button:checked, spinbutton:not(.vertical) button.down:checked, .linked:not(.vertical) > combobox > box > button.combo:checked:dir(ltr), .linked:not(.vertical) > combobox > box > button.combo:checked:dir(rtl) { + border-image: -gtk-scaled(url("borders/middle-button-active-border-dark.png"), url("borders/middle-button-active-border-dark@2.png")) 2 1 3 1/2px 1px 3px 1px stretch; + border-radius: 0; + border-width: 1px 0 2px 0; + border-style: solid; + border-color: transparent; } + +.inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat, toolbar.inline-toolbar toolbutton:first-child > button.sidebar-button, spinbutton:not(.vertical) button.down:first-child, spinbutton:not(.vertical) button.up:dir(rtl), combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > box > button.combo { + border-image: -gtk-scaled(url("borders/left-button-normal-border-dark.png"), url("borders/left-button-normal-border-dark@2.png")) 2 1 3 2/2px 1px 3px 2px stretch; + outline-width: 0px; + border-radius: 2px 0 0 2px; + border-width: 1px 0 2px 1px; + border-style: solid; + border-color: transparent; } + + .inline-toolbar button:first-child:active, .linked:not(.vertical) > button:first-child:active, toolbar.inline-toolbar toolbutton:first-child > button.flat:active, toolbar.inline-toolbar toolbutton:first-child > button.sidebar-button:active, spinbutton:not(.vertical) button.down:first-child:active, spinbutton:not(.vertical) button.up:active:dir(rtl), combobox.linked button:active:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > box > button.combo:active, .inline-toolbar button:first-child:checked, .linked:not(.vertical) > button:first-child:checked, toolbar.inline-toolbar toolbutton:first-child > button.flat:checked, toolbar.inline-toolbar toolbutton:first-child > button.sidebar-button:checked, spinbutton:not(.vertical) button.down:first-child:checked, spinbutton:not(.vertical) button.up:checked:dir(rtl), combobox.linked button:checked:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > box > button.combo:checked { + border-image: -gtk-scaled(url("borders/left-button-active-border-dark.png"), url("borders/left-button-active-border-dark@2.png")) 2 1 3 2/2px 1px 3px 2px stretch; + outline-width: 0px; + border-radius: 2px 0 0 2px; + border-width: 1px 0 2px 1px; + border-style: solid; + border-color: transparent; } + +.inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat, toolbar.inline-toolbar toolbutton:last-child > button.sidebar-button, spinbutton:not(.vertical) button.down:last-child, spinbutton:not(.vertical) button.up:dir(ltr), combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > box > button.combo { + border-image: -gtk-scaled(url("borders/right-button-normal-border-dark.png"), url("borders/right-button-normal-border-dark@2.png")) 2 2 3 1/2px 2px 3px 1px stretch; + outline-width: 0px; + border-radius: 0 2px 2px 0; + border-width: 1px 1px 2px 0; + border-style: solid; + border-color: transparent; } + + .inline-toolbar button:last-child:active, .linked:not(.vertical) > button:last-child:active, toolbar.inline-toolbar toolbutton:last-child > button.flat:active, toolbar.inline-toolbar toolbutton:last-child > button.sidebar-button:active, spinbutton:not(.vertical) button.down:last-child:active, spinbutton:not(.vertical) button.up:active:dir(ltr), combobox.linked button:active:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > box > button.combo:active, .inline-toolbar button:last-child:checked, .linked:not(.vertical) > button:last-child:checked, toolbar.inline-toolbar toolbutton:last-child > button.flat:checked, toolbar.inline-toolbar toolbutton:last-child > button.sidebar-button:checked, spinbutton:not(.vertical) button.down:last-child:checked, spinbutton:not(.vertical) button.up:checked:dir(ltr), combobox.linked button:checked:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > box > button.combo:checked { + border-image: -gtk-scaled(url("borders/right-button-active-border-dark.png"), url("borders/right-button-active-border-dark@2.png")) 2 2 3 1/2px 2px 3px 1px stretch; + outline-width: 0px; + border-radius: 0 2px 2px 0; + border-width: 1px 1px 2px 0; + border-style: solid; + border-color: transparent; } + +.inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat, toolbar.inline-toolbar toolbutton:only-child > button.sidebar-button, spinbutton:not(.vertical) button.down:only-child, .linked:not(.vertical) > combobox:only-child > box > button.combo { + border-image: -gtk-scaled(url("borders/button-normal-border-dark.png"), url("borders/button-normal-border-dark@2.png")) 2 2 3 2/2px 2px 3px 2px stretch; + outline-width: 0px; + border-radius: 2px; + border-width: 1px 1px 2px 1px; + border-style: solid; + border-color: transparent; } + + .inline-toolbar button:only-child:active, .linked:not(.vertical) > button:only-child:active, toolbar.inline-toolbar toolbutton:only-child > button.flat:active, toolbar.inline-toolbar toolbutton:only-child > button.sidebar-button:active, spinbutton:not(.vertical) button.down:only-child:active, .linked:not(.vertical) > combobox:only-child > box > button.combo:active, .inline-toolbar button:only-child:checked, .linked:not(.vertical) > button:only-child:checked, toolbar.inline-toolbar toolbutton:only-child > button.flat:checked, toolbar.inline-toolbar toolbutton:only-child > button.sidebar-button:checked, spinbutton:not(.vertical) button.down:only-child:checked, .linked:not(.vertical) > combobox:only-child > box > button.combo:checked { + border-image: -gtk-scaled(url("borders/button-active-border-dark.png"), url("borders/button-active-border-dark@2.png")) 2 2 3 2/2px 2px 3px 2px stretch; + outline-width: 0px; + border-radius: 2px; + border-width: 1px 1px 2px 1px; + border-style: solid; + border-color: transparent; } + +.linked.vertical > button, +.linked.vertical > button:hover, +.linked.vertical > combobox > box > button.combo { + border-image: -gtk-scaled(url("borders/middle-vertical-button-normal-border-dark.png"), url("borders/middle-vertical-button-normal-border-dark@2.png")) 1 1 1 1/1px 1px 1px 1px stretch; + outline-width: 0px; + border-radius: 0; + border-width: 0 1px 0 1px; + border-style: solid; + border-color: transparent; } + + .linked.vertical > button:active, .linked.vertical > combobox > box > button.combo:active, .linked.vertical > button:checked, .linked.vertical > combobox > box > button.combo:checked { + border-image: -gtk-scaled(url("borders/middle-vertical-button-active-border-dark.png"), url("borders/middle-vertical-button-active-border-dark@2.png")) 1 1 1 1/1px 1px 1px 1px stretch; + outline-width: 0px; + border-radius: 0; + border-width: 0 1px 0 1px; + border-style: solid; + border-color: transparent; } + +.linked.vertical > button:first-child, spinbutton.vertical button.up, .linked.vertical > combobox:first-child > box > button.combo { + border-image: -gtk-scaled(url("borders/top-vertical-button-normal-border-dark.png"), url("borders/top-vertical-button-normal-border-dark@2.png")) 2 2 1 2/2px 2px 1px 2px stretch; + outline-width: 0px; + border-radius: 2px 2px 0 0; + border-width: 1px 1px 0 1px; + border-style: solid; + border-color: transparent; } + + .linked.vertical > button:first-child:active, spinbutton.vertical button.up:active, .linked.vertical > combobox:first-child > box > button.combo:active, .linked.vertical > button:first-child:checked, spinbutton.vertical button.up:checked, .linked.vertical > combobox:first-child > box > button.combo:checked { + border-image: -gtk-scaled(url("borders/top-vertical-button-active-border-dark.png"), url("borders/top-vertical-button-active-border-dark@2.png")) 2 2 1 2/2px 2px 1px 2px stretch; + outline-width: 0px; + border-radius: 2px 2px 0 0; + border-width: 1px 1px 0 1px; + border-style: solid; + border-color: transparent; } + +.linked.vertical > button:last-child, spinbutton.vertical button.down, .linked.vertical > combobox:last-child > box > button.combo { + border-image: -gtk-scaled(url("borders/bottom-vertical-button-normal-border-dark.png"), url("borders/bottom-vertical-button-normal-border-dark@2.png")) 1 2 3 2/1px 2px 3px 2px stretch; + outline-width: 0px; + border-radius: 0 0 2px 2px; + border-width: 0 1px 2px 1px; + border-style: solid; + border-color: transparent; } + + .linked.vertical > button:last-child:active, spinbutton.vertical button.down:active, .linked.vertical > combobox:last-child > box > button.combo:active, .linked.vertical > button:last-child:checked, spinbutton.vertical button.down:checked, .linked.vertical > combobox:last-child > box > button.combo:checked { + border-image: -gtk-scaled(url("borders/bottom-vertical-button-active-border-dark.png"), url("borders/bottom-vertical-button-active-border-dark@2.png")) 1 2 3 2/1px 2px 3px 2px stretch; + outline-width: 0px; + border-radius: 0 0 2px 2px; + border-width: 0 1px 2px 1px; + border-style: solid; + border-color: transparent; } + +.linked.vertical > button:only-child, .linked.vertical > combobox:only-child > box > button.combo { + border-image: -gtk-scaled(url("borders/button-normal-border-dark.png"), url("borders/button-normal-border-dark@2.png")) 2 2 3 2/2px 2px 3px 2px stretch; + outline-width: 0px; + border-radius: 2px; + border-width: 1px 1px 2px 1px; + border-style: solid; + border-color: transparent; } + + .linked.vertical > button:only-child:active, .linked.vertical > combobox:only-child > box > button.combo:active, .linked.vertical > button:only-child:checked, .linked.vertical > combobox:only-child > box > button.combo:checked { + border-image: -gtk-scaled(url("borders/button-active-border-dark.png"), url("borders/button-active-border-dark@2.png")) 2 2 3 2/2px 2px 3px 2px stretch; + outline-width: 0px; + border-radius: 2px; + border-width: 1px 1px 2px 1px; + border-style: solid; + border-color: transparent; } + +.linked > button.suggested-action, +.linked > button.suggested-action:hover { + border-image: -gtk-scaled(url("borders/middle-button-normal-border-suggested-dark.png"), url("borders/middle-button-normal-border-suggested-dark@2.png")) 2 1 3 1/2px 1px 3px 1px stretch; + outline-width: 0px; + border-radius: 0; + border-width: 1px 0 2px 0; + border-style: solid; + border-color: transparent; } + + .linked > button.suggested-action:active, .linked > button.suggested-action:checked { + border-image: -gtk-scaled(url("borders/middle-button-active-border-suggested-dark.png"), url("borders/middle-button-active-border-suggested-dark@2.png")) 2 1 3 1/2px 1px 3px 1px stretch; + outline-width: 0px; + border-radius: 0; + border-width: 1px 0 2px 0; + border-style: solid; + border-color: transparent; } + +.linked > button.suggested-action:first-child { + border-image: -gtk-scaled(url("borders/left-button-normal-border-suggested-dark.png"), url("borders/left-button-normal-border-suggested-dark@2.png")) 2 1 3 2/2px 1px 3px 2px stretch; + outline-width: 0px; + border-radius: 2px 0 0 2px; + border-width: 1px 0 2px 1px; + border-style: solid; + border-color: transparent; } + + .linked > button.suggested-action:first-child:active, .linked > button.suggested-action:first-child:checked { + border-image: -gtk-scaled(url("borders/left-button-active-border-suggested-dark.png"), url("borders/left-button-active-border-suggested-dark@2.png")) 2 1 3 2/2px 1px 3px 2px stretch; + outline-width: 0px; + border-radius: 2px 0 0 2px; + border-width: 1px 0 2px 1px; + border-style: solid; + border-color: transparent; } + +.linked > button.suggested-action:last-child { + border-image: -gtk-scaled(url("borders/right-button-normal-border-suggested-dark.png"), url("borders/right-button-normal-border-suggested-dark@2.png")) 2 2 3 1/2px 2px 3px 1px stretch; + outline-width: 0px; + border-radius: 0 2px 2px 0; + border-width: 1px 1px 2px 0; + border-style: solid; + border-color: transparent; } + + .linked > button.suggested-action:last-child:active, .linked > button.suggested-action:last-child:checked { + border-image: -gtk-scaled(url("borders/right-button-active-border-suggested-dark.png"), url("borders/right-button-active-border-suggested-dark@2.png")) 2 2 3 1/2px 2px 3px 1px stretch; + outline-width: 0px; + border-radius: 0 2px 2px 0; + border-width: 1px 1px 2px 0; + border-style: solid; + border-color: transparent; } + +.linked > button.suggested-action:only-child { + border-image: -gtk-scaled(url("borders/button-normal-border-suggested-dark.png"), url("borders/button-normal-border-suggested-dark@2.png")) 2 2 3 2/2px 2px 3px 2px stretch; + outline-width: 0px; + border-radius: 2px; + border-width: 1px 1px 2px 1px; + border-style: solid; + border-color: transparent; } + + .linked > button.suggested-action:only-child:active, .linked > button.suggested-action:only-child:checked { + border-image: -gtk-scaled(url("borders/button-active-border-suggested-dark.png"), url("borders/button-active-border-suggested-dark@2.png")) 2 2 3 2/2px 2px 3px 2px stretch; + outline-width: 0px; + border-radius: 2px; + border-width: 1px 1px 2px 1px; + border-style: solid; + border-color: transparent; } + +.linked > button.destructive-action, +.linked > button.destructive-action:hover { + border-image: -gtk-scaled(url("borders/middle-button-normal-border-destructive-dark.png"), url("borders/middle-button-normal-border-destructive-dark@2.png")) 2 1 3 1/2px 1px 3px 1px stretch; + outline-width: 0px; + border-radius: 0; + border-width: 1px 0 2px 0; + border-style: solid; + border-color: transparent; } + + .linked > button.destructive-action:active, .linked > button.destructive-action:checked { + border-image: -gtk-scaled(url("borders/middle-button-active-border-destructive-dark.png"), url("borders/middle-button-active-border-destructive-dark@2.png")) 2 1 3 1/2px 1px 3px 1px stretch; + outline-width: 0px; + border-radius: 0; + border-width: 1px 0 2px 0; + border-style: solid; + border-color: transparent; } + +.linked > button.destructive-action:first-child { + border-image: -gtk-scaled(url("borders/left-button-normal-border-destructive-dark.png"), url("borders/left-button-normal-border-destructive-dark@2.png")) 2 1 3 2/2px 1px 3px 2px stretch; + outline-width: 0px; + border-radius: 2px 0 0 2px; + border-width: 1px 0 2px 1px; + border-style: solid; + border-color: transparent; } + + .linked > button.destructive-action:first-child:active, .linked > button.destructive-action:first-child:checked { + border-image: -gtk-scaled(url("borders/left-button-active-border-destructive-dark.png"), url("borders/left-button-active-border-destructive-dark@2.png")) 2 1 3 2/2px 1px 3px 2px stretch; + outline-width: 0px; + border-radius: 2px 0 0 2px; + border-width: 1px 0 2px 1px; + border-style: solid; + border-color: transparent; } + +.linked > button.destructive-action:last-child { + border-image: -gtk-scaled(url("borders/right-button-normal-border-destructive-dark.png"), url("borders/right-button-normal-border-destructive-dark@2.png")) 2 2 3 1/2px 2px 3px 1px stretch; + outline-width: 0px; + border-radius: 0 2px 2px 0; + border-width: 1px 1px 2px 0; + border-style: solid; + border-color: transparent; } + + .linked > button.destructive-action:last-child:active, .linked > button.destructive-action:last-child:checked { + border-image: -gtk-scaled(url("borders/right-button-active-border-destructive-dark.png"), url("borders/right-button-active-border-destructive-dark@2.png")) 2 2 3 1/2px 2px 3px 1px stretch; + outline-width: 0px; + border-radius: 0 2px 2px 0; + border-width: 1px 1px 2px 0; + border-style: solid; + border-color: transparent; } + +.linked > button.destructive-action:only-child { + border-image: -gtk-scaled(url("borders/button-normal-border-destructive-dark.png"), url("borders/button-normal-border-destructive-dark@2.png")) 2 2 3 2/2px 2px 3px 2px stretch; + outline-width: 0px; + border-radius: 2px; + border-width: 1px 1px 2px 1px; + border-style: solid; + border-color: transparent; } + + .linked > button.destructive-action:only-child:active, .linked > button.destructive-action:only-child:checked { + border-image: -gtk-scaled(url("borders/button-active-border-destructive-dark.png"), url("borders/button-active-border-destructive-dark@2.png")) 2 2 3 2/2px 2px 3px 2px stretch; + outline-width: 0px; + border-radius: 2px; + border-width: 1px 1px 2px 1px; + border-style: solid; + border-color: transparent; } + +menuitem.button.flat, +modelbutton.flat, button:link, button:visited, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, calendar.button, calendar.button:hover { + outline-width: 0px; + border-color: transparent; + border-image: none; + background-color: transparent; + background-image: none; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } + +menuitem.button.flat, +modelbutton.flat { + min-height: 22px; + padding-left: 8px; + padding-right: 8px; + outline-width: 0px; + outline-offset: -3px; + outline-color: rgba(243, 243, 245, 0.3); + border: 1px solid transparent; + border-radius: 2px; } + menuitem.button.flat:hover, + modelbutton.flat:hover { + border: 1px solid rgba(0, 0, 0, 0.4); + border-bottom-color: rgba(0, 0, 0, 0.55); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15); + background-image: linear-gradient(to bottom, rgba(79, 80, 83, 0.4), rgba(52, 52, 54, 0.3)); } + menuitem.button.flat:active, menuitem.button.flat:checked, + modelbutton.flat:active, + modelbutton.flat:checked { + color: #E3E6EA; } + menuitem.button.flat:active:hover, menuitem.button.flat:checked:hover, + modelbutton.flat:active:hover, + modelbutton.flat:checked:hover { + color: white; + outline-width: 0px; + outline-color: rgba(255, 255, 255, 0.3); + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); + background-image: linear-gradient(to bottom, rgba(36, 37, 37, 0.7), rgba(55, 56, 58, 0.7)); + border: 1px solid rgba(0, 0, 0, 0.5); + border-top-color: rgba(0, 0, 0, 0.65); + text-shadow: 0 -1px rgba(0, 0, 0, 0.1); } + menuitem.button.flat check:last-child, + menuitem.button.flat radio:last-child, + modelbutton.flat check:last-child, + modelbutton.flat radio:last-child { + margin-left: 8px; } + menuitem.button.flat check:first-child, + menuitem.button.flat radio:first-child, + modelbutton.flat check:first-child, + modelbutton.flat radio:first-child { + margin-right: 8px; } + +modelbutton.flat arrow, modelbutton.flat arrow:hover { + background: none; } + +modelbutton.flat arrow.left { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } + +modelbutton.flat arrow.right { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + +*:link, button:link, button:visited { + color: #72a1fc; } + *:link:visited, button:visited { + color: #5991fc; } + *:selected *:link:visited, *:selected button:visited:link, *:selected button:visited { + color: #b3ccfd; } + *:link:hover, button:hover:link, button:hover:visited { + color: #a4c2fd; } + *:selected *:link:hover, *:selected button:hover:link, *:selected button:hover:visited { + color: #ecf2ff; } + *:link:active, button:active:link, button:active:visited { + color: #72a1fc; } + *:selected *:link:active, *:selected button:active:link, *:selected button:active:visited { + color: #d9e6fe; } + *:link:selected, button:selected:link, button:selected:visited, + *:selected *:link, + *:selected button:link, + *:selected button:visited { + color: #d9e6fe; } + +button:link > label, button:visited > label { + text-decoration-line: underline; } + +spinbutton:drop(active) { + box-shadow: none; } + +spinbutton:disabled { + color: #dcdee2; } + +spinbutton:not(.vertical) entry { + min-width: 28px; } + +spinbutton.vertical button, spinbutton.vertical entry { + padding-left: 4px; + padding-right: 4px; + min-width: 0; } + +.osd spinbutton:not(.vertical) entry { + min-width: 28px; } + +.linked.vertical > spinbutton:not(.vertical) { + background-color: #2B2B2C; } + .linked.vertical > spinbutton:not(.vertical) entry, .linked.vertical > spinbutton:not(.vertical) entry:hover, .linked.vertical > spinbutton:not(.vertical) entry:focus, .linked.vertical > spinbutton:not(.vertical) entry:active, .linked.vertical > spinbutton:not(.vertical) button, .linked.vertical > spinbutton:not(.vertical) button:hover, .linked.vertical > spinbutton:not(.vertical) button:focus, .linked.vertical > spinbutton:not(.vertical) button:active { + outline-width: 0px; + background: none; + border: none; + box-shadow: none; } + + .linked.vertical > spinbutton:not(.vertical) button, .linked.vertical > spinbutton:not(.vertical) button:hover, .linked.vertical > spinbutton:not(.vertical) button:focus, .linked.vertical > spinbutton:not(.vertical) button:active { + outline-width: 0px; + -gtk-icon-shadow: none; } + .linked.vertical > spinbutton:not(.vertical) button:dir(ltr), .linked.vertical > spinbutton:not(.vertical) button:hover:dir(ltr), .linked.vertical > spinbutton:not(.vertical) button:focus:dir(ltr), .linked.vertical > spinbutton:not(.vertical) button:active:dir(ltr) { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.1); } + .linked.vertical > spinbutton:not(.vertical) button:dir(rtl), .linked.vertical > spinbutton:not(.vertical) button:hover:dir(rtl), .linked.vertical > spinbutton:not(.vertical) button:focus:dir(rtl), .linked.vertical > spinbutton:not(.vertical) button:active:dir(rtl) { + box-shadow: inset -1px 0 rgba(0, 0, 0, 0.1); } + .linked.vertical > spinbutton:not(.vertical) button:hover { + color: rgba(237, 230, 234, 0.75); } + .linked.vertical > spinbutton:not(.vertical) button:active { + color: rgba(237, 230, 234, 0.95); } + +combobox button.combo { + outline-width: 0px; + min-width: 0; + padding-left: 8px; + padding-right: 8px; } + +combobox arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + min-height: 16px; + min-width: 16px; } + +toolbar { + -GtkWidget-window-dragging: true; + padding: 4px; + background-color: #353638; } + toolbar separator { + background: none; } + toolbar.horizontal separator { + margin: 0 6px; } + toolbar.vertical separator { + margin: 6px 0; } + .osd toolbar { + background-color: transparent; } + toolbar.osd { + padding: 10px; + border: 1px solid rgba(0, 0, 0, 0.75); + border-radius: 3px; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(0, 0, 0, 0.1); + background-image: linear-gradient(to bottom, rgba(70, 70, 72, 0.75), rgba(52, 52, 54, 0.75)); + background-color: transparent; } + toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { + border-radius: 0; } + toolbar.osd.top { + border-width: 0 0 1px 0; } + toolbar.osd.bottom { + border-width: 1px 0 0 0; } + toolbar.osd.left { + border-width: 0 1px 0 0; } + toolbar.osd.right { + border-width: 0 0 0 1px; } + toolbar:not(.inline-toolbar) switch, + toolbar:not(.inline-toolbar) scale, + toolbar:not(.inline-toolbar) entry, + toolbar:not(.inline-toolbar) spinbutton, + toolbar:not(.inline-toolbar) button { + margin-right: 1px; + margin-bottom: 1px; } + toolbar:not(.inline-toolbar) .linked > button, + toolbar:not(.inline-toolbar) .linked > entry { + outline-width: 0px; + margin-right: 0; } + +.primary-toolbar { + -GtkWidget-window-dragging: true; + padding: 4px; + color: #E3E6EA; + background-image: linear-gradient(to bottom, #454649, #3b3c3f); + border-width: 0 0 1px 0; + border-style: solid; + border-image: linear-gradient(to bottom, #454649, #171819) 1 0 1 0; } + .primary-toolbar:disabled { + background-image: none; + background-color: #2e2e30; + border-color: #1f1f20; + text-shadow: none; + color: #949597; } + .primary-toolbar separator { + border-image: -gtk-scaled(url("assets/header-separator-dark.png"), url("assets/header-separator-dark@2.png")) 0 1 0 1/0 1px 0 1px stretch; + border-radius: 0; + border-width: 0 1px 0 1px; + border-style: solid; + border-color: transparent; } + +.inline-toolbar, +toolbar.inline-toolbar { + border-width: 0 1px 1px; + padding: 3px; + border-radius: 0 0 3px 3px; } + +actionbar, +.inline-toolbar, +toolbar.inline-toolbar { + border-color: #171819; + border-style: solid; } + +actionbar { + padding: 6px; + border-top: 1px solid #171819; } + +actionbar, +.inline-toolbar, +toolbar.inline-toolbar, .bottom-toolbar.toolbar, .gedit-side-panel-paned statusbar { + background-color: transparent; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15); + background-image: linear-gradient(to bottom, #37393b, #303133); } + +searchbar, +.location-bar { + padding: 3px; + border-width: 0 0 1px; + border-style: solid; + border-color: #171819; + background-color: #2f3032; + box-shadow: inset 0 3px 3px -1px rgba(0, 0, 0, 0.17); } +/*** END BUTTON MOD ***/ + + + /***************** * GtkSpinButton * *****************/ diff --git a/SkyfallDarkTeal/gtk-3.0/gtk.css b/SkyfallDarkTeal/gtk-3.0/gtk.css index 458d908..cd37410 100644 --- a/SkyfallDarkTeal/gtk-3.0/gtk.css +++ b/SkyfallDarkTeal/gtk-3.0/gtk.css @@ -7,9 +7,9 @@ ****************/ @define-color theme_window_border_color #314a4e; -@define-color theme_base_color #2D2D2D; +@define-color theme_base_color #2B2B2B; -@define-color theme_bg_color #303030; +@define-color theme_bg_color #2B2B2B; @define-color theme_fg_color #F1F1F1; @define-color theme_selected_bg_color #408994; @@ -512,4 +512,5 @@ @import url("applications.css"); @import url("other-applications.css"); @import url("mate-applications.css"); +@import url("gtk-taskbar.css");