diff options
Diffstat (limited to 'common/gtk-3.0/3.14/gtk-contained.css')
-rw-r--r-- | common/gtk-3.0/3.14/gtk-contained.css | 391 |
1 files changed, 249 insertions, 142 deletions
diff --git a/common/gtk-3.0/3.14/gtk-contained.css b/common/gtk-3.0/3.14/gtk-contained.css index 9973f8a..c14a1be 100644 --- a/common/gtk-3.0/3.14/gtk-contained.css +++ b/common/gtk-3.0/3.14/gtk-contained.css @@ -33,7 +33,7 @@ ***************/ .background { color: #5c616c; - background-color: rgba(249, 250, 251, 0.999); } + background-color: rgba(245, 246, 247, 0.999); } /* These wildcard seems unavoidable, need to investigate. @@ -45,16 +45,16 @@ -gtk-image-effect: dim; } .gtkstyle-fallback { - background-color: #f9fafb; + background-color: #F5F6F7; color: #5c616c; } .gtkstyle-fallback:prelight { background-color: white; color: #5c616c; } .gtkstyle-fallback:active { - background-color: #dae1e7; + background-color: #d9dde0; color: #5c616c; } .gtkstyle-fallback:insensitive { - background-color: #fcfdfd; + background-color: #fbfbfb; color: rgba(92, 97, 108, 0.55); } .gtkstyle-fallback:selected { background-color: #5294E2; @@ -83,11 +83,11 @@ GtkLabel:insensitive { GtkAssistant .sidebar { background-color: #ffffff; - border-top: 1px solid #dde3e9; } + border-top: 1px solid #dcdfe3; } GtkAssistant .sidebar:dir(ltr) { - border-right: 1px solid #dde3e9; } + border-right: 1px solid #dcdfe3; } GtkAssistant .sidebar:dir(rtl) { - border-left: 1px solid #dde3e9; } + border-left: 1px solid #dcdfe3; } GtkAssistant.csd .sidebar { border-top-style: none; } GtkAssistant .sidebar GtkLabel { @@ -97,7 +97,7 @@ GtkAssistant .sidebar GtkLabel.highlight { color: #ffffff; } GtkTextView { - background-color: #fcfcfd; } + background-color: #fafafb; } GtkFlowBox .grid-child { padding: 3px; @@ -105,7 +105,8 @@ GtkFlowBox .grid-child { GtkFlowBox .grid-child:selected { outline-offset: -2px; } -.popover.osd, .osd { +.popover.osd, .app-notification, +.app-notification.frame, .osd { color: #A8ADB5; border: none; background-color: rgba(60, 64, 73, 0.95); @@ -156,6 +157,7 @@ GtkFlowBox .grid-child { border: none; border-radius: 0; } .entry:focus { + background-clip: border-box; color: #5c616c; border-color: #5294E2; background-color: #ffffff; @@ -215,20 +217,20 @@ GtkFlowBox .grid-child { .entry.image:active { color: #5294E2; } .linked.vertical > .entry { - border-bottom-color: #f4f6f8; + border-bottom-color: #f4f5f6; box-shadow: none; } .linked.vertical > .entry:focus { border-color: #5294E2; box-shadow: 0 -1px 0 0 #5294E2; } .linked.vertical > .entry:insensitive { - border-bottom-color: #f4f6f8; } + border-bottom-color: #f4f5f6; } .linked.vertical > .entry:first-child { - border-bottom-color: #f4f6f8; } + border-bottom-color: #f4f5f6; } .linked.vertical > .entry:first-child:focus { border-bottom-color: #5294E2; box-shadow: none; } .linked.vertical > .entry:first-child:insensitive { - border-bottom-color: #f4f6f8; } + border-bottom-color: #f4f5f6; } .linked.vertical > .entry:last-child { border-bottom-color: rgba(0, 0, 0, 0.14); } .linked.vertical > .entry:last-child:focus { @@ -253,14 +255,14 @@ GtkFlowBox .grid-child { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #cfd6e6; - background-color: #fcfdfd; } + background-color: #fbfbfc; } .header-bar .button { padding: 6px 11px; } .button.flat { border-color: transparent; background-color: transparent; background-image: none; - background-color: rgba(249, 250, 251, 0); + background-color: rgba(245, 246, 247, 0); transition: none; } .button.flat:hover { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); @@ -271,9 +273,10 @@ GtkFlowBox .grid-child { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #5294E2; - background-color: #fcfdfd; + background-color: #fbfbfc; -gtk-image-effect: highlight; } .button:active, .button:checked { + background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294E2; @@ -286,7 +289,7 @@ GtkFlowBox .grid-child { .button:insensitive { color: rgba(92, 97, 108, 0.55); border-color: rgba(207, 214, 230, 0.55); - background-color: rgba(252, 253, 253, 0.55); } + background-color: rgba(251, 251, 252, 0.55); } .button:insensitive > GtkLabel { color: inherit; } .button:insensitive:active, .button:insensitive:checked { @@ -475,12 +478,12 @@ GtkFlowBox .grid-child { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #cfd6e6; - background-color: #fcfdfd; } + background-color: #fbfbfc; } .inline-toolbar GtkToolButton > .button:hover { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #5294E2; - background-color: #fcfdfd; } + background-color: #fbfbfc; } .inline-toolbar GtkToolButton > .button:active, .inline-toolbar GtkToolButton > .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); @@ -489,7 +492,7 @@ GtkFlowBox .grid-child { .inline-toolbar GtkToolButton > .button:insensitive { color: rgba(92, 97, 108, 0.55); border-color: rgba(207, 214, 230, 0.55); - background-color: rgba(252, 253, 253, 0.55); } + background-color: rgba(251, 251, 252, 0.55); } .inline-toolbar GtkToolButton > .button:insensitive > GtkLabel { color: inherit; } .inline-toolbar GtkToolButton > .button:insensitive:active, .inline-toolbar GtkToolButton > .button:insensitive:checked { @@ -579,7 +582,9 @@ GtkFlowBox .grid-child { .linked.vertical > GtkComboBox:only-child > .button:hover { box-shadow: none; } -.menuitem.button.flat, .button:link, .button:visited, .button:link:hover, .button:link:active, .button:link:checked, .button:visited:hover, .button:visited:active, .button:visited:checked, .menu.button, .popup.button, .notebook tab .button, .list-row.button { +.menuitem.button.flat, .button:link, .button:visited, .button:link:hover, .button:link:active, .button:link:checked, .button:visited:hover, .button:visited:active, .button:visited:checked, .menu.button, .popup.button, .notebook tab .button, .list-row.button, .app-notification .button.flat, +.app-notification.frame .button.flat, .app-notification .button.flat:insensitive, +.app-notification.frame .button.flat:insensitive { border-color: transparent; background-color: transparent; background-image: none; @@ -591,7 +596,7 @@ GtkFlowBox .grid-child { outline-offset: -1px; border-radius: 2px; } .menuitem.button.flat:hover { - background-color: #f1f2f3; } + background-color: #edeef0; } /********* * Links * @@ -620,7 +625,7 @@ GtkFlowBox .grid-child { border-radius: 3px; } .spinbutton .button { background-image: none; - border: 1px solid rgba(221, 227, 233, 0.6); + border: 1px solid rgba(220, 223, 227, 0.6); border-style: none none none solid; color: #646873; border-radius: 0; @@ -640,7 +645,7 @@ GtkFlowBox .grid-child { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #cfd6e6; - background-color: #fcfdfd; } + background-color: #fbfbfc; } .spinbutton.vertical .button:first-child:active, .spinbutton.vertical:dir(rtl) .button:first-child:active { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); @@ -650,18 +655,18 @@ GtkFlowBox .grid-child { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #5294E2; - background-color: #fcfdfd; } + background-color: #fbfbfc; } .spinbutton.vertical .button:first-child:insensitive, .spinbutton.vertical:dir(rtl) .button:first-child:insensitive { color: rgba(92, 97, 108, 0.55); border-color: rgba(207, 214, 230, 0.55); - background-color: rgba(252, 253, 253, 0.55); } + background-color: rgba(251, 251, 252, 0.55); } .spinbutton.vertical .button:first-child:insensitive > GtkLabel, .spinbutton.vertical:dir(rtl) .button:first-child:insensitive > GtkLabel { color: inherit; } .spinbutton.vertical .button:last-child, .spinbutton.vertical:dir(rtl) .button:last-child { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #cfd6e6; - background-color: #fcfdfd; } + background-color: #fbfbfc; } .spinbutton.vertical .button:last-child:active, .spinbutton.vertical:dir(rtl) .button:last-child:active { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); @@ -671,11 +676,11 @@ GtkFlowBox .grid-child { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #5294E2; - background-color: #fcfdfd; } + background-color: #fbfbfc; } .spinbutton.vertical .button:last-child:insensitive, .spinbutton.vertical:dir(rtl) .button:last-child:insensitive { color: rgba(92, 97, 108, 0.55); border-color: rgba(207, 214, 230, 0.55); - background-color: rgba(252, 253, 253, 0.55); } + background-color: rgba(251, 251, 252, 0.55); } .spinbutton.vertical .button:last-child:insensitive > GtkLabel, .spinbutton.vertical:dir(rtl) .button:last-child:insensitive > GtkLabel { color: inherit; } .spinbutton.vertical.entry, .spinbutton.vertical:dir(rtl).entry { @@ -734,7 +739,7 @@ GtkComboBox { .toolbar, .inline-toolbar { -GtkWidget-window-dragging: true; padding: 4px; - background-color: #f9fafb; } + background-color: #F5F6F7; } .osd .toolbar, .osd .inline-toolbar, .toolbar.osd, .osd.inline-toolbar { padding: 7px; border: none; @@ -752,22 +757,22 @@ GtkComboBox { background-color: #eff0f2; } .inline-toolbar { - background-color: #f0f2f5; + background-color: #eceef0; border-style: solid; - border-color: #dde3e9; + border-color: #dcdfe3; border-width: 0 1px 1px; padding: 3px; border-radius: 0 0 3px 3px; } .search-bar { - background-color: #f9fafb; + background-color: #F5F6F7; border-style: solid; - border-color: #dde3e9; + border-color: #dcdfe3; border-width: 0 0 1px; padding: 3px; } .action-bar { - background-color: #f0f2f5; } + background-color: #eceef0; } /*************** * Header bars * @@ -857,7 +862,7 @@ GtkComboBox { background-color: rgba(231, 232, 235, 0.95); } .titlebar:backdrop { color: rgba(82, 93, 118, 0.5); - background-color: #e7e8eb; } + background-color: #eff0f2; } .csd .titlebar:backdrop { background-color: rgba(239, 240, 242, 0.95); } .maximized .titlebar { @@ -915,7 +920,7 @@ GtkComboBox { color: rgba(82, 93, 118, 0.8); outline-color: rgba(82, 93, 118, 0.1); border-color: rgba(82, 93, 118, 0.1); - background-color: rgba(252, 253, 253, 0.9); } + background-color: rgba(251, 251, 252, 0.9); } .primary-toolbar .button:active, .header-bar .button:active, .primary-toolbar .button:checked, .header-bar .button:checked { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); @@ -942,7 +947,7 @@ GtkComboBox { color: rgba(82, 93, 118, 0.8); outline-color: rgba(82, 93, 118, 0.1); border-color: rgba(82, 93, 118, 0.1); - background-color: rgba(252, 253, 253, 0.9); } + background-color: rgba(251, 251, 252, 0.9); } .primary-toolbar .linked.stack-switcher > .button:hover, .header-bar .linked.stack-switcher > .button:hover, .primary-toolbar .linked.path-bar > .button:hover, .header-bar .linked.path-bar > .button:hover { @@ -1147,7 +1152,7 @@ column-header .button, column-header .button:hover, column-header .button:active column-header .button:active { background-color: #ffffff; } column-header .button:insensitive { - border-color: #f9fafb; + border-color: #F5F6F7; background-image: none; } /********* @@ -1176,7 +1181,7 @@ column-header .button, column-header .button:hover, column-header .button:active padding: 0; border-radius: 0; background-color: #ffffff; - border: 1px solid #dde3e9; } + border: 1px solid #dcdfe3; } .csd .menu, .csd .popup { padding: 4px 0px; border-radius: 3px; @@ -1219,7 +1224,7 @@ column-header .button, column-header .button:hover, column-header .button:active .popover { margin: 10px; padding: 2px; - border: 1px solid #ced6de; + border: 1px solid #cdd2d7; border-radius: 3px; background-clip: border-box; background-color: #ffffff; @@ -1262,7 +1267,7 @@ column-header .button, column-header .button:hover, column-header .button:active -GtkWidget-focus-line-width: 0; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } .notebook.frame { - border: 1px solid #dde3e9; } + border: 1px solid #dcdfe3; } .notebook.frame.top { border-top-width: 0; } .notebook.frame.bottom { @@ -1272,9 +1277,9 @@ column-header .button, column-header .button:hover, column-header .button:active .notebook.frame.left { border-left-width: 0; } .notebook.header { - background-color: #ffffff; } + background-color: #fafafb; } .notebook.header.frame { - border: 1px solid #dde3e9; } + border: 1px solid #dcdfe3; } .notebook.header.frame.top { border-bottom-width: 0; } .notebook.header.frame.bottom { @@ -1284,13 +1289,13 @@ column-header .button, column-header .button:hover, column-header .button:active .notebook.header.frame.left { border-right-width: 0; } .notebook.header.top { - box-shadow: inset 0 -1px #edf0f3; } + box-shadow: inset 0 -1px #eaecee; } .notebook.header.bottom { - box-shadow: inset 0 1px #edf0f3; } + box-shadow: inset 0 1px #eaecee; } .notebook.header.right { - box-shadow: inset 1px 0 #edf0f3; } + box-shadow: inset 1px 0 #eaecee; } .notebook.header.left { - box-shadow: inset -1px 0 #edf0f3; } + box-shadow: inset -1px 0 #eaecee; } .notebook tab { border-width: 0; border-style: solid; @@ -1308,59 +1313,59 @@ column-header .button, column-header .button:hover, column-header .button:active .notebook tab.reorderable-page.top, .notebook tab.top { border-color: transparent; } .notebook tab.reorderable-page.top:hover, .notebook tab.reorderable-page.top.prelight-page, .notebook tab.top:hover, .notebook tab.top.prelight-page { - border-color: rgba(221, 227, 233, 0.5); + border-color: rgba(220, 223, 227, 0.5); border-width: 1px; border-top-width: 0; - background-color: rgba(249, 250, 251, 0.2); } + background-color: rgba(245, 246, 247, 0.2); } .notebook tab.reorderable-page.top:active, .notebook tab.reorderable-page.top.active-page, .notebook tab.reorderable-page.top.active-page:hover, .notebook tab.top:active, .notebook tab.top.active-page, .notebook tab.top.active-page:hover { border-width: 1px; border-top-width: 0; - border-color: #dde3e9; - background-color: rgba(0, 0, 0, 0.02); } + border-color: #dcdfe3; + background-color: rgba(0, 0, 0, 0.035); } .notebook tab.reorderable-page.top:active:hover, .notebook tab.reorderable-page.top.active-page:hover, .notebook tab.reorderable-page.top.active-page:hover:hover, .notebook tab.top:active:hover, .notebook tab.top.active-page:hover, .notebook tab.top.active-page:hover:hover { - background-color: rgba(0, 0, 0, 0.02); } + background-color: rgba(0, 0, 0, 0.035); } .notebook tab.reorderable-page.bottom, .notebook tab.bottom { border-color: transparent; } .notebook tab.reorderable-page.bottom:hover, .notebook tab.reorderable-page.bottom.prelight-page, .notebook tab.bottom:hover, .notebook tab.bottom.prelight-page { - border-color: rgba(221, 227, 233, 0.5); + border-color: rgba(220, 223, 227, 0.5); border-width: 1px; border-bottom-width: 0; - background-color: rgba(249, 250, 251, 0.2); } + background-color: rgba(245, 246, 247, 0.2); } .notebook tab.reorderable-page.bottom:active, .notebook tab.reorderable-page.bottom.active-page, .notebook tab.reorderable-page.bottom.active-page:hover, .notebook tab.bottom:active, .notebook tab.bottom.active-page, .notebook tab.bottom.active-page:hover { border-width: 1px; border-bottom-width: 0; - border-color: #dde3e9; - background-color: rgba(0, 0, 0, 0.02); } + border-color: #dcdfe3; + background-color: rgba(0, 0, 0, 0.035); } .notebook tab.reorderable-page.bottom:active:hover, .notebook tab.reorderable-page.bottom.active-page:hover, .notebook tab.reorderable-page.bottom.active-page:hover:hover, .notebook tab.bottom:active:hover, .notebook tab.bottom.active-page:hover, .notebook tab.bottom.active-page:hover:hover { - background-color: rgba(0, 0, 0, 0.02); } + background-color: rgba(0, 0, 0, 0.035); } .notebook tab.reorderable-page.right, .notebook tab.right { border-color: transparent; } .notebook tab.reorderable-page.right:hover, .notebook tab.reorderable-page.right.prelight-page, .notebook tab.right:hover, .notebook tab.right.prelight-page { - border-color: rgba(221, 227, 233, 0.5); + border-color: rgba(220, 223, 227, 0.5); border-width: 1px; border-right-width: 0; - background-color: rgba(249, 250, 251, 0.2); } + background-color: rgba(245, 246, 247, 0.2); } .notebook tab.reorderable-page.right:active, .notebook tab.reorderable-page.right.active-page, .notebook tab.reorderable-page.right.active-page:hover, .notebook tab.right:active, .notebook tab.right.active-page, .notebook tab.right.active-page:hover { border-width: 1px; border-right-width: 0; - border-color: #dde3e9; - background-color: rgba(0, 0, 0, 0.02); } + border-color: #dcdfe3; + background-color: rgba(0, 0, 0, 0.035); } .notebook tab.reorderable-page.right:active:hover, .notebook tab.reorderable-page.right.active-page:hover, .notebook tab.reorderable-page.right.active-page:hover:hover, .notebook tab.right:active:hover, .notebook tab.right.active-page:hover, .notebook tab.right.active-page:hover:hover { - background-color: rgba(0, 0, 0, 0.02); } + background-color: rgba(0, 0, 0, 0.035); } .notebook tab.reorderable-page.left, .notebook tab.left { border-color: transparent; } .notebook tab.reorderable-page.left:hover, .notebook tab.reorderable-page.left.prelight-page, .notebook tab.left:hover, .notebook tab.left.prelight-page { - border-color: rgba(221, 227, 233, 0.5); + border-color: rgba(220, 223, 227, 0.5); border-width: 1px; border-left-width: 0; - background-color: rgba(249, 250, 251, 0.2); } + background-color: rgba(245, 246, 247, 0.2); } .notebook tab.reorderable-page.left:active, .notebook tab.reorderable-page.left.active-page, .notebook tab.reorderable-page.left.active-page:hover, .notebook tab.left:active, .notebook tab.left.active-page, .notebook tab.left.active-page:hover { border-width: 1px; border-left-width: 0; - border-color: #dde3e9; - background-color: rgba(0, 0, 0, 0.02); } + border-color: #dcdfe3; + background-color: rgba(0, 0, 0, 0.035); } .notebook tab.reorderable-page.left:active:hover, .notebook tab.reorderable-page.left.active-page:hover, .notebook tab.reorderable-page.left.active-page:hover:hover, .notebook tab.left:active:hover, .notebook tab.left.active-page:hover, .notebook tab.left.active-page:hover:hover { - background-color: rgba(0, 0, 0, 0.02); } + background-color: rgba(0, 0, 0, 0.035); } .notebook tab GtkLabel { padding: 0 2px; color: rgba(92, 97, 108, 0.55); } @@ -1370,7 +1375,7 @@ column-header .button, column-header .button:hover, column-header .button:active color: #5c616c; } .notebook tab .button { padding: 0; - color: #92969e; } + color: #91959c; } .notebook tab .button:hover { color: #ff4d4d; } .notebook tab .button:active { @@ -1405,9 +1410,9 @@ column-header .button, column-header .button:hover, column-header .button:active .scrollbar.slider { border-radius: 20px; border: 3px solid transparent; - background-color: #babcc1; } + background-color: #b7babf; } .scrollbar.slider:hover { - background-color: #8b8e96; } + background-color: #898d95; } .scrollbar.slider:prelight:active { background-color: #5294E2; } .scrollbar.slider.fine-tune { @@ -1428,7 +1433,8 @@ column-header .button, column-header .button:hover, column-header .button:active **********/ GtkSwitch { font: 1; - -GtkSwitch-slider-width: 41; } + -GtkSwitch-slider-width: 41; + outline-color: transparent; } GtkSwitch.trough, GtkSwitch.slider { background-size: 52px 24px; background-repeat: no-repeat; @@ -1444,39 +1450,83 @@ GtkSwitch { GtkSwitch.trough { background-image: -gtk-scaled(url("assets/switch.png"), url("assets/switch@2.png")); } +.list-row:selected GtkSwitch.trough { + background-image: -gtk-scaled(url("assets/switch-selected.png"), url("assets/switch-selected@2.png")); } + +.header-bar GtkSwitch.trough, +.primary-toolbar GtkSwitch.trough { + background-image: -gtk-scaled(url("assets/switch-header.png"), url("assets/switch-header@2.png")); } + GtkSwitch.trough:active { background-image: -gtk-scaled(url("assets/switch-active.png"), url("assets/switch-active@2.png")); } +.list-row:selected GtkSwitch.trough:active { + background-image: -gtk-scaled(url("assets/switch-active-selected.png"), url("assets/switch-active-selected@2.png")); } + +.header-bar GtkSwitch.trough:active, +.primary-toolbar GtkSwitch.trough:active { + background-image: -gtk-scaled(url("assets/switch-active-header.png"), url("assets/switch-active-header@2.png")); } + GtkSwitch.trough:insensitive { background-image: -gtk-scaled(url("assets/switch-insensitive.png"), url("assets/switch-insensitive@2.png")); } -GtkSwitch.trough:active:insensitive { - background-image: -gtk-scaled(url("assets/switch-active-insensitive.png"), url("assets/switch-active-insensitive@2.png")); } +.list-row:selected GtkSwitch.trough:insensitive { + background-image: -gtk-scaled(url("assets/switch-insensitive-selected.png"), url("assets/switch-insensitive-selected@2.png")); } -.header-bar GtkSwitch.trough { - background-image: -gtk-scaled(url("assets/switch-header.png"), url("assets/switch-header@2.png")); } +.header-bar GtkSwitch.trough:insensitive, +.primary-toolbar GtkSwitch.trough:insensitive { + background-image: -gtk-scaled(url("assets/switch-insensitive-header.png"), url("assets/switch-insensitive-header@2.png")); } -.header-bar GtkSwitch.trough:active { - background-image: -gtk-scaled(url("assets/switch-active-header.png"), url("assets/switch-active-header@2.png")); } +GtkSwitch.trough:active:insensitive { + background-image: -gtk-scaled(url("assets/switch-active-insensitive.png"), url("assets/switch-active-insensitive@2.png")); } -.header-bar GtkSwitch.trough:insensitive { - background-image: -gtk-scaled(url("assets/switch-insensitive-header.png"), url("assets/switch-insensitive-header@2.png")); } +.list-row:selected GtkSwitch.trough:active:insensitive { + background-image: -gtk-scaled(url("assets/switch-active-insensitive-selected.png"), url("assets/switch-active-insensitive-selected@2.png")); } -.header-bar GtkSwitch.trough:active:insensitive { +.header-bar GtkSwitch.trough:active:insensitive, +.primary-toolbar GtkSwitch.trough:active:insensitive { background-image: -gtk-scaled(url("assets/switch-active-insensitive-header.png"), url("assets/switch-active-insensitive-header@2.png")); } .list-row:selected GtkSwitch.trough { + background-image: -gtk-scaled(url("assets/switch.png"), url("assets/switch@2.png")); } + +.list-row:selected GtkSwitch.trough { background-image: -gtk-scaled(url("assets/switch-selected.png"), url("assets/switch-selected@2.png")); } +.header-bar GtkSwitch.trough, +.primary-toolbar GtkSwitch.trough { + background-image: -gtk-scaled(url("assets/switch-header.png"), url("assets/switch-header@2.png")); } + +.list-row:selected GtkSwitch.trough:active { + background-image: -gtk-scaled(url("assets/switch-active.png"), url("assets/switch-active@2.png")); } + .list-row:selected GtkSwitch.trough:active { background-image: -gtk-scaled(url("assets/switch-active-selected.png"), url("assets/switch-active-selected@2.png")); } +.header-bar GtkSwitch.trough:active, +.primary-toolbar GtkSwitch.trough:active { + background-image: -gtk-scaled(url("assets/switch-active-header.png"), url("assets/switch-active-header@2.png")); } + +.list-row:selected GtkSwitch.trough:insensitive { + background-image: -gtk-scaled(url("assets/switch-insensitive.png"), url("assets/switch-insensitive@2.png")); } + .list-row:selected GtkSwitch.trough:insensitive { background-image: -gtk-scaled(url("assets/switch-insensitive-selected.png"), url("assets/switch-insensitive-selected@2.png")); } +.header-bar GtkSwitch.trough:insensitive, +.primary-toolbar GtkSwitch.trough:insensitive { + background-image: -gtk-scaled(url("assets/switch-insensitive-header.png"), url("assets/switch-insensitive-header@2.png")); } + +.list-row:selected GtkSwitch.trough:active:insensitive { + background-image: -gtk-scaled(url("assets/switch-active-insensitive.png"), url("assets/switch-active-insensitive@2.png")); } + .list-row:selected GtkSwitch.trough:active:insensitive { background-image: -gtk-scaled(url("assets/switch-active-insensitive-selected.png"), url("assets/switch-active-insensitive-selected@2.png")); } +.header-bar GtkSwitch.trough:active:insensitive, +.primary-toolbar GtkSwitch.trough:active:insensitive { + background-image: -gtk-scaled(url("assets/switch-active-insensitive-header.png"), url("assets/switch-active-insensitive-header@2.png")); } + /************************* * Check and Radio items * *************************/ @@ -1604,8 +1654,8 @@ GtkCheckButton.text-button, GtkRadioButton.text-button { background-image: linear-gradient(to bottom, #5294E2); border-color: #5294E2; } .scale.slider:insensitive { - background-image: linear-gradient(to bottom, #fcfcfd); - border-color: #9dc1ed; } + background-image: linear-gradient(to bottom, #fafafb); + border-color: #9bc0eb; } .scale.slider:active { background-image: linear-gradient(to bottom, #2679db); border-color: #2679db; } @@ -1722,7 +1772,7 @@ GtkLevelBar.vertical { * Frames * **********/ .frame { - border: 1px solid #dde3e9; + border: 1px solid #dcdfe3; padding: 0; } .frame.flat { border-style: none; } @@ -1743,7 +1793,7 @@ GtkScrolledWindow GtkViewport.frame { *********/ .list, .list-row { background-color: #ffffff; - border-color: #dde3e9; } + border-color: #dcdfe3; } .list-row, .grid-child { @@ -1779,12 +1829,40 @@ GtkScrolledWindow GtkViewport.frame { .app-notification, .app-notification.frame { padding: 10px; - border-radius: 0 0 2.5px 2.5px; - border-width: 0 1px 1px; + background-color: rgba(60, 64, 73, 0.95); + background-clip: border-box; + border-radius: 0 0 2px 2px; + border-width: 0 1px 1px 1px; border-style: solid; - border-color: rgba(0, 0, 0, 0.2); - background-color: #ffffff; - background-clip: padding-box; } + border-color: rgba(37, 39, 45, 0.95); } + .app-notification .button, + .app-notification.frame .button { + color: #A8ADB5; + outline-color: rgba(168, 173, 181, 0.3); + border-color: rgba(168, 173, 181, 0.3); + background-color: transparent; + background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); } + .app-notification .button.flat, + .app-notification.frame .button.flat { + border-color: rgba(82, 148, 226, 0); } + .app-notification .button:hover, + .app-notification.frame .button:hover { + color: #5294E2; + outline-color: rgba(168, 173, 181, 0.3); + border-color: #5294E2; + background-image: linear-gradient(to bottom, rgba(48, 52, 59, 0.95)); } + .app-notification .button:active, .app-notification .button:checked, + .app-notification.frame .button:active, + .app-notification.frame .button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #5294E2; + background-image: linear-gradient(to bottom, #5294E2); } + .app-notification .button:insensitive, + .app-notification.frame .button:insensitive { + color: #5c6069; + border-color: rgba(168, 173, 181, 0.2); + background-image: linear-gradient(to bottom, rgba(53, 57, 65, 0.95)); } /************* * Expanders * @@ -1803,7 +1881,7 @@ GtkExpander { ***********/ GtkCalendar { color: #5c616c; - border: 1px solid #dde3e9; + border: 1px solid #dcdfe3; border-radius: 3px; padding: 2px; } GtkCalendar:selected { @@ -1855,18 +1933,18 @@ GtkCalendar { border-bottom-left-radius: 3px; } GtkFileChooserDialog .search-bar { - background-color: #f9fafb; - border-color: #dde3e9; + background-color: #F5F6F7; + border-color: #dcdfe3; box-shadow: none; } GtkFileChooserDialog .dialog-action-box { - border-top: 1px solid #dde3e9; } + border-top: 1px solid #dcdfe3; } /*********** * Sidebar * ***********/ .sidebar { border: none; - background-color: #f9fafb; } + background-color: #F5F6F7; } .sidebar .scrollbar.trough { background-color: transparent; border-width: 2px; @@ -1896,7 +1974,7 @@ GtkPaned { margin-left: 8px; } .pane-separator { - background-image: linear-gradient(to bottom, #dde3e9); } + background-image: linear-gradient(to bottom, #dcdfe3); } /************** * GtkInfoBar * @@ -1997,13 +2075,13 @@ GtkColorSwatch { border-color: rgba(255, 255, 255, 0.5); } GtkColorChooserWidget #add-color-button { - border-color: #ebeef2; - background-color: #ebeef2; - color: #f9fafb; + border-color: #e8eaed; + background-color: #e8eaed; + color: #F5F6F7; box-shadow: none; } GtkColorChooserWidget #add-color-button:hover { - border-color: #dde3e9; - background-color: #dde3e9; } + border-color: #dcdfe3; + background-color: #dcdfe3; } GtkColorButton.button { padding: 4px; } @@ -2019,7 +2097,7 @@ GtkColorButton.button { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #5294E2; - background-color: #fcfdfd; } + background-color: #fbfbfc; } GtkVolumeButton.button { padding: 8px; } @@ -2391,18 +2469,16 @@ TerminalWindow .notebook tab.reorderable-page:hover { padding-top: 4px; padding-bottom: 4px; } TerminalWindow .notebook.header.top { - box-shadow: inset 0 1px #d4d5db, inset 0 -1px #edf0f3; } + box-shadow: inset 0 1px #d4d5db, inset 0 -1px #eaecee; } TerminalWindow .notebook tab .active-page GtkLabel { color: rgba(82, 93, 118, 0.8); } TerminalWindow .notebook tab .active-page GtkLabel:backdrop { color: rgba(82, 93, 118, 0.5); } -TerminalWindow .notebook tab.reorderable-page.top:hover { - border-bottom-color: #d4d5db; } TerminalWindow .notebook tab.reorderable-page.top:active, TerminalWindow .notebook tab.reorderable-page.top:active:hover { background-color: #e7e8eb; border-color: #d4d5db; } TerminalWindow .notebook tab.reorderable-page.top:active:backdrop, TerminalWindow .notebook tab.reorderable-page.top:active:hover:backdrop { - background-color: rgba(239, 240, 242, 0.95); } + background-color: #eff0f2; } TerminalWindow .scrollbar.vertical .slider { margin-left: 3px; } TerminalWindow .scrollbar.trough { @@ -2438,13 +2514,13 @@ NemoWindow .sidebar .frame { border-width: 0; } NemoWindow GtkSeparator.separator.horizontal, NemoWindow GtkPlacesSidebar.sidebar GtkSeparator.horizontal.view.separator, GtkPlacesSidebar.sidebar NemoWindow GtkSeparator.horizontal.view.separator { - color: #dde3e9; } + color: #dcdfe3; } NemoWindow .primary-toolbar NemoPathBar.linked > .button { color: rgba(82, 93, 118, 0.8); outline-color: rgba(82, 93, 118, 0.1); border-color: rgba(82, 93, 118, 0.1); - background-color: rgba(252, 253, 253, 0.9); } + background-color: rgba(251, 251, 252, 0.9); } NemoWindow .primary-toolbar NemoPathBar.linked > .button:hover { border-color: #5294E2; } NemoWindow .primary-toolbar NemoPathBar.linked > .button:active, NemoWindow .primary-toolbar NemoPathBar.linked > .button:checked { @@ -2457,7 +2533,7 @@ NemoWindow .primary-toolbar NemoPathBar.linked > .button { color: rgba(212, 213, 219, 0.95); } .open-document-selector-listbox-row { - border-bottom: 1px solid #eaedf1; + border-bottom: 1px solid #e7e9ec; padding: 6px 6px 6px 12px; } .open-document-selector-listbox-row .path-label { font-size: smaller; @@ -2475,7 +2551,7 @@ NemoWindow .primary-toolbar NemoPathBar.linked > .button { .gedit-document-panel .list-row .button GtkImage { color: inherit; } .gedit-document-panel .prelight-row .button { - color: #92969e; } + color: #91959c; } .gedit-document-panel .list-row .button:hover, .gedit-document-panel .prelight-row .button:hover { color: #ff4d4d; } @@ -2491,13 +2567,13 @@ NemoWindow .primary-toolbar NemoPathBar.linked > .button { color: #5c616c; } .gedit-document-panel-dragged-row { - border: 1px solid #dde3e9; - background-color: #dae1e7; + border: 1px solid #dcdfe3; + background-color: #d9dde0; color: #5c616c; } GeditStatusbar { - border-top: 1px solid #dde3e9; - background-color: #f9fafb; } + border-top: 1px solid #dcdfe3; + background-color: #F5F6F7; } GeditStatusMenuButton.button.flat, GeditStatusMenuButton:prelight.button.flat, @@ -2506,7 +2582,7 @@ GeditStatusMenuButton:checked.button.flat { border-radius: 0; } GeditFileBrowserWidget .toolbar, GeditFileBrowserWidget .inline-toolbar { - border-bottom: 1px solid #dde3e9; } + border-bottom: 1px solid #dcdfe3; } .gedit-search-entry-occurrences-tag, .gb-search-entry-occurrences-tag { color: rgba(92, 97, 108, 0.6); @@ -2514,9 +2590,9 @@ GeditFileBrowserWidget .toolbar, GeditFileBrowserWidget .inline-toolbar { padding: 2px; } GeditViewFrame .gedit-search-slider, GbEditorFrame .gb-search-slider { - background-color: white; + background-color: #fbfbfc; padding: 6px; - border-color: #dde3e9; + border-color: #dcdfe3; border-radius: 0 0 2px 2px; border-width: 0 1px 1px 1px; border-style: solid; } @@ -2524,7 +2600,7 @@ GeditViewFrame .gedit-search-slider, GbEditorFrame .gb-search-slider { GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr), GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl) { border-color: rgba(82, 93, 118, 0.1); - background-color: rgba(252, 253, 253, 0.9); } + background-color: rgba(251, 251, 252, 0.9); } GbSearchBox.linked > GtkMenuButton.button:last-child:dir(ltr):hover, GbSearchBox.linked > GtkMenuButton.button:first-child:dir(rtl):hover { border-color: #5294E2; } @@ -2556,7 +2632,7 @@ GdTaggedEntry { .preferences.sidebar GtkViewport { border: none; } .preferences.sidebar GtkListBox { - background-color: #f9fafb; } + background-color: #F5F6F7; } .preferences.sidebar GtkListBoxRow { padding: 10px; } @@ -2592,10 +2668,10 @@ GbSearchDisplayGroup GtkListBox .list-row, GbDocumentStack .button { GbViewStack GtkBox.header.notebook, GbEditorWorkspace > GtkPaned > GtkBox > GtkBox.header.notebook { - border-bottom: 1px solid #dde3e9; } + border-bottom: 1px solid #dcdfe3; } GbViewStack.focused GtkBox.header.notebook { - background-color: #f9fafb; } + background-color: #F5F6F7; } GbViewStack.focused GtkBox.header.notebook .button.dim-label, GbViewStack.focused GtkBox.header.notebook GtkLabel.button.separator, GbViewStack.focused GtkBox.header.notebook .header-bar .button.subtitle, .header-bar GbViewStack.focused GtkBox.header.notebook .button.subtitle { opacity: 1; } @@ -2839,7 +2915,7 @@ MarlinViewWindow *:selected:focus { PantheonTerminalPantheonTerminalWindow.background { background-color: transparent; } PantheonTerminalPantheonTerminalWindow.background .notebook.header.top { - box-shadow: inset 0 1px #d4d5db, inset 0 -1px #edf0f3; } + box-shadow: inset 0 1px #d4d5db, inset 0 -1px #eaecee; } SwitchboardCategoryView .view:selected, SwitchboardCategoryView .view:selected:focus { @@ -2899,8 +2975,8 @@ GraniteWidgetsThinPaned { background-color: transparent; background-image: none; margin: 0; - border-left: 1px solid #dde3e9; - border-right: 1px solid #dde3e9; } + border-left: 1px solid #dcdfe3; + border-right: 1px solid #dcdfe3; } GraniteWidgetsPopOver .frame, GraniteWidgetsStaticNotebook .frame { @@ -2912,7 +2988,7 @@ GraniteWidgetsStaticNotebook .frame { .secondary-toolbar.toolbar, .secondary-toolbar.inline-toolbar { padding: 3px; - border-bottom: 1px solid #dde3e9; } + border-bottom: 1px solid #dcdfe3; } .secondary-toolbar.toolbar .button, .secondary-toolbar.inline-toolbar .button { padding: 0 3px 0 3px; } @@ -2920,8 +2996,8 @@ GraniteWidgetsStaticNotebook .frame { padding: 5px; border-width: 1px 0 0 0; border-style: solid; - border-color: #dde3e9; - background-color: #f9fafb; } + border-color: #dcdfe3; + background-color: #F5F6F7; } .bottom-toolbar.toolbar .button, .bottom-toolbar.inline-toolbar .button { padding: 2px 3px 2px 3px; } @@ -2931,7 +3007,7 @@ GraniteWidgetsStaticNotebook .frame { .source-list, .source-list.view { - background-color: #f9fafb; + background-color: #F5F6F7; color: #5c616c; -gtk-icon-style: regular; } @@ -2953,7 +3029,7 @@ GraniteWidgetsStaticNotebook .frame { .source-list .scrollbar.trough { border-image: none; border-color: transparent; - background-color: #f9fafb; + background-color: #F5F6F7; background-image: none; } .source-list.badge, @@ -2992,7 +3068,7 @@ GraniteWidgetsWelcome { background-color: #ffffff; } GraniteWidgetsWelcome GtkLabel { - color: #aaadb3; + color: #a8abb1; font: open sans 11; text-shadow: none; } @@ -3031,7 +3107,7 @@ GraniteWidgetsPopOver * { .h4, .category-label { - color: #8b8e96; + color: #898d95; font-weight: 600; text-shadow: 0 1px rgba(255, 255, 255, 0.6); } @@ -3046,10 +3122,10 @@ GtkListBox .h4 { color: rgba(212, 213, 219, 0.95); } GtkFileChooserDialog .dialog-action-box { - background-color: #f9fafb; } + background-color: #F5F6F7; } NemoWindow GtkEventBox { - background-color: #f9fafb; } + background-color: #F5F6F7; } GtkFileChooserDialog *, NautilusWindow *, @@ -3278,15 +3354,28 @@ MarlinViewWindow .pane-separator { background-color: rgba(60, 64, 73, 0.95); } GtkFileChooserDialog GtkPaned > .vertical > .horizontal { - background-color: #f9fafb; } + background-color: #F5F6F7; } GeditWindow.background.csd { background-color: transparent; } GeditWindow.background.csd .pane-separator, GeditWindow.background.csd .pane-separator:hover { background-color: rgba(60, 64, 73, 0.95); } - GeditWindow.background.csd .titlebar .pane-separator { + GeditWindow.background.csd .titlebar .pane-separator, GeditWindow.background.csd.maximized .titlebar .pane-separator, + GeditWindow.background.csd .titlebar .pane-separator:backdrop, GeditWindow.background.csd.maximized .titlebar .pane-separator:backdrop { background-color: rgba(212, 213, 219, 0.95); } + GeditWindow.background.csd .titlebar { + background-color: transparent; } + GeditWindow.background.csd.maximized .titlebar { + background-color: #e7e8eb; } + GeditWindow.background.csd.maximized .titlebar:backdrop { + background-color: rgba(239, 240, 242, 0.95); } + GeditWindow.background.csd .gedit-titlebar-left.titlebar, + GeditWindow.background.csd .gedit-titlebar-right.titlebar { + background-color: rgba(231, 232, 235, 0.95); } + GeditWindow.background.csd .gedit-titlebar-left.titlebar:backdrop, + GeditWindow.background.csd .gedit-titlebar-right.titlebar:backdrop { + background-color: rgba(239, 240, 242, 0.95); } .gedit-bottom-panel-paned { background-color: #ffffff; } @@ -3398,25 +3487,25 @@ GtkFileChooserDialog .action-bar.frame { /* GTK NAMED COLORS */ @define-color theme_fg_color #5c616c; @define-color theme_text_color #5c616c; -@define-color theme_bg_color #f9fafb; +@define-color theme_bg_color #F5F6F7; @define-color theme_base_color #ffffff; @define-color theme_selected_bg_color #5294E2; @define-color theme_selected_fg_color #ffffff; @define-color fg_color #5c616c; @define-color text_color #5c616c; -@define-color bg_color #f9fafb; +@define-color bg_color #F5F6F7; @define-color base_color #ffffff; @define-color selected_bg_color #5294E2; @define-color selected_fg_color #ffffff; -@define-color insensitive_bg_color #fcfdfd; +@define-color insensitive_bg_color #fbfbfb; @define-color insensitive_fg_color rgba(92, 97, 108, 0.55); @define-color insensitive_base_color #ffffff; @define-color theme_unfocused_fg_color #5c616c; @define-color theme_unfocused_text_color #5c616c; -@define-color theme_unfocused_bg_color #f9fafb; +@define-color theme_unfocused_bg_color #F5F6F7; @define-color theme_unfocused_base_color #ffffff; -@define-color borders #dde3e9; -@define-color unfocused_borders #dde3e9; +@define-color borders #dcdfe3; +@define-color unfocused_borders #dcdfe3; @define-color warning_color #F27835; @define-color error_color #FC4138; @define-color success_color #73d216; @@ -3425,6 +3514,24 @@ GtkFileChooserDialog .action-bar.frame { @define-color wm_unfocused_title alpha(rgba(82, 93, 118, 0.8), 0.7); @define-color wm_bg #e7e8eb; @define-color wm_bg_unfocused #eff0f2; -@define-color wm_highlight #f2f3f4; +@define-color wm_highlight #eff0f2; @define-color wm_shadow alpha(black, 0.35); +@define-color wm_button_close_bg #f37076; +@define-color wm_button_close_hover_bg #f79da1; +@define-color wm_button_close_active_bg #ef4048; +@define-color wm_icon_close_bg #ffffff; +@define-color wm_icon_close_hover_bg #ffffff; +@define-color wm_icon_close_active_bg #ffffff; +@define-color wm_button_bg #fdfdfd; +@define-color wm_button_unfocused_bg #f6f7f8; +@define-color wm_button_hover_bg #fdfdfd; +@define-color wm_button_active_bg #5294E2; +@define-color wm_button_border #d8dae0; +@define-color wm_button_unfocused_border #dddee2; +@define-color wm_button_hover_border #5294E2; +@define-color wm_button_active_border #5294E2; +@define-color wm_icon_bg #8d93a4; +@define-color wm_icon_unfocused_bg #b8bcc7; +@define-color wm_icon_hover_bg #70788d; +@define-color wm_icon_active_bg #ffffff; @define-color content_view_bg #ffffff; |