diff options
Diffstat (limited to 'common/gtk-3.0/3.16/gtk-contained.css')
-rw-r--r-- | common/gtk-3.0/3.16/gtk-contained.css | 404 |
1 files changed, 256 insertions, 148 deletions
diff --git a/common/gtk-3.0/3.16/gtk-contained.css b/common/gtk-3.0/3.16/gtk-contained.css index 8abc3e4..eaeee5e 100644 --- a/common/gtk-3.0/3.16/gtk-contained.css +++ b/common/gtk-3.0/3.16/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 @@ 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 .label { @@ -97,7 +97,7 @@ GtkAssistant .sidebar .label.highlight { color: #ffffff; } GtkTextView { - background-color: #fcfcfd; } + background-color: #fafafb; } .grid-child { padding: 3px; @@ -105,7 +105,8 @@ GtkTextView { .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 @@ GtkTextView { border: none; border-radius: 0; } .entry:focus { + background-clip: border-box; color: #5c616c; border-color: #5294E2; background-color: #ffffff; @@ -215,20 +217,20 @@ GtkTextView { .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 @@ GtkTextView { 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 @@ GtkTextView { 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 @@ GtkTextView { .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 @@ GtkTextView { 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 @@ GtkTextView { .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 @@ GtkTextView { .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 @@ GtkTextView { outline-offset: -1px; border-radius: 2px; } .menuitem.button.flat:hover { - background-color: #f1f2f3; } + background-color: #edeef0; } /********* * Links * @@ -620,7 +625,7 @@ GtkTextView { 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 @@ GtkTextView { 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 @@ GtkTextView { 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 @@ GtkTextView { 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 * @@ -864,7 +869,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 { @@ -896,8 +901,9 @@ GtkComboBox { .primary-toolbar .entry:focus, .header-bar .entry:focus { color: #ffffff; border-color: #5294E2; - background-image: linear-gradient(to bottom, #5294E2); - background-clip: border-box; } + background-image: linear-gradient(to bottom, #5294E2); } + .primary-toolbar .entry:focus.image, .header-bar .entry:focus.image { + color: #ffffff; } .primary-toolbar .entry:insensitive, .header-bar .entry:insensitive { color: rgba(82, 93, 118, 0.35); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.55)); } @@ -920,7 +926,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); @@ -947,7 +953,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 { @@ -1161,7 +1167,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; } /********* @@ -1190,7 +1196,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; @@ -1232,7 +1238,7 @@ column-header .button, column-header .button:hover, column-header .button:active ************/ .popover { padding: 2px; - border: 1px solid #ced6de; + border: 1px solid #cdd2d7; border-radius: 3px; background-clip: border-box; background-color: #ffffff; @@ -1275,7 +1281,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 { @@ -1285,9 +1291,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 { @@ -1297,13 +1303,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; @@ -1321,59 +1327,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); } @@ -1383,7 +1389,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 { @@ -1417,7 +1423,7 @@ column-header .button, column-header .button:hover, column-header .button:active -GtkRange-slider-width: 6px; } .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider { margin: 0; - background-color: #8b8e96; + background-color: #898d95; border: 1px solid rgba(255, 255, 255, 0.6); background-clip: padding-box; } .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .trough { @@ -1433,11 +1439,11 @@ column-header .button, column-header .button:hover, column-header .button:active opacity: 0.99; } .scrollbar .trough { background-color: #fcfcfc; - border: 1px none #dde3e9; } + border: 1px none #dcdfe3; } .scrollbar .slider { - background-color: #babcc1; } + background-color: #b7babf; } .scrollbar .slider:hover { - background-color: #c9ccd0; } + background-color: #c7c9cd; } .scrollbar .slider:prelight:active { background-color: #5294E2; } .scrollbar .slider:insensitive { @@ -1472,7 +1478,7 @@ column-header .button, column-header .button:hover, column-header .button:active .scrollbars-junction, .scrollbars-junction.frame { border-color: transparent; - border-image: linear-gradient(to bottom, #dde3e9 1px, transparent 1px) 0 0 0 1/0 1px stretch; + border-image: linear-gradient(to bottom, #dcdfe3 1px, transparent 1px) 0 0 0 1/0 1px stretch; background-color: #fcfcfc; } .scrollbars-junction:dir(rtl), .scrollbars-junction.frame:dir(rtl) { @@ -1483,7 +1489,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; @@ -1499,39 +1506,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 * *************************/ @@ -1659,8 +1710,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; } @@ -1777,7 +1828,7 @@ GtkLevelBar.vertical { * Frames * **********/ .frame { - border: 1px solid #dde3e9; + border: 1px solid #dcdfe3; padding: 0; } .frame.flat { border-style: none; } @@ -1798,7 +1849,7 @@ GtkScrolledWindow GtkViewport.frame { *********/ .list, .list-row { background-color: #ffffff; - border-color: #dde3e9; } + border-color: #dcdfe3; } .list-row, .grid-child { @@ -1834,12 +1885,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 * @@ -1858,7 +1937,7 @@ GtkScrolledWindow GtkViewport.frame { ***********/ GtkCalendar { color: #5c616c; - border: 1px solid #dde3e9; + border: 1px solid #dcdfe3; border-radius: 3px; padding: 2px; } GtkCalendar:selected { @@ -1910,18 +1989,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:selected { background-color: #5294E2; } @@ -1948,7 +2027,7 @@ GtkPaned { margin-right: 0; margin-left: 8px; } GtkPaned .pane-separator { - background-color: #dde3e9; } + background-color: #dcdfe3; } GtkPaned.wide { -GtkPaned-handle-size: 5; @@ -1956,7 +2035,7 @@ GtkPaned.wide { GtkPaned.wide .pane-separator { background-color: transparent; border-style: none solid; - border-color: #dde3e9; + border-color: #dcdfe3; border-width: 1px; } GtkPaned.wide.vertical .pane-separator { border-style: solid none; } @@ -2065,12 +2144,12 @@ GtkColorSwatch#add-color-button { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #cfd6e6; - background-color: #fcfdfd; } + background-color: #fbfbfc; } GtkColorSwatch#add-color-button:hover { color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #5294E2; - background-color: #fcfdfd; } + background-color: #fbfbfc; } GtkColorSwatch#add-color-button .overlay { border-color: transparent; background-color: transparent; @@ -2090,7 +2169,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; } @@ -2145,7 +2224,7 @@ GtkVolumeButton.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); } .header-bar .button.titlebutton:active, .header-bar .button.titlebutton:checked, .titlebar .button.titlebutton:active, .titlebar .button.titlebutton:checked { @@ -2300,18 +2379,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 { @@ -2333,7 +2410,7 @@ NautilusCanvasViewContainer.view .entry, NemoIconViewContainer .entry { .nautilus-canvas-item.dim-label, .nautilus-canvas-item.label.separator, GtkPlacesSidebar.sidebar .nautilus-canvas-item.label.view.separator, .header-bar .nautilus-canvas-item.subtitle, .nautilus-list-dim-label { - color: #aaadb3; } + color: #a8abb1; } .nautilus-canvas-item.dim-label:selected, .nautilus-canvas-item.label.separator:selected, .header-bar .nautilus-canvas-item.subtitle:selected, .nautilus-canvas-item.dim-label:selected:focus, .nautilus-canvas-item.label.separator:selected:focus, .header-bar .nautilus-canvas-item.subtitle:selected:focus, .nautilus-list-dim-label:selected, .nautilus-list-dim-label:selected:focus { @@ -2365,20 +2442,20 @@ NautilusQueryEditor .search-bar.toolbar, NautilusQueryEditor .search-bar.inline- background-color: rgba(82, 148, 226, 0.8); border-color: rgba(38, 121, 219, 0.8); } .disk-space-display.free { - background-color: #f0f2f5; - border-color: #d1d9e0; } + background-color: #eceef0; + border-color: #d0d5da; } 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 { @@ -2420,7 +2497,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; } @@ -2436,13 +2513,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, @@ -2451,7 +2528,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); @@ -2459,9 +2536,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; } @@ -2469,7 +2546,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; } @@ -2501,7 +2578,7 @@ GdTaggedEntry { .preferences.sidebar GtkViewport { border: none; } .preferences.sidebar GtkListBox { - background-color: #f9fafb; } + background-color: #F5F6F7; } .preferences.sidebar GtkListBoxRow { padding: 10px; } @@ -2537,10 +2614,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 .button.label.separator, GbViewStack.focused GtkBox.header.notebook .header-bar .button.subtitle, .header-bar GbViewStack.focused GtkBox.header.notebook .button.subtitle { opacity: 1; } @@ -2784,7 +2861,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 { @@ -2844,8 +2921,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 { @@ -2857,7 +2934,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; } @@ -2865,8 +2942,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; } @@ -2876,7 +2953,7 @@ GraniteWidgetsStaticNotebook .frame { .source-list, .source-list.view { - background-color: #f9fafb; + background-color: #F5F6F7; color: #5c616c; -gtk-icon-style: regular; } @@ -2897,7 +2974,7 @@ GraniteWidgetsStaticNotebook .frame { .source-list .scrollbars-junction { border-image: none; border-color: transparent; - background-color: #f9fafb; + background-color: #F5F6F7; background-image: none; } .source-list.badge, @@ -2936,7 +3013,7 @@ GraniteWidgetsWelcome { background-color: #ffffff; } GraniteWidgetsWelcome GtkLabel { - color: #aaadb3; + color: #a8abb1; font: open sans 11; text-shadow: none; } @@ -2975,7 +3052,7 @@ GraniteWidgetsPopOver * { .h4, .category-label { - color: #8b8e96; + color: #898d95; font-weight: 600; text-shadow: 0 1px rgba(255, 255, 255, 0.6); } @@ -2990,10 +3067,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 *, @@ -3148,15 +3225,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; } @@ -3260,25 +3350,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; @@ -3287,6 +3377,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; |