From 19ea67f42ad0dd8c35d5da529d1e01d416faeefd Mon Sep 17 00:00:00 2001 From: vinceliuice Date: Fri, 25 Dec 2020 14:38:53 +0800 Subject: [PATCH] Fixed infobar issues --- src/gtk-3.0/gtk-aliz.css | 118 +++++++++++++++------------------ src/gtk-3.0/gtk-azul.css | 118 +++++++++++++++------------------ src/gtk-3.0/gtk-dark-aliz.css | 118 +++++++++++++++------------------ src/gtk-3.0/gtk-dark-azul.css | 118 +++++++++++++++------------------ src/gtk-3.0/gtk-dark-sea.css | 118 +++++++++++++++------------------ src/gtk-3.0/gtk-light-aliz.css | 118 +++++++++++++++------------------ src/gtk-3.0/gtk-light-azul.css | 118 +++++++++++++++------------------ src/gtk-3.0/gtk-light-sea.css | 118 +++++++++++++++------------------ src/gtk-3.0/gtk-sea.css | 118 +++++++++++++++------------------ src/gtk-3.0/sass/_common.scss | 79 ++++++++++++++++------ 10 files changed, 536 insertions(+), 605 deletions(-) diff --git a/src/gtk-3.0/gtk-aliz.css b/src/gtk-3.0/gtk-aliz.css index b5a25973..7af80a9b 100644 --- a/src/gtk-3.0/gtk-aliz.css +++ b/src/gtk-3.0/gtk-aliz.css @@ -1304,7 +1304,7 @@ modelbutton.flat arrow.right { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } -infobar.info *:link, infobar.question *:link, infobar.warning *:link, infobar.error *:link, headerbar.selection-mode .subtitle:link, *:link:selected, *:selected *:link, button:selected:link, button:selected:visited, *:selected button:link, *:selected button:visited { +infobar.info > revealer > box *:link, infobar.info:hover > revealer > box *:link, infobar.info:backdrop > revealer > box *:link, infobar.question > revealer > box *:link, infobar.question:hover > revealer > box *:link, infobar.question:backdrop > revealer > box *:link, infobar.warning > revealer > box *:link, infobar.warning:hover > revealer > box *:link, infobar.warning:backdrop > revealer > box *:link, infobar.error > revealer > box *:link, infobar.error:hover > revealer > box *:link, infobar.error:backdrop > revealer > box *:link, headerbar.selection-mode .subtitle:link, *:link:selected, *:selected *:link, button:selected:link, button:selected:visited, *:selected button:link, *:selected button:visited { color: #fcdddb; } @@ -3394,48 +3394,38 @@ radio:only-child, menu menuitem radio { margin: 0; } - scale { min-height: 15px; min-width: 15px; padding: 3px; } - scale.horizontal trough { padding: 0 4px; } - -scale.horizontal highlight, -scale.horizontal fill { +scale.horizontal highlight, scale.horizontal fill { margin: 0 -4px; } - scale.vertical trough { padding: 4px 0; } - -scale.vertical highlight, -scale.vertical fill { +scale.vertical highlight, scale.vertical fill { margin: -4px 0; } - scale slider { min-height: 15px; min-width: 15px; margin: -6px; } - scale.fine-tune slider { margin: -4px; } - scale.fine-tune fill, scale.fine-tune highlight, scale.fine-tune trough { @@ -3443,7 +3433,6 @@ scale.fine-tune trough { -gtk-outline-radius: 7px; } - scale trough { outline-offset: 2px; -gtk-outline-radius: 4.5px; @@ -3451,7 +3440,6 @@ scale trough { background-color: rgba(0, 0, 0, 0.15); } - scale trough:disabled { background-color: rgba(0, 0, 0, 0.08); } @@ -3464,29 +3452,24 @@ scale trough:disabled { background-color: #F0544C; } - scale highlight { border-radius: 2.5px; background-color: #F0544C; } - scale highlight:disabled { background-color: rgba(240, 84, 76, 0.55); } - scale fill { border-radius: 2.5px; background-color: rgba(240, 84, 76, 0.5); } - scale fill:disabled { background-color: transparent; } - scale slider { background-color: #ffffff; border: 1px solid rgba(0, 0, 0, 0.15); @@ -3495,20 +3478,17 @@ scale slider { transition-property: background, border; } - scale slider:hover { background-color: #f1615a; border-color: #F0544C; } - scale slider:active { background-clip: border-box; background-color: #ef473e; border-color: #F0544C; } - scale slider:disabled { background-color: #e6e6e6; border-color: rgba(0, 0, 0, 0.15); @@ -3530,111 +3510,85 @@ scale slider:disabled { border-color: #ec271d; } - scale value { color: alpha(currentColor,0.4); } - scale marks { color: alpha(currentColor,0.4); } - scale marks.top { margin-bottom: 1px; margin-top: -4px; } - scale marks.bottom { margin-top: 1px; margin-bottom: -4px; } - scale marks.top { margin-right: 1px; margin-left: -4px; } - scale marks.bottom { margin-left: 1px; margin-right: -4px; } - scale.fine-tune marks.top { margin-bottom: 0px; margin-top: -2px; } - scale.fine-tune marks.bottom { margin-top: 0px; margin-bottom: -2px; } - scale.fine-tune marks.top { margin-right: 0px; margin-left: -2px; } - scale.fine-tune marks.bottom { margin-left: 0px; margin-right: -2px; } - scale.horizontal indicator { min-height: 3px; min-width: 1px; } - scale.horizontal.fine-tune indicator { min-height: 2px; } - scale.vertical indicator { min-height: 1px; min-width: 3px; } - scale.vertical.fine-tune indicator { min-width: 2px; } - -scale infobar trough, -scale:hover trough, -scale:selected trough { +infobar.info trough, infobar.question trough, infobar.warning trough, infobar.error trough, scale:hover trough, scale:selected trough { background-color: rgba(0, 0, 0, 0.2); } - -scale infobar trough highlight, -scale:hover trough highlight, -scale:selected trough highlight { +infobar.info trough highlight, infobar.question trough highlight, infobar.warning trough highlight, infobar.error trough highlight, scale:hover trough highlight, scale:selected trough highlight { background-color: #f26f68; } - -scale infobar trough highlight:disabled, -scale:hover trough highlight:disabled, -scale:selected trough highlight:disabled { +infobar.info trough highlight:disabled, infobar.question trough highlight:disabled, infobar.warning trough highlight:disabled, infobar.error trough highlight:disabled, scale:hover trough highlight:disabled, scale:selected trough highlight:disabled { background-color: #f8b2ae; } - -scale infobar trough:disabled, -scale:hover trough:disabled, -scale:selected trough:disabled { +infobar.info trough:disabled, infobar.question trough:disabled, infobar.warning trough:disabled, infobar.error trough:disabled, scale:hover trough:disabled, scale:selected trough:disabled { background-color: rgba(0, 0, 0, 0.1); } @@ -4369,24 +4323,58 @@ infobar { border-style: none; } -infobar.info, infobar.question, infobar.warning, infobar.error { +infobar.info > revealer > box, infobar.info:backdrop > revealer > box { background-color: #F0544C; +} + +infobar.info > revealer > box selection, infobar.info:backdrop > revealer > box selection { + color: #F0544C; +} + +infobar.question > revealer > box, infobar.question:backdrop > revealer > box { + background-color: #2eb398; +} + +infobar.question > revealer > box selection, infobar.question:backdrop > revealer > box selection { + color: #2eb398; +} + +infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { + background-color: #F27835; +} + +infobar.warning > revealer > box selection, infobar.warning:backdrop > revealer > box selection { + color: #F27835; +} + +infobar.error > revealer > box, infobar.error:backdrop > revealer > box { + background-color: #FC4138; +} + +infobar.error > revealer > box selection, infobar.error:backdrop > revealer > box selection { + color: #FC4138; +} + +infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:hover > revealer > box, infobar.question:backdrop > revealer > box, infobar.warning > revealer > box, infobar.warning:hover > revealer > box, infobar.warning:backdrop > revealer > box, infobar.error > revealer > box, infobar.error:hover > revealer > box, infobar.error:backdrop > revealer > box { color: #ffffff; caret-color: currentColor; } -infobar.info selection, infobar.question selection, infobar.warning selection, infobar.error selection { - color: #F0544C; +infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { + min-height: 28px; +} + +infobar.info > revealer > box selection, infobar.info:hover > revealer > box selection, infobar.info:backdrop > revealer > box selection, infobar.question > revealer > box selection, infobar.question:hover > revealer > box selection, infobar.question:backdrop > revealer > box selection, infobar.warning > revealer > box selection, infobar.warning:hover > revealer > box selection, infobar.warning:backdrop > revealer > box selection, infobar.error > revealer > box selection, infobar.error:hover > revealer > box selection, infobar.error:backdrop > revealer > box selection { background-color: #ffffff; } -.raven-mpris button.image-button, .nemo-window .floating-bar button, .nautilus-window .floating-bar button, row:selected button, infobar.info button, infobar.question button, infobar.warning button, infobar.error button { +.raven-mpris button.image-button, .nemo-window .floating-bar button, .nautilus-window .floating-bar button, row:selected button, infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { color: #ffffff; background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0.5); } -.raven-mpris button.flat.image-button, .nemo-window .floating-bar button.flat, .nautilus-window .floating-bar button.flat, row:selected button.flat, infobar.info button.flat, infobar.question button.flat, infobar.warning button.flat, infobar.error button.flat { +.raven-mpris button.flat.image-button, .nemo-window .floating-bar button.flat, .nautilus-window .floating-bar button.flat, row:selected button.flat, infobar.info > revealer > box button.flat, infobar.question > revealer > box button.flat, infobar.warning > revealer > box button.flat, infobar.error > revealer > box button.flat { border-color: transparent; background-color: transparent; background-image: none; @@ -4394,37 +4382,37 @@ infobar.info selection, infobar.question selection, infobar.warning selection, i background-color: rgba(255, 255, 255, 0); } -.raven-mpris button.flat.image-button:disabled, .nemo-window .floating-bar button.flat:disabled, .nautilus-window .floating-bar button.flat:disabled, row:selected button.flat:disabled, infobar.info button.flat:disabled, infobar.question button.flat:disabled, infobar.warning button.flat:disabled, infobar.error button.flat:disabled { +.raven-mpris button.flat.image-button:disabled, .nemo-window .floating-bar button.flat:disabled, .nautilus-window .floating-bar button.flat:disabled, row:selected button.flat:disabled, infobar.info > revealer > box button.flat:disabled, infobar.question > revealer > box button.flat:disabled, infobar.warning > revealer > box button.flat:disabled, infobar.error > revealer > box button.flat:disabled { color: rgba(255, 255, 255, 0.42); } -.raven-mpris button.flat.image-button:disabled label, .nemo-window .floating-bar button.flat:disabled label, .nautilus-window .floating-bar button.flat:disabled label, row:selected button.flat:disabled label, infobar.info button.flat:disabled label, infobar.question button.flat:disabled label, infobar.warning button.flat:disabled label, infobar.error button.flat:disabled label { +.raven-mpris button.flat.image-button:disabled label, .nemo-window .floating-bar button.flat:disabled label, .nautilus-window .floating-bar button.flat:disabled label, row:selected button.flat:disabled label, infobar.info > revealer > box button.flat:disabled label, infobar.question > revealer > box button.flat:disabled label, infobar.warning > revealer > box button.flat:disabled label, infobar.error > revealer > box button.flat:disabled label { color: rgba(255, 255, 255, 0.42); } -.raven-mpris button.image-button:hover, .nemo-window .floating-bar button:hover, .nautilus-window .floating-bar button:hover, row:selected button:hover, infobar.info button:hover, infobar.question button:hover, infobar.warning button:hover, infobar.error button:hover { +.raven-mpris button.image-button:hover, .nemo-window .floating-bar button:hover, .nautilus-window .floating-bar button:hover, row:selected button:hover, infobar.info > revealer > box button:hover, infobar.question > revealer > box button:hover, infobar.warning > revealer > box button:hover, infobar.error > revealer > box button:hover { color: #ffffff; background-color: rgba(255, 255, 255, 0.2); border-color: rgba(255, 255, 255, 0.8); } -.raven-mpris button.image-button:active, .nemo-window .floating-bar button:active, .nautilus-window .floating-bar button:active, row:selected button:active, infobar.info button:active, infobar.question button:active, infobar.warning button:active, infobar.error button:active, .raven-mpris button.image-button:checked, .nemo-window .floating-bar button:checked, .nautilus-window .floating-bar button:checked, row:selected button:checked, infobar.info button:checked, infobar.question button:checked, infobar.warning button:checked, infobar.error button:checked { +.raven-mpris button.image-button:active, .nemo-window .floating-bar button:active, .nautilus-window .floating-bar button:active, row:selected button:active, infobar.info > revealer > box button:active, infobar.question > revealer > box button:active, infobar.warning > revealer > box button:active, infobar.error > revealer > box button:active, .raven-mpris button.image-button:checked, .nemo-window .floating-bar button:checked, .nautilus-window .floating-bar button:checked, row:selected button:checked, infobar.info > revealer > box button:checked, infobar.question > revealer > box button:checked, infobar.warning > revealer > box button:checked, infobar.error > revealer > box button:checked { color: #F0544C; background-color: #ffffff; border-color: #ffffff; } -.raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled, row:selected button:disabled, infobar.info button:disabled, infobar.question button:disabled, infobar.warning button:disabled, infobar.error button:disabled { +.raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled, row:selected button:disabled, infobar.info > revealer > box button:disabled, infobar.question > revealer > box button:disabled, infobar.warning > revealer > box button:disabled, infobar.error > revealer > box button:disabled { color: rgba(255, 255, 255, 0.5); background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0.42); } -.raven-mpris button.image-button:disabled label, .nemo-window .floating-bar button:disabled label, .nautilus-window .floating-bar button:disabled label, row:selected button:disabled label, infobar.info button:disabled label, infobar.question button:disabled label, infobar.warning button:disabled label, infobar.error button:disabled label { +.raven-mpris button.image-button:disabled label, .nemo-window .floating-bar button:disabled label, .nautilus-window .floating-bar button:disabled label, row:selected button:disabled label, infobar.info > revealer > box button:disabled label, infobar.question > revealer > box button:disabled label, infobar.warning > revealer > box button:disabled label, infobar.error > revealer > box button:disabled label { color: rgba(255, 255, 255, 0.5); } -.raven-mpris button.image-button:disabled:active, .nemo-window .floating-bar button:disabled:active, .nautilus-window .floating-bar button:disabled:active, row:selected button:disabled:active, infobar.info button:disabled:active, infobar.question button:disabled:active, infobar.warning button:disabled:active, infobar.error button:disabled:active, .raven-mpris button.image-button:disabled:checked, .nemo-window .floating-bar button:disabled:checked, .nautilus-window .floating-bar button:disabled:checked, row:selected button:disabled:checked, infobar.info button:disabled:checked, infobar.question button:disabled:checked, infobar.warning button:disabled:checked, infobar.error button:disabled:checked { +.raven-mpris button.image-button:disabled:active, .nemo-window .floating-bar button:disabled:active, .nautilus-window .floating-bar button:disabled:active, row:selected button:disabled:active, infobar.info > revealer > box button:disabled:active, infobar.question > revealer > box button:disabled:active, infobar.warning > revealer > box button:disabled:active, infobar.error > revealer > box button:disabled:active, .raven-mpris button.image-button:disabled:checked, .nemo-window .floating-bar button:disabled:checked, .nautilus-window .floating-bar button:disabled:checked, row:selected button:disabled:checked, infobar.info > revealer > box button:disabled:checked, infobar.question > revealer > box button:disabled:checked, infobar.warning > revealer > box button:disabled:checked, infobar.error > revealer > box button:disabled:checked { color: #F0544C; background-color: rgba(255, 255, 255, 0.5); border-color: rgba(255, 255, 255, 0.42); diff --git a/src/gtk-3.0/gtk-azul.css b/src/gtk-3.0/gtk-azul.css index 23250a0d..1d1b4fdd 100644 --- a/src/gtk-3.0/gtk-azul.css +++ b/src/gtk-3.0/gtk-azul.css @@ -1304,7 +1304,7 @@ modelbutton.flat arrow.right { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } -infobar.info *:link, infobar.question *:link, infobar.warning *:link, infobar.error *:link, headerbar.selection-mode .subtitle:link, *:link:selected, *:selected *:link, button:selected:link, button:selected:visited, *:selected button:link, *:selected button:visited { +infobar.info > revealer > box *:link, infobar.info:hover > revealer > box *:link, infobar.info:backdrop > revealer > box *:link, infobar.question > revealer > box *:link, infobar.question:hover > revealer > box *:link, infobar.question:backdrop > revealer > box *:link, infobar.warning > revealer > box *:link, infobar.warning:hover > revealer > box *:link, infobar.warning:backdrop > revealer > box *:link, infobar.error > revealer > box *:link, infobar.error:hover > revealer > box *:link, infobar.error:backdrop > revealer > box *:link, headerbar.selection-mode .subtitle:link, *:link:selected, *:selected *:link, button:selected:link, button:selected:visited, *:selected button:link, *:selected button:visited { color: #d6eaf8; } @@ -3394,48 +3394,38 @@ radio:only-child, menu menuitem radio { margin: 0; } - scale { min-height: 15px; min-width: 15px; padding: 3px; } - scale.horizontal trough { padding: 0 4px; } - -scale.horizontal highlight, -scale.horizontal fill { +scale.horizontal highlight, scale.horizontal fill { margin: 0 -4px; } - scale.vertical trough { padding: 4px 0; } - -scale.vertical highlight, -scale.vertical fill { +scale.vertical highlight, scale.vertical fill { margin: -4px 0; } - scale slider { min-height: 15px; min-width: 15px; margin: -6px; } - scale.fine-tune slider { margin: -4px; } - scale.fine-tune fill, scale.fine-tune highlight, scale.fine-tune trough { @@ -3443,7 +3433,6 @@ scale.fine-tune trough { -gtk-outline-radius: 7px; } - scale trough { outline-offset: 2px; -gtk-outline-radius: 4.5px; @@ -3451,7 +3440,6 @@ scale trough { background-color: rgba(0, 0, 0, 0.15); } - scale trough:disabled { background-color: rgba(0, 0, 0, 0.08); } @@ -3464,29 +3452,24 @@ scale trough:disabled { background-color: #3498db; } - scale highlight { border-radius: 2.5px; background-color: #3498db; } - scale highlight:disabled { background-color: rgba(52, 152, 219, 0.55); } - scale fill { border-radius: 2.5px; background-color: rgba(52, 152, 219, 0.5); } - scale fill:disabled { background-color: transparent; } - scale slider { background-color: #ffffff; border: 1px solid rgba(0, 0, 0, 0.15); @@ -3495,20 +3478,17 @@ scale slider { transition-property: background, border; } - scale slider:hover { background-color: #419fdd; border-color: #3498db; } - scale slider:active { background-clip: border-box; background-color: #2791d9; border-color: #3498db; } - scale slider:disabled { background-color: #e6e6e6; border-color: rgba(0, 0, 0, 0.15); @@ -3530,111 +3510,85 @@ scale slider:disabled { border-color: #217dbb; } - scale value { color: alpha(currentColor,0.4); } - scale marks { color: alpha(currentColor,0.4); } - scale marks.top { margin-bottom: 1px; margin-top: -4px; } - scale marks.bottom { margin-top: 1px; margin-bottom: -4px; } - scale marks.top { margin-right: 1px; margin-left: -4px; } - scale marks.bottom { margin-left: 1px; margin-right: -4px; } - scale.fine-tune marks.top { margin-bottom: 0px; margin-top: -2px; } - scale.fine-tune marks.bottom { margin-top: 0px; margin-bottom: -2px; } - scale.fine-tune marks.top { margin-right: 0px; margin-left: -2px; } - scale.fine-tune marks.bottom { margin-left: 0px; margin-right: -2px; } - scale.horizontal indicator { min-height: 3px; min-width: 1px; } - scale.horizontal.fine-tune indicator { min-height: 2px; } - scale.vertical indicator { min-height: 1px; min-width: 3px; } - scale.vertical.fine-tune indicator { min-width: 2px; } - -scale infobar trough, -scale:hover trough, -scale:selected trough { +infobar.info trough, infobar.question trough, infobar.warning trough, infobar.error trough, scale:hover trough, scale:selected trough { background-color: rgba(0, 0, 0, 0.2); } - -scale infobar trough highlight, -scale:hover trough highlight, -scale:selected trough highlight { +infobar.info trough highlight, infobar.question trough highlight, infobar.warning trough highlight, infobar.error trough highlight, scale:hover trough highlight, scale:selected trough highlight { background-color: #4ea5e0; } - -scale infobar trough highlight:disabled, -scale:hover trough highlight:disabled, -scale:selected trough highlight:disabled { +infobar.info trough highlight:disabled, infobar.question trough highlight:disabled, infobar.warning trough highlight:disabled, infobar.error trough highlight:disabled, scale:hover trough highlight:disabled, scale:selected trough highlight:disabled { background-color: #a4d1ef; } - -scale infobar trough:disabled, -scale:hover trough:disabled, -scale:selected trough:disabled { +infobar.info trough:disabled, infobar.question trough:disabled, infobar.warning trough:disabled, infobar.error trough:disabled, scale:hover trough:disabled, scale:selected trough:disabled { background-color: rgba(0, 0, 0, 0.1); } @@ -4369,24 +4323,58 @@ infobar { border-style: none; } -infobar.info, infobar.question, infobar.warning, infobar.error { +infobar.info > revealer > box, infobar.info:backdrop > revealer > box { background-color: #3498db; +} + +infobar.info > revealer > box selection, infobar.info:backdrop > revealer > box selection { + color: #3498db; +} + +infobar.question > revealer > box, infobar.question:backdrop > revealer > box { + background-color: #4586D8; +} + +infobar.question > revealer > box selection, infobar.question:backdrop > revealer > box selection { + color: #4586D8; +} + +infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { + background-color: #F27835; +} + +infobar.warning > revealer > box selection, infobar.warning:backdrop > revealer > box selection { + color: #F27835; +} + +infobar.error > revealer > box, infobar.error:backdrop > revealer > box { + background-color: #FC4138; +} + +infobar.error > revealer > box selection, infobar.error:backdrop > revealer > box selection { + color: #FC4138; +} + +infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:hover > revealer > box, infobar.question:backdrop > revealer > box, infobar.warning > revealer > box, infobar.warning:hover > revealer > box, infobar.warning:backdrop > revealer > box, infobar.error > revealer > box, infobar.error:hover > revealer > box, infobar.error:backdrop > revealer > box { color: #ffffff; caret-color: currentColor; } -infobar.info selection, infobar.question selection, infobar.warning selection, infobar.error selection { - color: #3498db; +infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { + min-height: 28px; +} + +infobar.info > revealer > box selection, infobar.info:hover > revealer > box selection, infobar.info:backdrop > revealer > box selection, infobar.question > revealer > box selection, infobar.question:hover > revealer > box selection, infobar.question:backdrop > revealer > box selection, infobar.warning > revealer > box selection, infobar.warning:hover > revealer > box selection, infobar.warning:backdrop > revealer > box selection, infobar.error > revealer > box selection, infobar.error:hover > revealer > box selection, infobar.error:backdrop > revealer > box selection { background-color: #ffffff; } -.raven-mpris button.image-button, .nemo-window .floating-bar button, .nautilus-window .floating-bar button, row:selected button, infobar.info button, infobar.question button, infobar.warning button, infobar.error button { +.raven-mpris button.image-button, .nemo-window .floating-bar button, .nautilus-window .floating-bar button, row:selected button, infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { color: #ffffff; background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0.5); } -.raven-mpris button.flat.image-button, .nemo-window .floating-bar button.flat, .nautilus-window .floating-bar button.flat, row:selected button.flat, infobar.info button.flat, infobar.question button.flat, infobar.warning button.flat, infobar.error button.flat { +.raven-mpris button.flat.image-button, .nemo-window .floating-bar button.flat, .nautilus-window .floating-bar button.flat, row:selected button.flat, infobar.info > revealer > box button.flat, infobar.question > revealer > box button.flat, infobar.warning > revealer > box button.flat, infobar.error > revealer > box button.flat { border-color: transparent; background-color: transparent; background-image: none; @@ -4394,37 +4382,37 @@ infobar.info selection, infobar.question selection, infobar.warning selection, i background-color: rgba(255, 255, 255, 0); } -.raven-mpris button.flat.image-button:disabled, .nemo-window .floating-bar button.flat:disabled, .nautilus-window .floating-bar button.flat:disabled, row:selected button.flat:disabled, infobar.info button.flat:disabled, infobar.question button.flat:disabled, infobar.warning button.flat:disabled, infobar.error button.flat:disabled { +.raven-mpris button.flat.image-button:disabled, .nemo-window .floating-bar button.flat:disabled, .nautilus-window .floating-bar button.flat:disabled, row:selected button.flat:disabled, infobar.info > revealer > box button.flat:disabled, infobar.question > revealer > box button.flat:disabled, infobar.warning > revealer > box button.flat:disabled, infobar.error > revealer > box button.flat:disabled { color: rgba(255, 255, 255, 0.42); } -.raven-mpris button.flat.image-button:disabled label, .nemo-window .floating-bar button.flat:disabled label, .nautilus-window .floating-bar button.flat:disabled label, row:selected button.flat:disabled label, infobar.info button.flat:disabled label, infobar.question button.flat:disabled label, infobar.warning button.flat:disabled label, infobar.error button.flat:disabled label { +.raven-mpris button.flat.image-button:disabled label, .nemo-window .floating-bar button.flat:disabled label, .nautilus-window .floating-bar button.flat:disabled label, row:selected button.flat:disabled label, infobar.info > revealer > box button.flat:disabled label, infobar.question > revealer > box button.flat:disabled label, infobar.warning > revealer > box button.flat:disabled label, infobar.error > revealer > box button.flat:disabled label { color: rgba(255, 255, 255, 0.42); } -.raven-mpris button.image-button:hover, .nemo-window .floating-bar button:hover, .nautilus-window .floating-bar button:hover, row:selected button:hover, infobar.info button:hover, infobar.question button:hover, infobar.warning button:hover, infobar.error button:hover { +.raven-mpris button.image-button:hover, .nemo-window .floating-bar button:hover, .nautilus-window .floating-bar button:hover, row:selected button:hover, infobar.info > revealer > box button:hover, infobar.question > revealer > box button:hover, infobar.warning > revealer > box button:hover, infobar.error > revealer > box button:hover { color: #ffffff; background-color: rgba(255, 255, 255, 0.2); border-color: rgba(255, 255, 255, 0.8); } -.raven-mpris button.image-button:active, .nemo-window .floating-bar button:active, .nautilus-window .floating-bar button:active, row:selected button:active, infobar.info button:active, infobar.question button:active, infobar.warning button:active, infobar.error button:active, .raven-mpris button.image-button:checked, .nemo-window .floating-bar button:checked, .nautilus-window .floating-bar button:checked, row:selected button:checked, infobar.info button:checked, infobar.question button:checked, infobar.warning button:checked, infobar.error button:checked { +.raven-mpris button.image-button:active, .nemo-window .floating-bar button:active, .nautilus-window .floating-bar button:active, row:selected button:active, infobar.info > revealer > box button:active, infobar.question > revealer > box button:active, infobar.warning > revealer > box button:active, infobar.error > revealer > box button:active, .raven-mpris button.image-button:checked, .nemo-window .floating-bar button:checked, .nautilus-window .floating-bar button:checked, row:selected button:checked, infobar.info > revealer > box button:checked, infobar.question > revealer > box button:checked, infobar.warning > revealer > box button:checked, infobar.error > revealer > box button:checked { color: #3498db; background-color: #ffffff; border-color: #ffffff; } -.raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled, row:selected button:disabled, infobar.info button:disabled, infobar.question button:disabled, infobar.warning button:disabled, infobar.error button:disabled { +.raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled, row:selected button:disabled, infobar.info > revealer > box button:disabled, infobar.question > revealer > box button:disabled, infobar.warning > revealer > box button:disabled, infobar.error > revealer > box button:disabled { color: rgba(255, 255, 255, 0.5); background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0.42); } -.raven-mpris button.image-button:disabled label, .nemo-window .floating-bar button:disabled label, .nautilus-window .floating-bar button:disabled label, row:selected button:disabled label, infobar.info button:disabled label, infobar.question button:disabled label, infobar.warning button:disabled label, infobar.error button:disabled label { +.raven-mpris button.image-button:disabled label, .nemo-window .floating-bar button:disabled label, .nautilus-window .floating-bar button:disabled label, row:selected button:disabled label, infobar.info > revealer > box button:disabled label, infobar.question > revealer > box button:disabled label, infobar.warning > revealer > box button:disabled label, infobar.error > revealer > box button:disabled label { color: rgba(255, 255, 255, 0.5); } -.raven-mpris button.image-button:disabled:active, .nemo-window .floating-bar button:disabled:active, .nautilus-window .floating-bar button:disabled:active, row:selected button:disabled:active, infobar.info button:disabled:active, infobar.question button:disabled:active, infobar.warning button:disabled:active, infobar.error button:disabled:active, .raven-mpris button.image-button:disabled:checked, .nemo-window .floating-bar button:disabled:checked, .nautilus-window .floating-bar button:disabled:checked, row:selected button:disabled:checked, infobar.info button:disabled:checked, infobar.question button:disabled:checked, infobar.warning button:disabled:checked, infobar.error button:disabled:checked { +.raven-mpris button.image-button:disabled:active, .nemo-window .floating-bar button:disabled:active, .nautilus-window .floating-bar button:disabled:active, row:selected button:disabled:active, infobar.info > revealer > box button:disabled:active, infobar.question > revealer > box button:disabled:active, infobar.warning > revealer > box button:disabled:active, infobar.error > revealer > box button:disabled:active, .raven-mpris button.image-button:disabled:checked, .nemo-window .floating-bar button:disabled:checked, .nautilus-window .floating-bar button:disabled:checked, row:selected button:disabled:checked, infobar.info > revealer > box button:disabled:checked, infobar.question > revealer > box button:disabled:checked, infobar.warning > revealer > box button:disabled:checked, infobar.error > revealer > box button:disabled:checked { color: #3498db; background-color: rgba(255, 255, 255, 0.5); border-color: rgba(255, 255, 255, 0.42); diff --git a/src/gtk-3.0/gtk-dark-aliz.css b/src/gtk-3.0/gtk-dark-aliz.css index c50a675f..7ddacaf1 100644 --- a/src/gtk-3.0/gtk-dark-aliz.css +++ b/src/gtk-3.0/gtk-dark-aliz.css @@ -1304,7 +1304,7 @@ modelbutton.flat arrow.right { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } -infobar.info *:link, infobar.question *:link, infobar.warning *:link, infobar.error *:link, headerbar.selection-mode .subtitle:link, *:link:selected, *:selected *:link, button:selected:link, button:selected:visited, *:selected button:link, *:selected button:visited { +infobar.info > revealer > box *:link, infobar.info:hover > revealer > box *:link, infobar.info:backdrop > revealer > box *:link, infobar.question > revealer > box *:link, infobar.question:hover > revealer > box *:link, infobar.question:backdrop > revealer > box *:link, infobar.warning > revealer > box *:link, infobar.warning:hover > revealer > box *:link, infobar.warning:backdrop > revealer > box *:link, infobar.error > revealer > box *:link, infobar.error:hover > revealer > box *:link, infobar.error:backdrop > revealer > box *:link, headerbar.selection-mode .subtitle:link, *:link:selected, *:selected *:link, button:selected:link, button:selected:visited, *:selected button:link, *:selected button:visited { color: #fcdddb; } @@ -3394,48 +3394,38 @@ radio:only-child, menu menuitem radio { margin: 0; } - scale { min-height: 15px; min-width: 15px; padding: 3px; } - scale.horizontal trough { padding: 0 4px; } - -scale.horizontal highlight, -scale.horizontal fill { +scale.horizontal highlight, scale.horizontal fill { margin: 0 -4px; } - scale.vertical trough { padding: 4px 0; } - -scale.vertical highlight, -scale.vertical fill { +scale.vertical highlight, scale.vertical fill { margin: -4px 0; } - scale slider { min-height: 15px; min-width: 15px; margin: -6px; } - scale.fine-tune slider { margin: -4px; } - scale.fine-tune fill, scale.fine-tune highlight, scale.fine-tune trough { @@ -3443,7 +3433,6 @@ scale.fine-tune trough { -gtk-outline-radius: 7px; } - scale trough { outline-offset: 2px; -gtk-outline-radius: 4.5px; @@ -3451,7 +3440,6 @@ scale trough { background-color: rgba(0, 0, 0, 0.25); } - scale trough:disabled { background-color: rgba(0, 0, 0, 0.15); } @@ -3464,29 +3452,24 @@ scale trough:disabled { background-color: #F0544C; } - scale highlight { border-radius: 2.5px; background-color: #F0544C; } - scale highlight:disabled { background-color: rgba(240, 84, 76, 0.55); } - scale fill { border-radius: 2.5px; background-color: rgba(240, 84, 76, 0.5); } - scale fill:disabled { background-color: transparent; } - scale slider { background-color: #ffffff; border: 1px solid rgba(0, 0, 0, 0.25); @@ -3495,20 +3478,17 @@ scale slider { transition-property: background, border; } - scale slider:hover { background-color: #f1615a; border-color: #F0544C; } - scale slider:active { background-clip: border-box; background-color: #ef473e; border-color: #F0544C; } - scale slider:disabled { background-color: #e6e6e6; border-color: rgba(0, 0, 0, 0.25); @@ -3530,111 +3510,85 @@ scale slider:disabled { border-color: #ec271d; } - scale value { color: alpha(currentColor,0.4); } - scale marks { color: alpha(currentColor,0.4); } - scale marks.top { margin-bottom: 1px; margin-top: -4px; } - scale marks.bottom { margin-top: 1px; margin-bottom: -4px; } - scale marks.top { margin-right: 1px; margin-left: -4px; } - scale marks.bottom { margin-left: 1px; margin-right: -4px; } - scale.fine-tune marks.top { margin-bottom: 0px; margin-top: -2px; } - scale.fine-tune marks.bottom { margin-top: 0px; margin-bottom: -2px; } - scale.fine-tune marks.top { margin-right: 0px; margin-left: -2px; } - scale.fine-tune marks.bottom { margin-left: 0px; margin-right: -2px; } - scale.horizontal indicator { min-height: 3px; min-width: 1px; } - scale.horizontal.fine-tune indicator { min-height: 2px; } - scale.vertical indicator { min-height: 1px; min-width: 3px; } - scale.vertical.fine-tune indicator { min-width: 2px; } - -scale infobar trough, -scale:hover trough, -scale:selected trough { +infobar.info trough, infobar.question trough, infobar.warning trough, infobar.error trough, scale:hover trough, scale:selected trough { background-color: rgba(0, 0, 0, 0.2); } - -scale infobar trough highlight, -scale:hover trough highlight, -scale:selected trough highlight { +infobar.info trough highlight, infobar.question trough highlight, infobar.warning trough highlight, infobar.error trough highlight, scale:hover trough highlight, scale:selected trough highlight { background-color: #f26f68; } - -scale infobar trough highlight:disabled, -scale:hover trough highlight:disabled, -scale:selected trough highlight:disabled { +infobar.info trough highlight:disabled, infobar.question trough highlight:disabled, infobar.warning trough highlight:disabled, infobar.error trough highlight:disabled, scale:hover trough highlight:disabled, scale:selected trough highlight:disabled { background-color: #f8b2ae; } - -scale infobar trough:disabled, -scale:hover trough:disabled, -scale:selected trough:disabled { +infobar.info trough:disabled, infobar.question trough:disabled, infobar.warning trough:disabled, infobar.error trough:disabled, scale:hover trough:disabled, scale:selected trough:disabled { background-color: rgba(0, 0, 0, 0.1); } @@ -4369,24 +4323,58 @@ infobar { border-style: none; } -infobar.info, infobar.question, infobar.warning, infobar.error { +infobar.info > revealer > box, infobar.info:backdrop > revealer > box { background-color: #F0544C; +} + +infobar.info > revealer > box selection, infobar.info:backdrop > revealer > box selection { + color: #F0544C; +} + +infobar.question > revealer > box, infobar.question:backdrop > revealer > box { + background-color: #2eb398; +} + +infobar.question > revealer > box selection, infobar.question:backdrop > revealer > box selection { + color: #2eb398; +} + +infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { + background-color: #F27835; +} + +infobar.warning > revealer > box selection, infobar.warning:backdrop > revealer > box selection { + color: #F27835; +} + +infobar.error > revealer > box, infobar.error:backdrop > revealer > box { + background-color: #FC4138; +} + +infobar.error > revealer > box selection, infobar.error:backdrop > revealer > box selection { + color: #FC4138; +} + +infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:hover > revealer > box, infobar.question:backdrop > revealer > box, infobar.warning > revealer > box, infobar.warning:hover > revealer > box, infobar.warning:backdrop > revealer > box, infobar.error > revealer > box, infobar.error:hover > revealer > box, infobar.error:backdrop > revealer > box { color: #ffffff; caret-color: currentColor; } -infobar.info selection, infobar.question selection, infobar.warning selection, infobar.error selection { - color: #F0544C; +infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { + min-height: 28px; +} + +infobar.info > revealer > box selection, infobar.info:hover > revealer > box selection, infobar.info:backdrop > revealer > box selection, infobar.question > revealer > box selection, infobar.question:hover > revealer > box selection, infobar.question:backdrop > revealer > box selection, infobar.warning > revealer > box selection, infobar.warning:hover > revealer > box selection, infobar.warning:backdrop > revealer > box selection, infobar.error > revealer > box selection, infobar.error:hover > revealer > box selection, infobar.error:backdrop > revealer > box selection { background-color: #ffffff; } -.raven-mpris button.image-button, .nemo-window .floating-bar button, .nautilus-window .floating-bar button, row:selected button, infobar.info button, infobar.question button, infobar.warning button, infobar.error button { +.raven-mpris button.image-button, .nemo-window .floating-bar button, .nautilus-window .floating-bar button, row:selected button, infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { color: #ffffff; background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0.5); } -.raven-mpris button.flat.image-button, .nemo-window .floating-bar button.flat, .nautilus-window .floating-bar button.flat, row:selected button.flat, infobar.info button.flat, infobar.question button.flat, infobar.warning button.flat, infobar.error button.flat { +.raven-mpris button.flat.image-button, .nemo-window .floating-bar button.flat, .nautilus-window .floating-bar button.flat, row:selected button.flat, infobar.info > revealer > box button.flat, infobar.question > revealer > box button.flat, infobar.warning > revealer > box button.flat, infobar.error > revealer > box button.flat { border-color: transparent; background-color: transparent; background-image: none; @@ -4394,37 +4382,37 @@ infobar.info selection, infobar.question selection, infobar.warning selection, i background-color: rgba(255, 255, 255, 0); } -.raven-mpris button.flat.image-button:disabled, .nemo-window .floating-bar button.flat:disabled, .nautilus-window .floating-bar button.flat:disabled, row:selected button.flat:disabled, infobar.info button.flat:disabled, infobar.question button.flat:disabled, infobar.warning button.flat:disabled, infobar.error button.flat:disabled { +.raven-mpris button.flat.image-button:disabled, .nemo-window .floating-bar button.flat:disabled, .nautilus-window .floating-bar button.flat:disabled, row:selected button.flat:disabled, infobar.info > revealer > box button.flat:disabled, infobar.question > revealer > box button.flat:disabled, infobar.warning > revealer > box button.flat:disabled, infobar.error > revealer > box button.flat:disabled { color: rgba(255, 255, 255, 0.42); } -.raven-mpris button.flat.image-button:disabled label, .nemo-window .floating-bar button.flat:disabled label, .nautilus-window .floating-bar button.flat:disabled label, row:selected button.flat:disabled label, infobar.info button.flat:disabled label, infobar.question button.flat:disabled label, infobar.warning button.flat:disabled label, infobar.error button.flat:disabled label { +.raven-mpris button.flat.image-button:disabled label, .nemo-window .floating-bar button.flat:disabled label, .nautilus-window .floating-bar button.flat:disabled label, row:selected button.flat:disabled label, infobar.info > revealer > box button.flat:disabled label, infobar.question > revealer > box button.flat:disabled label, infobar.warning > revealer > box button.flat:disabled label, infobar.error > revealer > box button.flat:disabled label { color: rgba(255, 255, 255, 0.42); } -.raven-mpris button.image-button:hover, .nemo-window .floating-bar button:hover, .nautilus-window .floating-bar button:hover, row:selected button:hover, infobar.info button:hover, infobar.question button:hover, infobar.warning button:hover, infobar.error button:hover { +.raven-mpris button.image-button:hover, .nemo-window .floating-bar button:hover, .nautilus-window .floating-bar button:hover, row:selected button:hover, infobar.info > revealer > box button:hover, infobar.question > revealer > box button:hover, infobar.warning > revealer > box button:hover, infobar.error > revealer > box button:hover { color: #ffffff; background-color: rgba(255, 255, 255, 0.2); border-color: rgba(255, 255, 255, 0.8); } -.raven-mpris button.image-button:active, .nemo-window .floating-bar button:active, .nautilus-window .floating-bar button:active, row:selected button:active, infobar.info button:active, infobar.question button:active, infobar.warning button:active, infobar.error button:active, .raven-mpris button.image-button:checked, .nemo-window .floating-bar button:checked, .nautilus-window .floating-bar button:checked, row:selected button:checked, infobar.info button:checked, infobar.question button:checked, infobar.warning button:checked, infobar.error button:checked { +.raven-mpris button.image-button:active, .nemo-window .floating-bar button:active, .nautilus-window .floating-bar button:active, row:selected button:active, infobar.info > revealer > box button:active, infobar.question > revealer > box button:active, infobar.warning > revealer > box button:active, infobar.error > revealer > box button:active, .raven-mpris button.image-button:checked, .nemo-window .floating-bar button:checked, .nautilus-window .floating-bar button:checked, row:selected button:checked, infobar.info > revealer > box button:checked, infobar.question > revealer > box button:checked, infobar.warning > revealer > box button:checked, infobar.error > revealer > box button:checked { color: #F0544C; background-color: #ffffff; border-color: #ffffff; } -.raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled, row:selected button:disabled, infobar.info button:disabled, infobar.question button:disabled, infobar.warning button:disabled, infobar.error button:disabled { +.raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled, row:selected button:disabled, infobar.info > revealer > box button:disabled, infobar.question > revealer > box button:disabled, infobar.warning > revealer > box button:disabled, infobar.error > revealer > box button:disabled { color: rgba(255, 255, 255, 0.5); background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0.42); } -.raven-mpris button.image-button:disabled label, .nemo-window .floating-bar button:disabled label, .nautilus-window .floating-bar button:disabled label, row:selected button:disabled label, infobar.info button:disabled label, infobar.question button:disabled label, infobar.warning button:disabled label, infobar.error button:disabled label { +.raven-mpris button.image-button:disabled label, .nemo-window .floating-bar button:disabled label, .nautilus-window .floating-bar button:disabled label, row:selected button:disabled label, infobar.info > revealer > box button:disabled label, infobar.question > revealer > box button:disabled label, infobar.warning > revealer > box button:disabled label, infobar.error > revealer > box button:disabled label { color: rgba(255, 255, 255, 0.5); } -.raven-mpris button.image-button:disabled:active, .nemo-window .floating-bar button:disabled:active, .nautilus-window .floating-bar button:disabled:active, row:selected button:disabled:active, infobar.info button:disabled:active, infobar.question button:disabled:active, infobar.warning button:disabled:active, infobar.error button:disabled:active, .raven-mpris button.image-button:disabled:checked, .nemo-window .floating-bar button:disabled:checked, .nautilus-window .floating-bar button:disabled:checked, row:selected button:disabled:checked, infobar.info button:disabled:checked, infobar.question button:disabled:checked, infobar.warning button:disabled:checked, infobar.error button:disabled:checked { +.raven-mpris button.image-button:disabled:active, .nemo-window .floating-bar button:disabled:active, .nautilus-window .floating-bar button:disabled:active, row:selected button:disabled:active, infobar.info > revealer > box button:disabled:active, infobar.question > revealer > box button:disabled:active, infobar.warning > revealer > box button:disabled:active, infobar.error > revealer > box button:disabled:active, .raven-mpris button.image-button:disabled:checked, .nemo-window .floating-bar button:disabled:checked, .nautilus-window .floating-bar button:disabled:checked, row:selected button:disabled:checked, infobar.info > revealer > box button:disabled:checked, infobar.question > revealer > box button:disabled:checked, infobar.warning > revealer > box button:disabled:checked, infobar.error > revealer > box button:disabled:checked { color: #F0544C; background-color: rgba(255, 255, 255, 0.5); border-color: rgba(255, 255, 255, 0.42); diff --git a/src/gtk-3.0/gtk-dark-azul.css b/src/gtk-3.0/gtk-dark-azul.css index 7cbb8e5e..85786c34 100644 --- a/src/gtk-3.0/gtk-dark-azul.css +++ b/src/gtk-3.0/gtk-dark-azul.css @@ -1304,7 +1304,7 @@ modelbutton.flat arrow.right { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } -infobar.info *:link, infobar.question *:link, infobar.warning *:link, infobar.error *:link, headerbar.selection-mode .subtitle:link, *:link:selected, *:selected *:link, button:selected:link, button:selected:visited, *:selected button:link, *:selected button:visited { +infobar.info > revealer > box *:link, infobar.info:hover > revealer > box *:link, infobar.info:backdrop > revealer > box *:link, infobar.question > revealer > box *:link, infobar.question:hover > revealer > box *:link, infobar.question:backdrop > revealer > box *:link, infobar.warning > revealer > box *:link, infobar.warning:hover > revealer > box *:link, infobar.warning:backdrop > revealer > box *:link, infobar.error > revealer > box *:link, infobar.error:hover > revealer > box *:link, infobar.error:backdrop > revealer > box *:link, headerbar.selection-mode .subtitle:link, *:link:selected, *:selected *:link, button:selected:link, button:selected:visited, *:selected button:link, *:selected button:visited { color: #d6eaf8; } @@ -3394,48 +3394,38 @@ radio:only-child, menu menuitem radio { margin: 0; } - scale { min-height: 15px; min-width: 15px; padding: 3px; } - scale.horizontal trough { padding: 0 4px; } - -scale.horizontal highlight, -scale.horizontal fill { +scale.horizontal highlight, scale.horizontal fill { margin: 0 -4px; } - scale.vertical trough { padding: 4px 0; } - -scale.vertical highlight, -scale.vertical fill { +scale.vertical highlight, scale.vertical fill { margin: -4px 0; } - scale slider { min-height: 15px; min-width: 15px; margin: -6px; } - scale.fine-tune slider { margin: -4px; } - scale.fine-tune fill, scale.fine-tune highlight, scale.fine-tune trough { @@ -3443,7 +3433,6 @@ scale.fine-tune trough { -gtk-outline-radius: 7px; } - scale trough { outline-offset: 2px; -gtk-outline-radius: 4.5px; @@ -3451,7 +3440,6 @@ scale trough { background-color: rgba(0, 0, 0, 0.25); } - scale trough:disabled { background-color: rgba(0, 0, 0, 0.15); } @@ -3464,29 +3452,24 @@ scale trough:disabled { background-color: #3498db; } - scale highlight { border-radius: 2.5px; background-color: #3498db; } - scale highlight:disabled { background-color: rgba(52, 152, 219, 0.55); } - scale fill { border-radius: 2.5px; background-color: rgba(52, 152, 219, 0.5); } - scale fill:disabled { background-color: transparent; } - scale slider { background-color: #ffffff; border: 1px solid rgba(0, 0, 0, 0.25); @@ -3495,20 +3478,17 @@ scale slider { transition-property: background, border; } - scale slider:hover { background-color: #419fdd; border-color: #3498db; } - scale slider:active { background-clip: border-box; background-color: #2791d9; border-color: #3498db; } - scale slider:disabled { background-color: #e6e6e6; border-color: rgba(0, 0, 0, 0.25); @@ -3530,111 +3510,85 @@ scale slider:disabled { border-color: #217dbb; } - scale value { color: alpha(currentColor,0.4); } - scale marks { color: alpha(currentColor,0.4); } - scale marks.top { margin-bottom: 1px; margin-top: -4px; } - scale marks.bottom { margin-top: 1px; margin-bottom: -4px; } - scale marks.top { margin-right: 1px; margin-left: -4px; } - scale marks.bottom { margin-left: 1px; margin-right: -4px; } - scale.fine-tune marks.top { margin-bottom: 0px; margin-top: -2px; } - scale.fine-tune marks.bottom { margin-top: 0px; margin-bottom: -2px; } - scale.fine-tune marks.top { margin-right: 0px; margin-left: -2px; } - scale.fine-tune marks.bottom { margin-left: 0px; margin-right: -2px; } - scale.horizontal indicator { min-height: 3px; min-width: 1px; } - scale.horizontal.fine-tune indicator { min-height: 2px; } - scale.vertical indicator { min-height: 1px; min-width: 3px; } - scale.vertical.fine-tune indicator { min-width: 2px; } - -scale infobar trough, -scale:hover trough, -scale:selected trough { +infobar.info trough, infobar.question trough, infobar.warning trough, infobar.error trough, scale:hover trough, scale:selected trough { background-color: rgba(0, 0, 0, 0.2); } - -scale infobar trough highlight, -scale:hover trough highlight, -scale:selected trough highlight { +infobar.info trough highlight, infobar.question trough highlight, infobar.warning trough highlight, infobar.error trough highlight, scale:hover trough highlight, scale:selected trough highlight { background-color: #4ea5e0; } - -scale infobar trough highlight:disabled, -scale:hover trough highlight:disabled, -scale:selected trough highlight:disabled { +infobar.info trough highlight:disabled, infobar.question trough highlight:disabled, infobar.warning trough highlight:disabled, infobar.error trough highlight:disabled, scale:hover trough highlight:disabled, scale:selected trough highlight:disabled { background-color: #a4d1ef; } - -scale infobar trough:disabled, -scale:hover trough:disabled, -scale:selected trough:disabled { +infobar.info trough:disabled, infobar.question trough:disabled, infobar.warning trough:disabled, infobar.error trough:disabled, scale:hover trough:disabled, scale:selected trough:disabled { background-color: rgba(0, 0, 0, 0.1); } @@ -4369,24 +4323,58 @@ infobar { border-style: none; } -infobar.info, infobar.question, infobar.warning, infobar.error { +infobar.info > revealer > box, infobar.info:backdrop > revealer > box { background-color: #3498db; +} + +infobar.info > revealer > box selection, infobar.info:backdrop > revealer > box selection { + color: #3498db; +} + +infobar.question > revealer > box, infobar.question:backdrop > revealer > box { + background-color: #4586D8; +} + +infobar.question > revealer > box selection, infobar.question:backdrop > revealer > box selection { + color: #4586D8; +} + +infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { + background-color: #F27835; +} + +infobar.warning > revealer > box selection, infobar.warning:backdrop > revealer > box selection { + color: #F27835; +} + +infobar.error > revealer > box, infobar.error:backdrop > revealer > box { + background-color: #FC4138; +} + +infobar.error > revealer > box selection, infobar.error:backdrop > revealer > box selection { + color: #FC4138; +} + +infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:hover > revealer > box, infobar.question:backdrop > revealer > box, infobar.warning > revealer > box, infobar.warning:hover > revealer > box, infobar.warning:backdrop > revealer > box, infobar.error > revealer > box, infobar.error:hover > revealer > box, infobar.error:backdrop > revealer > box { color: #ffffff; caret-color: currentColor; } -infobar.info selection, infobar.question selection, infobar.warning selection, infobar.error selection { - color: #3498db; +infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { + min-height: 28px; +} + +infobar.info > revealer > box selection, infobar.info:hover > revealer > box selection, infobar.info:backdrop > revealer > box selection, infobar.question > revealer > box selection, infobar.question:hover > revealer > box selection, infobar.question:backdrop > revealer > box selection, infobar.warning > revealer > box selection, infobar.warning:hover > revealer > box selection, infobar.warning:backdrop > revealer > box selection, infobar.error > revealer > box selection, infobar.error:hover > revealer > box selection, infobar.error:backdrop > revealer > box selection { background-color: #ffffff; } -.raven-mpris button.image-button, .nemo-window .floating-bar button, .nautilus-window .floating-bar button, row:selected button, infobar.info button, infobar.question button, infobar.warning button, infobar.error button { +.raven-mpris button.image-button, .nemo-window .floating-bar button, .nautilus-window .floating-bar button, row:selected button, infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { color: #ffffff; background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0.5); } -.raven-mpris button.flat.image-button, .nemo-window .floating-bar button.flat, .nautilus-window .floating-bar button.flat, row:selected button.flat, infobar.info button.flat, infobar.question button.flat, infobar.warning button.flat, infobar.error button.flat { +.raven-mpris button.flat.image-button, .nemo-window .floating-bar button.flat, .nautilus-window .floating-bar button.flat, row:selected button.flat, infobar.info > revealer > box button.flat, infobar.question > revealer > box button.flat, infobar.warning > revealer > box button.flat, infobar.error > revealer > box button.flat { border-color: transparent; background-color: transparent; background-image: none; @@ -4394,37 +4382,37 @@ infobar.info selection, infobar.question selection, infobar.warning selection, i background-color: rgba(255, 255, 255, 0); } -.raven-mpris button.flat.image-button:disabled, .nemo-window .floating-bar button.flat:disabled, .nautilus-window .floating-bar button.flat:disabled, row:selected button.flat:disabled, infobar.info button.flat:disabled, infobar.question button.flat:disabled, infobar.warning button.flat:disabled, infobar.error button.flat:disabled { +.raven-mpris button.flat.image-button:disabled, .nemo-window .floating-bar button.flat:disabled, .nautilus-window .floating-bar button.flat:disabled, row:selected button.flat:disabled, infobar.info > revealer > box button.flat:disabled, infobar.question > revealer > box button.flat:disabled, infobar.warning > revealer > box button.flat:disabled, infobar.error > revealer > box button.flat:disabled { color: rgba(255, 255, 255, 0.42); } -.raven-mpris button.flat.image-button:disabled label, .nemo-window .floating-bar button.flat:disabled label, .nautilus-window .floating-bar button.flat:disabled label, row:selected button.flat:disabled label, infobar.info button.flat:disabled label, infobar.question button.flat:disabled label, infobar.warning button.flat:disabled label, infobar.error button.flat:disabled label { +.raven-mpris button.flat.image-button:disabled label, .nemo-window .floating-bar button.flat:disabled label, .nautilus-window .floating-bar button.flat:disabled label, row:selected button.flat:disabled label, infobar.info > revealer > box button.flat:disabled label, infobar.question > revealer > box button.flat:disabled label, infobar.warning > revealer > box button.flat:disabled label, infobar.error > revealer > box button.flat:disabled label { color: rgba(255, 255, 255, 0.42); } -.raven-mpris button.image-button:hover, .nemo-window .floating-bar button:hover, .nautilus-window .floating-bar button:hover, row:selected button:hover, infobar.info button:hover, infobar.question button:hover, infobar.warning button:hover, infobar.error button:hover { +.raven-mpris button.image-button:hover, .nemo-window .floating-bar button:hover, .nautilus-window .floating-bar button:hover, row:selected button:hover, infobar.info > revealer > box button:hover, infobar.question > revealer > box button:hover, infobar.warning > revealer > box button:hover, infobar.error > revealer > box button:hover { color: #ffffff; background-color: rgba(255, 255, 255, 0.2); border-color: rgba(255, 255, 255, 0.8); } -.raven-mpris button.image-button:active, .nemo-window .floating-bar button:active, .nautilus-window .floating-bar button:active, row:selected button:active, infobar.info button:active, infobar.question button:active, infobar.warning button:active, infobar.error button:active, .raven-mpris button.image-button:checked, .nemo-window .floating-bar button:checked, .nautilus-window .floating-bar button:checked, row:selected button:checked, infobar.info button:checked, infobar.question button:checked, infobar.warning button:checked, infobar.error button:checked { +.raven-mpris button.image-button:active, .nemo-window .floating-bar button:active, .nautilus-window .floating-bar button:active, row:selected button:active, infobar.info > revealer > box button:active, infobar.question > revealer > box button:active, infobar.warning > revealer > box button:active, infobar.error > revealer > box button:active, .raven-mpris button.image-button:checked, .nemo-window .floating-bar button:checked, .nautilus-window .floating-bar button:checked, row:selected button:checked, infobar.info > revealer > box button:checked, infobar.question > revealer > box button:checked, infobar.warning > revealer > box button:checked, infobar.error > revealer > box button:checked { color: #3498db; background-color: #ffffff; border-color: #ffffff; } -.raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled, row:selected button:disabled, infobar.info button:disabled, infobar.question button:disabled, infobar.warning button:disabled, infobar.error button:disabled { +.raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled, row:selected button:disabled, infobar.info > revealer > box button:disabled, infobar.question > revealer > box button:disabled, infobar.warning > revealer > box button:disabled, infobar.error > revealer > box button:disabled { color: rgba(255, 255, 255, 0.5); background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0.42); } -.raven-mpris button.image-button:disabled label, .nemo-window .floating-bar button:disabled label, .nautilus-window .floating-bar button:disabled label, row:selected button:disabled label, infobar.info button:disabled label, infobar.question button:disabled label, infobar.warning button:disabled label, infobar.error button:disabled label { +.raven-mpris button.image-button:disabled label, .nemo-window .floating-bar button:disabled label, .nautilus-window .floating-bar button:disabled label, row:selected button:disabled label, infobar.info > revealer > box button:disabled label, infobar.question > revealer > box button:disabled label, infobar.warning > revealer > box button:disabled label, infobar.error > revealer > box button:disabled label { color: rgba(255, 255, 255, 0.5); } -.raven-mpris button.image-button:disabled:active, .nemo-window .floating-bar button:disabled:active, .nautilus-window .floating-bar button:disabled:active, row:selected button:disabled:active, infobar.info button:disabled:active, infobar.question button:disabled:active, infobar.warning button:disabled:active, infobar.error button:disabled:active, .raven-mpris button.image-button:disabled:checked, .nemo-window .floating-bar button:disabled:checked, .nautilus-window .floating-bar button:disabled:checked, row:selected button:disabled:checked, infobar.info button:disabled:checked, infobar.question button:disabled:checked, infobar.warning button:disabled:checked, infobar.error button:disabled:checked { +.raven-mpris button.image-button:disabled:active, .nemo-window .floating-bar button:disabled:active, .nautilus-window .floating-bar button:disabled:active, row:selected button:disabled:active, infobar.info > revealer > box button:disabled:active, infobar.question > revealer > box button:disabled:active, infobar.warning > revealer > box button:disabled:active, infobar.error > revealer > box button:disabled:active, .raven-mpris button.image-button:disabled:checked, .nemo-window .floating-bar button:disabled:checked, .nautilus-window .floating-bar button:disabled:checked, row:selected button:disabled:checked, infobar.info > revealer > box button:disabled:checked, infobar.question > revealer > box button:disabled:checked, infobar.warning > revealer > box button:disabled:checked, infobar.error > revealer > box button:disabled:checked { color: #3498db; background-color: rgba(255, 255, 255, 0.5); border-color: rgba(255, 255, 255, 0.42); diff --git a/src/gtk-3.0/gtk-dark-sea.css b/src/gtk-3.0/gtk-dark-sea.css index 09fd4c5f..7e07fd66 100644 --- a/src/gtk-3.0/gtk-dark-sea.css +++ b/src/gtk-3.0/gtk-dark-sea.css @@ -1304,7 +1304,7 @@ modelbutton.flat arrow.right { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } -infobar.info *:link, infobar.question *:link, infobar.warning *:link, infobar.error *:link, headerbar.selection-mode .subtitle:link, *:link:selected, *:selected *:link, button:selected:link, button:selected:visited, *:selected button:link, *:selected button:visited { +infobar.info > revealer > box *:link, infobar.info:hover > revealer > box *:link, infobar.info:backdrop > revealer > box *:link, infobar.question > revealer > box *:link, infobar.question:hover > revealer > box *:link, infobar.question:backdrop > revealer > box *:link, infobar.warning > revealer > box *:link, infobar.warning:hover > revealer > box *:link, infobar.warning:backdrop > revealer > box *:link, infobar.error > revealer > box *:link, infobar.error:hover > revealer > box *:link, infobar.error:backdrop > revealer > box *:link, headerbar.selection-mode .subtitle:link, *:link:selected, *:selected *:link, button:selected:link, button:selected:visited, *:selected button:link, *:selected button:visited { color: #d5f0ea; } @@ -3394,48 +3394,38 @@ radio:only-child, menu menuitem radio { margin: 0; } - scale { min-height: 15px; min-width: 15px; padding: 3px; } - scale.horizontal trough { padding: 0 4px; } - -scale.horizontal highlight, -scale.horizontal fill { +scale.horizontal highlight, scale.horizontal fill { margin: 0 -4px; } - scale.vertical trough { padding: 4px 0; } - -scale.vertical highlight, -scale.vertical fill { +scale.vertical highlight, scale.vertical fill { margin: -4px 0; } - scale slider { min-height: 15px; min-width: 15px; margin: -6px; } - scale.fine-tune slider { margin: -4px; } - scale.fine-tune fill, scale.fine-tune highlight, scale.fine-tune trough { @@ -3443,7 +3433,6 @@ scale.fine-tune trough { -gtk-outline-radius: 7px; } - scale trough { outline-offset: 2px; -gtk-outline-radius: 4.5px; @@ -3451,7 +3440,6 @@ scale trough { background-color: rgba(0, 0, 0, 0.25); } - scale trough:disabled { background-color: rgba(0, 0, 0, 0.15); } @@ -3464,29 +3452,24 @@ scale trough:disabled { background-color: #2eb398; } - scale highlight { border-radius: 2.5px; background-color: #2eb398; } - scale highlight:disabled { background-color: rgba(46, 179, 152, 0.55); } - scale fill { border-radius: 2.5px; background-color: rgba(46, 179, 152, 0.5); } - scale fill:disabled { background-color: transparent; } - scale slider { background-color: #ffffff; border: 1px solid rgba(0, 0, 0, 0.25); @@ -3495,20 +3478,17 @@ scale slider { transition-property: background, border; } - scale slider:hover { background-color: #31bfa2; border-color: #2eb398; } - scale slider:active { background-clip: border-box; background-color: #2ba78e; border-color: #2eb398; } - scale slider:disabled { background-color: #e6e6e6; border-color: rgba(0, 0, 0, 0.25); @@ -3530,111 +3510,85 @@ scale slider:disabled { border-color: #248a76; } - scale value { color: alpha(currentColor,0.4); } - scale marks { color: alpha(currentColor,0.4); } - scale marks.top { margin-bottom: 1px; margin-top: -4px; } - scale marks.bottom { margin-top: 1px; margin-bottom: -4px; } - scale marks.top { margin-right: 1px; margin-left: -4px; } - scale marks.bottom { margin-left: 1px; margin-right: -4px; } - scale.fine-tune marks.top { margin-bottom: 0px; margin-top: -2px; } - scale.fine-tune marks.bottom { margin-top: 0px; margin-bottom: -2px; } - scale.fine-tune marks.top { margin-right: 0px; margin-left: -2px; } - scale.fine-tune marks.bottom { margin-left: 0px; margin-right: -2px; } - scale.horizontal indicator { min-height: 3px; min-width: 1px; } - scale.horizontal.fine-tune indicator { min-height: 2px; } - scale.vertical indicator { min-height: 1px; min-width: 3px; } - scale.vertical.fine-tune indicator { min-width: 2px; } - -scale infobar trough, -scale:hover trough, -scale:selected trough { +infobar.info trough, infobar.question trough, infobar.warning trough, infobar.error trough, scale:hover trough, scale:selected trough { background-color: rgba(0, 0, 0, 0.2); } - -scale infobar trough highlight, -scale:hover trough highlight, -scale:selected trough highlight { +infobar.info trough highlight, infobar.question trough highlight, infobar.warning trough highlight, infobar.error trough highlight, scale:hover trough highlight, scale:selected trough highlight { background-color: #35cbac; } - -scale infobar trough highlight:disabled, -scale:hover trough highlight:disabled, -scale:selected trough highlight:disabled { +infobar.info trough highlight:disabled, infobar.question trough highlight:disabled, infobar.warning trough highlight:disabled, infobar.error trough highlight:disabled, scale:hover trough highlight:disabled, scale:selected trough highlight:disabled { background-color: #a1ddd1; } - -scale infobar trough:disabled, -scale:hover trough:disabled, -scale:selected trough:disabled { +infobar.info trough:disabled, infobar.question trough:disabled, infobar.warning trough:disabled, infobar.error trough:disabled, scale:hover trough:disabled, scale:selected trough:disabled { background-color: rgba(0, 0, 0, 0.1); } @@ -4369,24 +4323,58 @@ infobar { border-style: none; } -infobar.info, infobar.question, infobar.warning, infobar.error { +infobar.info > revealer > box, infobar.info:backdrop > revealer > box { background-color: #2eb398; +} + +infobar.info > revealer > box selection, infobar.info:backdrop > revealer > box selection { + color: #2eb398; +} + +infobar.question > revealer > box, infobar.question:backdrop > revealer > box { + background-color: #33b165; +} + +infobar.question > revealer > box selection, infobar.question:backdrop > revealer > box selection { + color: #33b165; +} + +infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { + background-color: #F27835; +} + +infobar.warning > revealer > box selection, infobar.warning:backdrop > revealer > box selection { + color: #F27835; +} + +infobar.error > revealer > box, infobar.error:backdrop > revealer > box { + background-color: #FC4138; +} + +infobar.error > revealer > box selection, infobar.error:backdrop > revealer > box selection { + color: #FC4138; +} + +infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:hover > revealer > box, infobar.question:backdrop > revealer > box, infobar.warning > revealer > box, infobar.warning:hover > revealer > box, infobar.warning:backdrop > revealer > box, infobar.error > revealer > box, infobar.error:hover > revealer > box, infobar.error:backdrop > revealer > box { color: #ffffff; caret-color: currentColor; } -infobar.info selection, infobar.question selection, infobar.warning selection, infobar.error selection { - color: #2eb398; +infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { + min-height: 28px; +} + +infobar.info > revealer > box selection, infobar.info:hover > revealer > box selection, infobar.info:backdrop > revealer > box selection, infobar.question > revealer > box selection, infobar.question:hover > revealer > box selection, infobar.question:backdrop > revealer > box selection, infobar.warning > revealer > box selection, infobar.warning:hover > revealer > box selection, infobar.warning:backdrop > revealer > box selection, infobar.error > revealer > box selection, infobar.error:hover > revealer > box selection, infobar.error:backdrop > revealer > box selection { background-color: #ffffff; } -.raven-mpris button.image-button, .nemo-window .floating-bar button, .nautilus-window .floating-bar button, row:selected button, infobar.info button, infobar.question button, infobar.warning button, infobar.error button { +.raven-mpris button.image-button, .nemo-window .floating-bar button, .nautilus-window .floating-bar button, row:selected button, infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { color: #ffffff; background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0.5); } -.raven-mpris button.flat.image-button, .nemo-window .floating-bar button.flat, .nautilus-window .floating-bar button.flat, row:selected button.flat, infobar.info button.flat, infobar.question button.flat, infobar.warning button.flat, infobar.error button.flat { +.raven-mpris button.flat.image-button, .nemo-window .floating-bar button.flat, .nautilus-window .floating-bar button.flat, row:selected button.flat, infobar.info > revealer > box button.flat, infobar.question > revealer > box button.flat, infobar.warning > revealer > box button.flat, infobar.error > revealer > box button.flat { border-color: transparent; background-color: transparent; background-image: none; @@ -4394,37 +4382,37 @@ infobar.info selection, infobar.question selection, infobar.warning selection, i background-color: rgba(255, 255, 255, 0); } -.raven-mpris button.flat.image-button:disabled, .nemo-window .floating-bar button.flat:disabled, .nautilus-window .floating-bar button.flat:disabled, row:selected button.flat:disabled, infobar.info button.flat:disabled, infobar.question button.flat:disabled, infobar.warning button.flat:disabled, infobar.error button.flat:disabled { +.raven-mpris button.flat.image-button:disabled, .nemo-window .floating-bar button.flat:disabled, .nautilus-window .floating-bar button.flat:disabled, row:selected button.flat:disabled, infobar.info > revealer > box button.flat:disabled, infobar.question > revealer > box button.flat:disabled, infobar.warning > revealer > box button.flat:disabled, infobar.error > revealer > box button.flat:disabled { color: rgba(255, 255, 255, 0.42); } -.raven-mpris button.flat.image-button:disabled label, .nemo-window .floating-bar button.flat:disabled label, .nautilus-window .floating-bar button.flat:disabled label, row:selected button.flat:disabled label, infobar.info button.flat:disabled label, infobar.question button.flat:disabled label, infobar.warning button.flat:disabled label, infobar.error button.flat:disabled label { +.raven-mpris button.flat.image-button:disabled label, .nemo-window .floating-bar button.flat:disabled label, .nautilus-window .floating-bar button.flat:disabled label, row:selected button.flat:disabled label, infobar.info > revealer > box button.flat:disabled label, infobar.question > revealer > box button.flat:disabled label, infobar.warning > revealer > box button.flat:disabled label, infobar.error > revealer > box button.flat:disabled label { color: rgba(255, 255, 255, 0.42); } -.raven-mpris button.image-button:hover, .nemo-window .floating-bar button:hover, .nautilus-window .floating-bar button:hover, row:selected button:hover, infobar.info button:hover, infobar.question button:hover, infobar.warning button:hover, infobar.error button:hover { +.raven-mpris button.image-button:hover, .nemo-window .floating-bar button:hover, .nautilus-window .floating-bar button:hover, row:selected button:hover, infobar.info > revealer > box button:hover, infobar.question > revealer > box button:hover, infobar.warning > revealer > box button:hover, infobar.error > revealer > box button:hover { color: #ffffff; background-color: rgba(255, 255, 255, 0.2); border-color: rgba(255, 255, 255, 0.8); } -.raven-mpris button.image-button:active, .nemo-window .floating-bar button:active, .nautilus-window .floating-bar button:active, row:selected button:active, infobar.info button:active, infobar.question button:active, infobar.warning button:active, infobar.error button:active, .raven-mpris button.image-button:checked, .nemo-window .floating-bar button:checked, .nautilus-window .floating-bar button:checked, row:selected button:checked, infobar.info button:checked, infobar.question button:checked, infobar.warning button:checked, infobar.error button:checked { +.raven-mpris button.image-button:active, .nemo-window .floating-bar button:active, .nautilus-window .floating-bar button:active, row:selected button:active, infobar.info > revealer > box button:active, infobar.question > revealer > box button:active, infobar.warning > revealer > box button:active, infobar.error > revealer > box button:active, .raven-mpris button.image-button:checked, .nemo-window .floating-bar button:checked, .nautilus-window .floating-bar button:checked, row:selected button:checked, infobar.info > revealer > box button:checked, infobar.question > revealer > box button:checked, infobar.warning > revealer > box button:checked, infobar.error > revealer > box button:checked { color: #2eb398; background-color: #ffffff; border-color: #ffffff; } -.raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled, row:selected button:disabled, infobar.info button:disabled, infobar.question button:disabled, infobar.warning button:disabled, infobar.error button:disabled { +.raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled, row:selected button:disabled, infobar.info > revealer > box button:disabled, infobar.question > revealer > box button:disabled, infobar.warning > revealer > box button:disabled, infobar.error > revealer > box button:disabled { color: rgba(255, 255, 255, 0.5); background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0.42); } -.raven-mpris button.image-button:disabled label, .nemo-window .floating-bar button:disabled label, .nautilus-window .floating-bar button:disabled label, row:selected button:disabled label, infobar.info button:disabled label, infobar.question button:disabled label, infobar.warning button:disabled label, infobar.error button:disabled label { +.raven-mpris button.image-button:disabled label, .nemo-window .floating-bar button:disabled label, .nautilus-window .floating-bar button:disabled label, row:selected button:disabled label, infobar.info > revealer > box button:disabled label, infobar.question > revealer > box button:disabled label, infobar.warning > revealer > box button:disabled label, infobar.error > revealer > box button:disabled label { color: rgba(255, 255, 255, 0.5); } -.raven-mpris button.image-button:disabled:active, .nemo-window .floating-bar button:disabled:active, .nautilus-window .floating-bar button:disabled:active, row:selected button:disabled:active, infobar.info button:disabled:active, infobar.question button:disabled:active, infobar.warning button:disabled:active, infobar.error button:disabled:active, .raven-mpris button.image-button:disabled:checked, .nemo-window .floating-bar button:disabled:checked, .nautilus-window .floating-bar button:disabled:checked, row:selected button:disabled:checked, infobar.info button:disabled:checked, infobar.question button:disabled:checked, infobar.warning button:disabled:checked, infobar.error button:disabled:checked { +.raven-mpris button.image-button:disabled:active, .nemo-window .floating-bar button:disabled:active, .nautilus-window .floating-bar button:disabled:active, row:selected button:disabled:active, infobar.info > revealer > box button:disabled:active, infobar.question > revealer > box button:disabled:active, infobar.warning > revealer > box button:disabled:active, infobar.error > revealer > box button:disabled:active, .raven-mpris button.image-button:disabled:checked, .nemo-window .floating-bar button:disabled:checked, .nautilus-window .floating-bar button:disabled:checked, row:selected button:disabled:checked, infobar.info > revealer > box button:disabled:checked, infobar.question > revealer > box button:disabled:checked, infobar.warning > revealer > box button:disabled:checked, infobar.error > revealer > box button:disabled:checked { color: #2eb398; background-color: rgba(255, 255, 255, 0.5); border-color: rgba(255, 255, 255, 0.42); diff --git a/src/gtk-3.0/gtk-light-aliz.css b/src/gtk-3.0/gtk-light-aliz.css index cc30117e..6aede15f 100644 --- a/src/gtk-3.0/gtk-light-aliz.css +++ b/src/gtk-3.0/gtk-light-aliz.css @@ -1304,7 +1304,7 @@ modelbutton.flat arrow.right { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } -infobar.info *:link, infobar.question *:link, infobar.warning *:link, infobar.error *:link, headerbar.selection-mode .subtitle:link, *:link:selected, *:selected *:link, button:selected:link, button:selected:visited, *:selected button:link, *:selected button:visited { +infobar.info > revealer > box *:link, infobar.info:hover > revealer > box *:link, infobar.info:backdrop > revealer > box *:link, infobar.question > revealer > box *:link, infobar.question:hover > revealer > box *:link, infobar.question:backdrop > revealer > box *:link, infobar.warning > revealer > box *:link, infobar.warning:hover > revealer > box *:link, infobar.warning:backdrop > revealer > box *:link, infobar.error > revealer > box *:link, infobar.error:hover > revealer > box *:link, infobar.error:backdrop > revealer > box *:link, headerbar.selection-mode .subtitle:link, *:link:selected, *:selected *:link, button:selected:link, button:selected:visited, *:selected button:link, *:selected button:visited { color: #fcdddb; } @@ -3393,48 +3393,38 @@ radio:only-child, menu menuitem radio { margin: 0; } - scale { min-height: 15px; min-width: 15px; padding: 3px; } - scale.horizontal trough { padding: 0 4px; } - -scale.horizontal highlight, -scale.horizontal fill { +scale.horizontal highlight, scale.horizontal fill { margin: 0 -4px; } - scale.vertical trough { padding: 4px 0; } - -scale.vertical highlight, -scale.vertical fill { +scale.vertical highlight, scale.vertical fill { margin: -4px 0; } - scale slider { min-height: 15px; min-width: 15px; margin: -6px; } - scale.fine-tune slider { margin: -4px; } - scale.fine-tune fill, scale.fine-tune highlight, scale.fine-tune trough { @@ -3442,7 +3432,6 @@ scale.fine-tune trough { -gtk-outline-radius: 7px; } - scale trough { outline-offset: 2px; -gtk-outline-radius: 4.5px; @@ -3450,7 +3439,6 @@ scale trough { background-color: rgba(0, 0, 0, 0.15); } - scale trough:disabled { background-color: rgba(0, 0, 0, 0.08); } @@ -3463,29 +3451,24 @@ scale trough:disabled { background-color: #F0544C; } - scale highlight { border-radius: 2.5px; background-color: #F0544C; } - scale highlight:disabled { background-color: rgba(240, 84, 76, 0.55); } - scale fill { border-radius: 2.5px; background-color: rgba(240, 84, 76, 0.5); } - scale fill:disabled { background-color: transparent; } - scale slider { background-color: #ffffff; border: 1px solid rgba(0, 0, 0, 0.15); @@ -3494,20 +3477,17 @@ scale slider { transition-property: background, border; } - scale slider:hover { background-color: #f1615a; border-color: #F0544C; } - scale slider:active { background-clip: border-box; background-color: #ef473e; border-color: #F0544C; } - scale slider:disabled { background-color: #e6e6e6; border-color: rgba(0, 0, 0, 0.15); @@ -3529,111 +3509,85 @@ scale slider:disabled { border-color: #ec271d; } - scale value { color: alpha(currentColor,0.4); } - scale marks { color: alpha(currentColor,0.4); } - scale marks.top { margin-bottom: 1px; margin-top: -4px; } - scale marks.bottom { margin-top: 1px; margin-bottom: -4px; } - scale marks.top { margin-right: 1px; margin-left: -4px; } - scale marks.bottom { margin-left: 1px; margin-right: -4px; } - scale.fine-tune marks.top { margin-bottom: 0px; margin-top: -2px; } - scale.fine-tune marks.bottom { margin-top: 0px; margin-bottom: -2px; } - scale.fine-tune marks.top { margin-right: 0px; margin-left: -2px; } - scale.fine-tune marks.bottom { margin-left: 0px; margin-right: -2px; } - scale.horizontal indicator { min-height: 3px; min-width: 1px; } - scale.horizontal.fine-tune indicator { min-height: 2px; } - scale.vertical indicator { min-height: 1px; min-width: 3px; } - scale.vertical.fine-tune indicator { min-width: 2px; } - -scale infobar trough, -scale:hover trough, -scale:selected trough { +infobar.info trough, infobar.question trough, infobar.warning trough, infobar.error trough, scale:hover trough, scale:selected trough { background-color: rgba(0, 0, 0, 0.2); } - -scale infobar trough highlight, -scale:hover trough highlight, -scale:selected trough highlight { +infobar.info trough highlight, infobar.question trough highlight, infobar.warning trough highlight, infobar.error trough highlight, scale:hover trough highlight, scale:selected trough highlight { background-color: #f26f68; } - -scale infobar trough highlight:disabled, -scale:hover trough highlight:disabled, -scale:selected trough highlight:disabled { +infobar.info trough highlight:disabled, infobar.question trough highlight:disabled, infobar.warning trough highlight:disabled, infobar.error trough highlight:disabled, scale:hover trough highlight:disabled, scale:selected trough highlight:disabled { background-color: #f8b2ae; } - -scale infobar trough:disabled, -scale:hover trough:disabled, -scale:selected trough:disabled { +infobar.info trough:disabled, infobar.question trough:disabled, infobar.warning trough:disabled, infobar.error trough:disabled, scale:hover trough:disabled, scale:selected trough:disabled { background-color: rgba(0, 0, 0, 0.1); } @@ -4368,24 +4322,58 @@ infobar { border-style: none; } -infobar.info, infobar.question, infobar.warning, infobar.error { +infobar.info > revealer > box, infobar.info:backdrop > revealer > box { background-color: #F0544C; +} + +infobar.info > revealer > box selection, infobar.info:backdrop > revealer > box selection { + color: #F0544C; +} + +infobar.question > revealer > box, infobar.question:backdrop > revealer > box { + background-color: #2eb398; +} + +infobar.question > revealer > box selection, infobar.question:backdrop > revealer > box selection { + color: #2eb398; +} + +infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { + background-color: #F27835; +} + +infobar.warning > revealer > box selection, infobar.warning:backdrop > revealer > box selection { + color: #F27835; +} + +infobar.error > revealer > box, infobar.error:backdrop > revealer > box { + background-color: #FC4138; +} + +infobar.error > revealer > box selection, infobar.error:backdrop > revealer > box selection { + color: #FC4138; +} + +infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:hover > revealer > box, infobar.question:backdrop > revealer > box, infobar.warning > revealer > box, infobar.warning:hover > revealer > box, infobar.warning:backdrop > revealer > box, infobar.error > revealer > box, infobar.error:hover > revealer > box, infobar.error:backdrop > revealer > box { color: #ffffff; caret-color: currentColor; } -infobar.info selection, infobar.question selection, infobar.warning selection, infobar.error selection { - color: #F0544C; +infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { + min-height: 28px; +} + +infobar.info > revealer > box selection, infobar.info:hover > revealer > box selection, infobar.info:backdrop > revealer > box selection, infobar.question > revealer > box selection, infobar.question:hover > revealer > box selection, infobar.question:backdrop > revealer > box selection, infobar.warning > revealer > box selection, infobar.warning:hover > revealer > box selection, infobar.warning:backdrop > revealer > box selection, infobar.error > revealer > box selection, infobar.error:hover > revealer > box selection, infobar.error:backdrop > revealer > box selection { background-color: #ffffff; } -.raven-mpris button.image-button, .nemo-window .floating-bar button, .nautilus-window .floating-bar button, row:selected button, infobar.info button, infobar.question button, infobar.warning button, infobar.error button { +.raven-mpris button.image-button, .nemo-window .floating-bar button, .nautilus-window .floating-bar button, row:selected button, infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { color: #ffffff; background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0.5); } -.raven-mpris button.flat.image-button, .nemo-window .floating-bar button.flat, .nautilus-window .floating-bar button.flat, row:selected button.flat, infobar.info button.flat, infobar.question button.flat, infobar.warning button.flat, infobar.error button.flat { +.raven-mpris button.flat.image-button, .nemo-window .floating-bar button.flat, .nautilus-window .floating-bar button.flat, row:selected button.flat, infobar.info > revealer > box button.flat, infobar.question > revealer > box button.flat, infobar.warning > revealer > box button.flat, infobar.error > revealer > box button.flat { border-color: transparent; background-color: transparent; background-image: none; @@ -4393,37 +4381,37 @@ infobar.info selection, infobar.question selection, infobar.warning selection, i background-color: rgba(255, 255, 255, 0); } -.raven-mpris button.flat.image-button:disabled, .nemo-window .floating-bar button.flat:disabled, .nautilus-window .floating-bar button.flat:disabled, row:selected button.flat:disabled, infobar.info button.flat:disabled, infobar.question button.flat:disabled, infobar.warning button.flat:disabled, infobar.error button.flat:disabled { +.raven-mpris button.flat.image-button:disabled, .nemo-window .floating-bar button.flat:disabled, .nautilus-window .floating-bar button.flat:disabled, row:selected button.flat:disabled, infobar.info > revealer > box button.flat:disabled, infobar.question > revealer > box button.flat:disabled, infobar.warning > revealer > box button.flat:disabled, infobar.error > revealer > box button.flat:disabled { color: rgba(255, 255, 255, 0.42); } -.raven-mpris button.flat.image-button:disabled label, .nemo-window .floating-bar button.flat:disabled label, .nautilus-window .floating-bar button.flat:disabled label, row:selected button.flat:disabled label, infobar.info button.flat:disabled label, infobar.question button.flat:disabled label, infobar.warning button.flat:disabled label, infobar.error button.flat:disabled label { +.raven-mpris button.flat.image-button:disabled label, .nemo-window .floating-bar button.flat:disabled label, .nautilus-window .floating-bar button.flat:disabled label, row:selected button.flat:disabled label, infobar.info > revealer > box button.flat:disabled label, infobar.question > revealer > box button.flat:disabled label, infobar.warning > revealer > box button.flat:disabled label, infobar.error > revealer > box button.flat:disabled label { color: rgba(255, 255, 255, 0.42); } -.raven-mpris button.image-button:hover, .nemo-window .floating-bar button:hover, .nautilus-window .floating-bar button:hover, row:selected button:hover, infobar.info button:hover, infobar.question button:hover, infobar.warning button:hover, infobar.error button:hover { +.raven-mpris button.image-button:hover, .nemo-window .floating-bar button:hover, .nautilus-window .floating-bar button:hover, row:selected button:hover, infobar.info > revealer > box button:hover, infobar.question > revealer > box button:hover, infobar.warning > revealer > box button:hover, infobar.error > revealer > box button:hover { color: #ffffff; background-color: rgba(255, 255, 255, 0.2); border-color: rgba(255, 255, 255, 0.8); } -.raven-mpris button.image-button:active, .nemo-window .floating-bar button:active, .nautilus-window .floating-bar button:active, row:selected button:active, infobar.info button:active, infobar.question button:active, infobar.warning button:active, infobar.error button:active, .raven-mpris button.image-button:checked, .nemo-window .floating-bar button:checked, .nautilus-window .floating-bar button:checked, row:selected button:checked, infobar.info button:checked, infobar.question button:checked, infobar.warning button:checked, infobar.error button:checked { +.raven-mpris button.image-button:active, .nemo-window .floating-bar button:active, .nautilus-window .floating-bar button:active, row:selected button:active, infobar.info > revealer > box button:active, infobar.question > revealer > box button:active, infobar.warning > revealer > box button:active, infobar.error > revealer > box button:active, .raven-mpris button.image-button:checked, .nemo-window .floating-bar button:checked, .nautilus-window .floating-bar button:checked, row:selected button:checked, infobar.info > revealer > box button:checked, infobar.question > revealer > box button:checked, infobar.warning > revealer > box button:checked, infobar.error > revealer > box button:checked { color: #F0544C; background-color: #ffffff; border-color: #ffffff; } -.raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled, row:selected button:disabled, infobar.info button:disabled, infobar.question button:disabled, infobar.warning button:disabled, infobar.error button:disabled { +.raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled, row:selected button:disabled, infobar.info > revealer > box button:disabled, infobar.question > revealer > box button:disabled, infobar.warning > revealer > box button:disabled, infobar.error > revealer > box button:disabled { color: rgba(255, 255, 255, 0.5); background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0.42); } -.raven-mpris button.image-button:disabled label, .nemo-window .floating-bar button:disabled label, .nautilus-window .floating-bar button:disabled label, row:selected button:disabled label, infobar.info button:disabled label, infobar.question button:disabled label, infobar.warning button:disabled label, infobar.error button:disabled label { +.raven-mpris button.image-button:disabled label, .nemo-window .floating-bar button:disabled label, .nautilus-window .floating-bar button:disabled label, row:selected button:disabled label, infobar.info > revealer > box button:disabled label, infobar.question > revealer > box button:disabled label, infobar.warning > revealer > box button:disabled label, infobar.error > revealer > box button:disabled label { color: rgba(255, 255, 255, 0.5); } -.raven-mpris button.image-button:disabled:active, .nemo-window .floating-bar button:disabled:active, .nautilus-window .floating-bar button:disabled:active, row:selected button:disabled:active, infobar.info button:disabled:active, infobar.question button:disabled:active, infobar.warning button:disabled:active, infobar.error button:disabled:active, .raven-mpris button.image-button:disabled:checked, .nemo-window .floating-bar button:disabled:checked, .nautilus-window .floating-bar button:disabled:checked, row:selected button:disabled:checked, infobar.info button:disabled:checked, infobar.question button:disabled:checked, infobar.warning button:disabled:checked, infobar.error button:disabled:checked { +.raven-mpris button.image-button:disabled:active, .nemo-window .floating-bar button:disabled:active, .nautilus-window .floating-bar button:disabled:active, row:selected button:disabled:active, infobar.info > revealer > box button:disabled:active, infobar.question > revealer > box button:disabled:active, infobar.warning > revealer > box button:disabled:active, infobar.error > revealer > box button:disabled:active, .raven-mpris button.image-button:disabled:checked, .nemo-window .floating-bar button:disabled:checked, .nautilus-window .floating-bar button:disabled:checked, row:selected button:disabled:checked, infobar.info > revealer > box button:disabled:checked, infobar.question > revealer > box button:disabled:checked, infobar.warning > revealer > box button:disabled:checked, infobar.error > revealer > box button:disabled:checked { color: #F0544C; background-color: rgba(255, 255, 255, 0.5); border-color: rgba(255, 255, 255, 0.42); diff --git a/src/gtk-3.0/gtk-light-azul.css b/src/gtk-3.0/gtk-light-azul.css index dab3def7..134e2eef 100644 --- a/src/gtk-3.0/gtk-light-azul.css +++ b/src/gtk-3.0/gtk-light-azul.css @@ -1304,7 +1304,7 @@ modelbutton.flat arrow.right { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } -infobar.info *:link, infobar.question *:link, infobar.warning *:link, infobar.error *:link, headerbar.selection-mode .subtitle:link, *:link:selected, *:selected *:link, button:selected:link, button:selected:visited, *:selected button:link, *:selected button:visited { +infobar.info > revealer > box *:link, infobar.info:hover > revealer > box *:link, infobar.info:backdrop > revealer > box *:link, infobar.question > revealer > box *:link, infobar.question:hover > revealer > box *:link, infobar.question:backdrop > revealer > box *:link, infobar.warning > revealer > box *:link, infobar.warning:hover > revealer > box *:link, infobar.warning:backdrop > revealer > box *:link, infobar.error > revealer > box *:link, infobar.error:hover > revealer > box *:link, infobar.error:backdrop > revealer > box *:link, headerbar.selection-mode .subtitle:link, *:link:selected, *:selected *:link, button:selected:link, button:selected:visited, *:selected button:link, *:selected button:visited { color: #d6eaf8; } @@ -3393,48 +3393,38 @@ radio:only-child, menu menuitem radio { margin: 0; } - scale { min-height: 15px; min-width: 15px; padding: 3px; } - scale.horizontal trough { padding: 0 4px; } - -scale.horizontal highlight, -scale.horizontal fill { +scale.horizontal highlight, scale.horizontal fill { margin: 0 -4px; } - scale.vertical trough { padding: 4px 0; } - -scale.vertical highlight, -scale.vertical fill { +scale.vertical highlight, scale.vertical fill { margin: -4px 0; } - scale slider { min-height: 15px; min-width: 15px; margin: -6px; } - scale.fine-tune slider { margin: -4px; } - scale.fine-tune fill, scale.fine-tune highlight, scale.fine-tune trough { @@ -3442,7 +3432,6 @@ scale.fine-tune trough { -gtk-outline-radius: 7px; } - scale trough { outline-offset: 2px; -gtk-outline-radius: 4.5px; @@ -3450,7 +3439,6 @@ scale trough { background-color: rgba(0, 0, 0, 0.15); } - scale trough:disabled { background-color: rgba(0, 0, 0, 0.08); } @@ -3463,29 +3451,24 @@ scale trough:disabled { background-color: #3498db; } - scale highlight { border-radius: 2.5px; background-color: #3498db; } - scale highlight:disabled { background-color: rgba(52, 152, 219, 0.55); } - scale fill { border-radius: 2.5px; background-color: rgba(52, 152, 219, 0.5); } - scale fill:disabled { background-color: transparent; } - scale slider { background-color: #ffffff; border: 1px solid rgba(0, 0, 0, 0.15); @@ -3494,20 +3477,17 @@ scale slider { transition-property: background, border; } - scale slider:hover { background-color: #419fdd; border-color: #3498db; } - scale slider:active { background-clip: border-box; background-color: #2791d9; border-color: #3498db; } - scale slider:disabled { background-color: #e6e6e6; border-color: rgba(0, 0, 0, 0.15); @@ -3529,111 +3509,85 @@ scale slider:disabled { border-color: #217dbb; } - scale value { color: alpha(currentColor,0.4); } - scale marks { color: alpha(currentColor,0.4); } - scale marks.top { margin-bottom: 1px; margin-top: -4px; } - scale marks.bottom { margin-top: 1px; margin-bottom: -4px; } - scale marks.top { margin-right: 1px; margin-left: -4px; } - scale marks.bottom { margin-left: 1px; margin-right: -4px; } - scale.fine-tune marks.top { margin-bottom: 0px; margin-top: -2px; } - scale.fine-tune marks.bottom { margin-top: 0px; margin-bottom: -2px; } - scale.fine-tune marks.top { margin-right: 0px; margin-left: -2px; } - scale.fine-tune marks.bottom { margin-left: 0px; margin-right: -2px; } - scale.horizontal indicator { min-height: 3px; min-width: 1px; } - scale.horizontal.fine-tune indicator { min-height: 2px; } - scale.vertical indicator { min-height: 1px; min-width: 3px; } - scale.vertical.fine-tune indicator { min-width: 2px; } - -scale infobar trough, -scale:hover trough, -scale:selected trough { +infobar.info trough, infobar.question trough, infobar.warning trough, infobar.error trough, scale:hover trough, scale:selected trough { background-color: rgba(0, 0, 0, 0.2); } - -scale infobar trough highlight, -scale:hover trough highlight, -scale:selected trough highlight { +infobar.info trough highlight, infobar.question trough highlight, infobar.warning trough highlight, infobar.error trough highlight, scale:hover trough highlight, scale:selected trough highlight { background-color: #4ea5e0; } - -scale infobar trough highlight:disabled, -scale:hover trough highlight:disabled, -scale:selected trough highlight:disabled { +infobar.info trough highlight:disabled, infobar.question trough highlight:disabled, infobar.warning trough highlight:disabled, infobar.error trough highlight:disabled, scale:hover trough highlight:disabled, scale:selected trough highlight:disabled { background-color: #a4d1ef; } - -scale infobar trough:disabled, -scale:hover trough:disabled, -scale:selected trough:disabled { +infobar.info trough:disabled, infobar.question trough:disabled, infobar.warning trough:disabled, infobar.error trough:disabled, scale:hover trough:disabled, scale:selected trough:disabled { background-color: rgba(0, 0, 0, 0.1); } @@ -4368,24 +4322,58 @@ infobar { border-style: none; } -infobar.info, infobar.question, infobar.warning, infobar.error { +infobar.info > revealer > box, infobar.info:backdrop > revealer > box { background-color: #3498db; +} + +infobar.info > revealer > box selection, infobar.info:backdrop > revealer > box selection { + color: #3498db; +} + +infobar.question > revealer > box, infobar.question:backdrop > revealer > box { + background-color: #4586D8; +} + +infobar.question > revealer > box selection, infobar.question:backdrop > revealer > box selection { + color: #4586D8; +} + +infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { + background-color: #F27835; +} + +infobar.warning > revealer > box selection, infobar.warning:backdrop > revealer > box selection { + color: #F27835; +} + +infobar.error > revealer > box, infobar.error:backdrop > revealer > box { + background-color: #FC4138; +} + +infobar.error > revealer > box selection, infobar.error:backdrop > revealer > box selection { + color: #FC4138; +} + +infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:hover > revealer > box, infobar.question:backdrop > revealer > box, infobar.warning > revealer > box, infobar.warning:hover > revealer > box, infobar.warning:backdrop > revealer > box, infobar.error > revealer > box, infobar.error:hover > revealer > box, infobar.error:backdrop > revealer > box { color: #ffffff; caret-color: currentColor; } -infobar.info selection, infobar.question selection, infobar.warning selection, infobar.error selection { - color: #3498db; +infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { + min-height: 28px; +} + +infobar.info > revealer > box selection, infobar.info:hover > revealer > box selection, infobar.info:backdrop > revealer > box selection, infobar.question > revealer > box selection, infobar.question:hover > revealer > box selection, infobar.question:backdrop > revealer > box selection, infobar.warning > revealer > box selection, infobar.warning:hover > revealer > box selection, infobar.warning:backdrop > revealer > box selection, infobar.error > revealer > box selection, infobar.error:hover > revealer > box selection, infobar.error:backdrop > revealer > box selection { background-color: #ffffff; } -.raven-mpris button.image-button, .nemo-window .floating-bar button, .nautilus-window .floating-bar button, row:selected button, infobar.info button, infobar.question button, infobar.warning button, infobar.error button { +.raven-mpris button.image-button, .nemo-window .floating-bar button, .nautilus-window .floating-bar button, row:selected button, infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { color: #ffffff; background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0.5); } -.raven-mpris button.flat.image-button, .nemo-window .floating-bar button.flat, .nautilus-window .floating-bar button.flat, row:selected button.flat, infobar.info button.flat, infobar.question button.flat, infobar.warning button.flat, infobar.error button.flat { +.raven-mpris button.flat.image-button, .nemo-window .floating-bar button.flat, .nautilus-window .floating-bar button.flat, row:selected button.flat, infobar.info > revealer > box button.flat, infobar.question > revealer > box button.flat, infobar.warning > revealer > box button.flat, infobar.error > revealer > box button.flat { border-color: transparent; background-color: transparent; background-image: none; @@ -4393,37 +4381,37 @@ infobar.info selection, infobar.question selection, infobar.warning selection, i background-color: rgba(255, 255, 255, 0); } -.raven-mpris button.flat.image-button:disabled, .nemo-window .floating-bar button.flat:disabled, .nautilus-window .floating-bar button.flat:disabled, row:selected button.flat:disabled, infobar.info button.flat:disabled, infobar.question button.flat:disabled, infobar.warning button.flat:disabled, infobar.error button.flat:disabled { +.raven-mpris button.flat.image-button:disabled, .nemo-window .floating-bar button.flat:disabled, .nautilus-window .floating-bar button.flat:disabled, row:selected button.flat:disabled, infobar.info > revealer > box button.flat:disabled, infobar.question > revealer > box button.flat:disabled, infobar.warning > revealer > box button.flat:disabled, infobar.error > revealer > box button.flat:disabled { color: rgba(255, 255, 255, 0.42); } -.raven-mpris button.flat.image-button:disabled label, .nemo-window .floating-bar button.flat:disabled label, .nautilus-window .floating-bar button.flat:disabled label, row:selected button.flat:disabled label, infobar.info button.flat:disabled label, infobar.question button.flat:disabled label, infobar.warning button.flat:disabled label, infobar.error button.flat:disabled label { +.raven-mpris button.flat.image-button:disabled label, .nemo-window .floating-bar button.flat:disabled label, .nautilus-window .floating-bar button.flat:disabled label, row:selected button.flat:disabled label, infobar.info > revealer > box button.flat:disabled label, infobar.question > revealer > box button.flat:disabled label, infobar.warning > revealer > box button.flat:disabled label, infobar.error > revealer > box button.flat:disabled label { color: rgba(255, 255, 255, 0.42); } -.raven-mpris button.image-button:hover, .nemo-window .floating-bar button:hover, .nautilus-window .floating-bar button:hover, row:selected button:hover, infobar.info button:hover, infobar.question button:hover, infobar.warning button:hover, infobar.error button:hover { +.raven-mpris button.image-button:hover, .nemo-window .floating-bar button:hover, .nautilus-window .floating-bar button:hover, row:selected button:hover, infobar.info > revealer > box button:hover, infobar.question > revealer > box button:hover, infobar.warning > revealer > box button:hover, infobar.error > revealer > box button:hover { color: #ffffff; background-color: rgba(255, 255, 255, 0.2); border-color: rgba(255, 255, 255, 0.8); } -.raven-mpris button.image-button:active, .nemo-window .floating-bar button:active, .nautilus-window .floating-bar button:active, row:selected button:active, infobar.info button:active, infobar.question button:active, infobar.warning button:active, infobar.error button:active, .raven-mpris button.image-button:checked, .nemo-window .floating-bar button:checked, .nautilus-window .floating-bar button:checked, row:selected button:checked, infobar.info button:checked, infobar.question button:checked, infobar.warning button:checked, infobar.error button:checked { +.raven-mpris button.image-button:active, .nemo-window .floating-bar button:active, .nautilus-window .floating-bar button:active, row:selected button:active, infobar.info > revealer > box button:active, infobar.question > revealer > box button:active, infobar.warning > revealer > box button:active, infobar.error > revealer > box button:active, .raven-mpris button.image-button:checked, .nemo-window .floating-bar button:checked, .nautilus-window .floating-bar button:checked, row:selected button:checked, infobar.info > revealer > box button:checked, infobar.question > revealer > box button:checked, infobar.warning > revealer > box button:checked, infobar.error > revealer > box button:checked { color: #3498db; background-color: #ffffff; border-color: #ffffff; } -.raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled, row:selected button:disabled, infobar.info button:disabled, infobar.question button:disabled, infobar.warning button:disabled, infobar.error button:disabled { +.raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled, row:selected button:disabled, infobar.info > revealer > box button:disabled, infobar.question > revealer > box button:disabled, infobar.warning > revealer > box button:disabled, infobar.error > revealer > box button:disabled { color: rgba(255, 255, 255, 0.5); background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0.42); } -.raven-mpris button.image-button:disabled label, .nemo-window .floating-bar button:disabled label, .nautilus-window .floating-bar button:disabled label, row:selected button:disabled label, infobar.info button:disabled label, infobar.question button:disabled label, infobar.warning button:disabled label, infobar.error button:disabled label { +.raven-mpris button.image-button:disabled label, .nemo-window .floating-bar button:disabled label, .nautilus-window .floating-bar button:disabled label, row:selected button:disabled label, infobar.info > revealer > box button:disabled label, infobar.question > revealer > box button:disabled label, infobar.warning > revealer > box button:disabled label, infobar.error > revealer > box button:disabled label { color: rgba(255, 255, 255, 0.5); } -.raven-mpris button.image-button:disabled:active, .nemo-window .floating-bar button:disabled:active, .nautilus-window .floating-bar button:disabled:active, row:selected button:disabled:active, infobar.info button:disabled:active, infobar.question button:disabled:active, infobar.warning button:disabled:active, infobar.error button:disabled:active, .raven-mpris button.image-button:disabled:checked, .nemo-window .floating-bar button:disabled:checked, .nautilus-window .floating-bar button:disabled:checked, row:selected button:disabled:checked, infobar.info button:disabled:checked, infobar.question button:disabled:checked, infobar.warning button:disabled:checked, infobar.error button:disabled:checked { +.raven-mpris button.image-button:disabled:active, .nemo-window .floating-bar button:disabled:active, .nautilus-window .floating-bar button:disabled:active, row:selected button:disabled:active, infobar.info > revealer > box button:disabled:active, infobar.question > revealer > box button:disabled:active, infobar.warning > revealer > box button:disabled:active, infobar.error > revealer > box button:disabled:active, .raven-mpris button.image-button:disabled:checked, .nemo-window .floating-bar button:disabled:checked, .nautilus-window .floating-bar button:disabled:checked, row:selected button:disabled:checked, infobar.info > revealer > box button:disabled:checked, infobar.question > revealer > box button:disabled:checked, infobar.warning > revealer > box button:disabled:checked, infobar.error > revealer > box button:disabled:checked { color: #3498db; background-color: rgba(255, 255, 255, 0.5); border-color: rgba(255, 255, 255, 0.42); diff --git a/src/gtk-3.0/gtk-light-sea.css b/src/gtk-3.0/gtk-light-sea.css index 37975c88..be40c8f7 100644 --- a/src/gtk-3.0/gtk-light-sea.css +++ b/src/gtk-3.0/gtk-light-sea.css @@ -1304,7 +1304,7 @@ modelbutton.flat arrow.right { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } -infobar.info *:link, infobar.question *:link, infobar.warning *:link, infobar.error *:link, headerbar.selection-mode .subtitle:link, *:link:selected, *:selected *:link, button:selected:link, button:selected:visited, *:selected button:link, *:selected button:visited { +infobar.info > revealer > box *:link, infobar.info:hover > revealer > box *:link, infobar.info:backdrop > revealer > box *:link, infobar.question > revealer > box *:link, infobar.question:hover > revealer > box *:link, infobar.question:backdrop > revealer > box *:link, infobar.warning > revealer > box *:link, infobar.warning:hover > revealer > box *:link, infobar.warning:backdrop > revealer > box *:link, infobar.error > revealer > box *:link, infobar.error:hover > revealer > box *:link, infobar.error:backdrop > revealer > box *:link, headerbar.selection-mode .subtitle:link, *:link:selected, *:selected *:link, button:selected:link, button:selected:visited, *:selected button:link, *:selected button:visited { color: #d5f0ea; } @@ -3393,48 +3393,38 @@ radio:only-child, menu menuitem radio { margin: 0; } - scale { min-height: 15px; min-width: 15px; padding: 3px; } - scale.horizontal trough { padding: 0 4px; } - -scale.horizontal highlight, -scale.horizontal fill { +scale.horizontal highlight, scale.horizontal fill { margin: 0 -4px; } - scale.vertical trough { padding: 4px 0; } - -scale.vertical highlight, -scale.vertical fill { +scale.vertical highlight, scale.vertical fill { margin: -4px 0; } - scale slider { min-height: 15px; min-width: 15px; margin: -6px; } - scale.fine-tune slider { margin: -4px; } - scale.fine-tune fill, scale.fine-tune highlight, scale.fine-tune trough { @@ -3442,7 +3432,6 @@ scale.fine-tune trough { -gtk-outline-radius: 7px; } - scale trough { outline-offset: 2px; -gtk-outline-radius: 4.5px; @@ -3450,7 +3439,6 @@ scale trough { background-color: rgba(0, 0, 0, 0.15); } - scale trough:disabled { background-color: rgba(0, 0, 0, 0.08); } @@ -3463,29 +3451,24 @@ scale trough:disabled { background-color: #2eb398; } - scale highlight { border-radius: 2.5px; background-color: #2eb398; } - scale highlight:disabled { background-color: rgba(46, 179, 152, 0.55); } - scale fill { border-radius: 2.5px; background-color: rgba(46, 179, 152, 0.5); } - scale fill:disabled { background-color: transparent; } - scale slider { background-color: #ffffff; border: 1px solid rgba(0, 0, 0, 0.15); @@ -3494,20 +3477,17 @@ scale slider { transition-property: background, border; } - scale slider:hover { background-color: #31bfa2; border-color: #2eb398; } - scale slider:active { background-clip: border-box; background-color: #2ba78e; border-color: #2eb398; } - scale slider:disabled { background-color: #e6e6e6; border-color: rgba(0, 0, 0, 0.15); @@ -3529,111 +3509,85 @@ scale slider:disabled { border-color: #248a76; } - scale value { color: alpha(currentColor,0.4); } - scale marks { color: alpha(currentColor,0.4); } - scale marks.top { margin-bottom: 1px; margin-top: -4px; } - scale marks.bottom { margin-top: 1px; margin-bottom: -4px; } - scale marks.top { margin-right: 1px; margin-left: -4px; } - scale marks.bottom { margin-left: 1px; margin-right: -4px; } - scale.fine-tune marks.top { margin-bottom: 0px; margin-top: -2px; } - scale.fine-tune marks.bottom { margin-top: 0px; margin-bottom: -2px; } - scale.fine-tune marks.top { margin-right: 0px; margin-left: -2px; } - scale.fine-tune marks.bottom { margin-left: 0px; margin-right: -2px; } - scale.horizontal indicator { min-height: 3px; min-width: 1px; } - scale.horizontal.fine-tune indicator { min-height: 2px; } - scale.vertical indicator { min-height: 1px; min-width: 3px; } - scale.vertical.fine-tune indicator { min-width: 2px; } - -scale infobar trough, -scale:hover trough, -scale:selected trough { +infobar.info trough, infobar.question trough, infobar.warning trough, infobar.error trough, scale:hover trough, scale:selected trough { background-color: rgba(0, 0, 0, 0.2); } - -scale infobar trough highlight, -scale:hover trough highlight, -scale:selected trough highlight { +infobar.info trough highlight, infobar.question trough highlight, infobar.warning trough highlight, infobar.error trough highlight, scale:hover trough highlight, scale:selected trough highlight { background-color: #35cbac; } - -scale infobar trough highlight:disabled, -scale:hover trough highlight:disabled, -scale:selected trough highlight:disabled { +infobar.info trough highlight:disabled, infobar.question trough highlight:disabled, infobar.warning trough highlight:disabled, infobar.error trough highlight:disabled, scale:hover trough highlight:disabled, scale:selected trough highlight:disabled { background-color: #a1ddd1; } - -scale infobar trough:disabled, -scale:hover trough:disabled, -scale:selected trough:disabled { +infobar.info trough:disabled, infobar.question trough:disabled, infobar.warning trough:disabled, infobar.error trough:disabled, scale:hover trough:disabled, scale:selected trough:disabled { background-color: rgba(0, 0, 0, 0.1); } @@ -4368,24 +4322,58 @@ infobar { border-style: none; } -infobar.info, infobar.question, infobar.warning, infobar.error { +infobar.info > revealer > box, infobar.info:backdrop > revealer > box { background-color: #2eb398; +} + +infobar.info > revealer > box selection, infobar.info:backdrop > revealer > box selection { + color: #2eb398; +} + +infobar.question > revealer > box, infobar.question:backdrop > revealer > box { + background-color: #33b165; +} + +infobar.question > revealer > box selection, infobar.question:backdrop > revealer > box selection { + color: #33b165; +} + +infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { + background-color: #F27835; +} + +infobar.warning > revealer > box selection, infobar.warning:backdrop > revealer > box selection { + color: #F27835; +} + +infobar.error > revealer > box, infobar.error:backdrop > revealer > box { + background-color: #FC4138; +} + +infobar.error > revealer > box selection, infobar.error:backdrop > revealer > box selection { + color: #FC4138; +} + +infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:hover > revealer > box, infobar.question:backdrop > revealer > box, infobar.warning > revealer > box, infobar.warning:hover > revealer > box, infobar.warning:backdrop > revealer > box, infobar.error > revealer > box, infobar.error:hover > revealer > box, infobar.error:backdrop > revealer > box { color: #ffffff; caret-color: currentColor; } -infobar.info selection, infobar.question selection, infobar.warning selection, infobar.error selection { - color: #2eb398; +infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { + min-height: 28px; +} + +infobar.info > revealer > box selection, infobar.info:hover > revealer > box selection, infobar.info:backdrop > revealer > box selection, infobar.question > revealer > box selection, infobar.question:hover > revealer > box selection, infobar.question:backdrop > revealer > box selection, infobar.warning > revealer > box selection, infobar.warning:hover > revealer > box selection, infobar.warning:backdrop > revealer > box selection, infobar.error > revealer > box selection, infobar.error:hover > revealer > box selection, infobar.error:backdrop > revealer > box selection { background-color: #ffffff; } -.raven-mpris button.image-button, .nemo-window .floating-bar button, .nautilus-window .floating-bar button, row:selected button, infobar.info button, infobar.question button, infobar.warning button, infobar.error button { +.raven-mpris button.image-button, .nemo-window .floating-bar button, .nautilus-window .floating-bar button, row:selected button, infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { color: #ffffff; background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0.5); } -.raven-mpris button.flat.image-button, .nemo-window .floating-bar button.flat, .nautilus-window .floating-bar button.flat, row:selected button.flat, infobar.info button.flat, infobar.question button.flat, infobar.warning button.flat, infobar.error button.flat { +.raven-mpris button.flat.image-button, .nemo-window .floating-bar button.flat, .nautilus-window .floating-bar button.flat, row:selected button.flat, infobar.info > revealer > box button.flat, infobar.question > revealer > box button.flat, infobar.warning > revealer > box button.flat, infobar.error > revealer > box button.flat { border-color: transparent; background-color: transparent; background-image: none; @@ -4393,37 +4381,37 @@ infobar.info selection, infobar.question selection, infobar.warning selection, i background-color: rgba(255, 255, 255, 0); } -.raven-mpris button.flat.image-button:disabled, .nemo-window .floating-bar button.flat:disabled, .nautilus-window .floating-bar button.flat:disabled, row:selected button.flat:disabled, infobar.info button.flat:disabled, infobar.question button.flat:disabled, infobar.warning button.flat:disabled, infobar.error button.flat:disabled { +.raven-mpris button.flat.image-button:disabled, .nemo-window .floating-bar button.flat:disabled, .nautilus-window .floating-bar button.flat:disabled, row:selected button.flat:disabled, infobar.info > revealer > box button.flat:disabled, infobar.question > revealer > box button.flat:disabled, infobar.warning > revealer > box button.flat:disabled, infobar.error > revealer > box button.flat:disabled { color: rgba(255, 255, 255, 0.42); } -.raven-mpris button.flat.image-button:disabled label, .nemo-window .floating-bar button.flat:disabled label, .nautilus-window .floating-bar button.flat:disabled label, row:selected button.flat:disabled label, infobar.info button.flat:disabled label, infobar.question button.flat:disabled label, infobar.warning button.flat:disabled label, infobar.error button.flat:disabled label { +.raven-mpris button.flat.image-button:disabled label, .nemo-window .floating-bar button.flat:disabled label, .nautilus-window .floating-bar button.flat:disabled label, row:selected button.flat:disabled label, infobar.info > revealer > box button.flat:disabled label, infobar.question > revealer > box button.flat:disabled label, infobar.warning > revealer > box button.flat:disabled label, infobar.error > revealer > box button.flat:disabled label { color: rgba(255, 255, 255, 0.42); } -.raven-mpris button.image-button:hover, .nemo-window .floating-bar button:hover, .nautilus-window .floating-bar button:hover, row:selected button:hover, infobar.info button:hover, infobar.question button:hover, infobar.warning button:hover, infobar.error button:hover { +.raven-mpris button.image-button:hover, .nemo-window .floating-bar button:hover, .nautilus-window .floating-bar button:hover, row:selected button:hover, infobar.info > revealer > box button:hover, infobar.question > revealer > box button:hover, infobar.warning > revealer > box button:hover, infobar.error > revealer > box button:hover { color: #ffffff; background-color: rgba(255, 255, 255, 0.2); border-color: rgba(255, 255, 255, 0.8); } -.raven-mpris button.image-button:active, .nemo-window .floating-bar button:active, .nautilus-window .floating-bar button:active, row:selected button:active, infobar.info button:active, infobar.question button:active, infobar.warning button:active, infobar.error button:active, .raven-mpris button.image-button:checked, .nemo-window .floating-bar button:checked, .nautilus-window .floating-bar button:checked, row:selected button:checked, infobar.info button:checked, infobar.question button:checked, infobar.warning button:checked, infobar.error button:checked { +.raven-mpris button.image-button:active, .nemo-window .floating-bar button:active, .nautilus-window .floating-bar button:active, row:selected button:active, infobar.info > revealer > box button:active, infobar.question > revealer > box button:active, infobar.warning > revealer > box button:active, infobar.error > revealer > box button:active, .raven-mpris button.image-button:checked, .nemo-window .floating-bar button:checked, .nautilus-window .floating-bar button:checked, row:selected button:checked, infobar.info > revealer > box button:checked, infobar.question > revealer > box button:checked, infobar.warning > revealer > box button:checked, infobar.error > revealer > box button:checked { color: #2eb398; background-color: #ffffff; border-color: #ffffff; } -.raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled, row:selected button:disabled, infobar.info button:disabled, infobar.question button:disabled, infobar.warning button:disabled, infobar.error button:disabled { +.raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled, row:selected button:disabled, infobar.info > revealer > box button:disabled, infobar.question > revealer > box button:disabled, infobar.warning > revealer > box button:disabled, infobar.error > revealer > box button:disabled { color: rgba(255, 255, 255, 0.5); background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0.42); } -.raven-mpris button.image-button:disabled label, .nemo-window .floating-bar button:disabled label, .nautilus-window .floating-bar button:disabled label, row:selected button:disabled label, infobar.info button:disabled label, infobar.question button:disabled label, infobar.warning button:disabled label, infobar.error button:disabled label { +.raven-mpris button.image-button:disabled label, .nemo-window .floating-bar button:disabled label, .nautilus-window .floating-bar button:disabled label, row:selected button:disabled label, infobar.info > revealer > box button:disabled label, infobar.question > revealer > box button:disabled label, infobar.warning > revealer > box button:disabled label, infobar.error > revealer > box button:disabled label { color: rgba(255, 255, 255, 0.5); } -.raven-mpris button.image-button:disabled:active, .nemo-window .floating-bar button:disabled:active, .nautilus-window .floating-bar button:disabled:active, row:selected button:disabled:active, infobar.info button:disabled:active, infobar.question button:disabled:active, infobar.warning button:disabled:active, infobar.error button:disabled:active, .raven-mpris button.image-button:disabled:checked, .nemo-window .floating-bar button:disabled:checked, .nautilus-window .floating-bar button:disabled:checked, row:selected button:disabled:checked, infobar.info button:disabled:checked, infobar.question button:disabled:checked, infobar.warning button:disabled:checked, infobar.error button:disabled:checked { +.raven-mpris button.image-button:disabled:active, .nemo-window .floating-bar button:disabled:active, .nautilus-window .floating-bar button:disabled:active, row:selected button:disabled:active, infobar.info > revealer > box button:disabled:active, infobar.question > revealer > box button:disabled:active, infobar.warning > revealer > box button:disabled:active, infobar.error > revealer > box button:disabled:active, .raven-mpris button.image-button:disabled:checked, .nemo-window .floating-bar button:disabled:checked, .nautilus-window .floating-bar button:disabled:checked, row:selected button:disabled:checked, infobar.info > revealer > box button:disabled:checked, infobar.question > revealer > box button:disabled:checked, infobar.warning > revealer > box button:disabled:checked, infobar.error > revealer > box button:disabled:checked { color: #2eb398; background-color: rgba(255, 255, 255, 0.5); border-color: rgba(255, 255, 255, 0.42); diff --git a/src/gtk-3.0/gtk-sea.css b/src/gtk-3.0/gtk-sea.css index aa20d24b..82fff0ed 100644 --- a/src/gtk-3.0/gtk-sea.css +++ b/src/gtk-3.0/gtk-sea.css @@ -1304,7 +1304,7 @@ modelbutton.flat arrow.right { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } -infobar.info *:link, infobar.question *:link, infobar.warning *:link, infobar.error *:link, headerbar.selection-mode .subtitle:link, *:link:selected, *:selected *:link, button:selected:link, button:selected:visited, *:selected button:link, *:selected button:visited { +infobar.info > revealer > box *:link, infobar.info:hover > revealer > box *:link, infobar.info:backdrop > revealer > box *:link, infobar.question > revealer > box *:link, infobar.question:hover > revealer > box *:link, infobar.question:backdrop > revealer > box *:link, infobar.warning > revealer > box *:link, infobar.warning:hover > revealer > box *:link, infobar.warning:backdrop > revealer > box *:link, infobar.error > revealer > box *:link, infobar.error:hover > revealer > box *:link, infobar.error:backdrop > revealer > box *:link, headerbar.selection-mode .subtitle:link, *:link:selected, *:selected *:link, button:selected:link, button:selected:visited, *:selected button:link, *:selected button:visited { color: #d5f0ea; } @@ -3394,48 +3394,38 @@ radio:only-child, menu menuitem radio { margin: 0; } - scale { min-height: 15px; min-width: 15px; padding: 3px; } - scale.horizontal trough { padding: 0 4px; } - -scale.horizontal highlight, -scale.horizontal fill { +scale.horizontal highlight, scale.horizontal fill { margin: 0 -4px; } - scale.vertical trough { padding: 4px 0; } - -scale.vertical highlight, -scale.vertical fill { +scale.vertical highlight, scale.vertical fill { margin: -4px 0; } - scale slider { min-height: 15px; min-width: 15px; margin: -6px; } - scale.fine-tune slider { margin: -4px; } - scale.fine-tune fill, scale.fine-tune highlight, scale.fine-tune trough { @@ -3443,7 +3433,6 @@ scale.fine-tune trough { -gtk-outline-radius: 7px; } - scale trough { outline-offset: 2px; -gtk-outline-radius: 4.5px; @@ -3451,7 +3440,6 @@ scale trough { background-color: rgba(0, 0, 0, 0.15); } - scale trough:disabled { background-color: rgba(0, 0, 0, 0.08); } @@ -3464,29 +3452,24 @@ scale trough:disabled { background-color: #2eb398; } - scale highlight { border-radius: 2.5px; background-color: #2eb398; } - scale highlight:disabled { background-color: rgba(46, 179, 152, 0.55); } - scale fill { border-radius: 2.5px; background-color: rgba(46, 179, 152, 0.5); } - scale fill:disabled { background-color: transparent; } - scale slider { background-color: #ffffff; border: 1px solid rgba(0, 0, 0, 0.15); @@ -3495,20 +3478,17 @@ scale slider { transition-property: background, border; } - scale slider:hover { background-color: #31bfa2; border-color: #2eb398; } - scale slider:active { background-clip: border-box; background-color: #2ba78e; border-color: #2eb398; } - scale slider:disabled { background-color: #e6e6e6; border-color: rgba(0, 0, 0, 0.15); @@ -3530,111 +3510,85 @@ scale slider:disabled { border-color: #248a76; } - scale value { color: alpha(currentColor,0.4); } - scale marks { color: alpha(currentColor,0.4); } - scale marks.top { margin-bottom: 1px; margin-top: -4px; } - scale marks.bottom { margin-top: 1px; margin-bottom: -4px; } - scale marks.top { margin-right: 1px; margin-left: -4px; } - scale marks.bottom { margin-left: 1px; margin-right: -4px; } - scale.fine-tune marks.top { margin-bottom: 0px; margin-top: -2px; } - scale.fine-tune marks.bottom { margin-top: 0px; margin-bottom: -2px; } - scale.fine-tune marks.top { margin-right: 0px; margin-left: -2px; } - scale.fine-tune marks.bottom { margin-left: 0px; margin-right: -2px; } - scale.horizontal indicator { min-height: 3px; min-width: 1px; } - scale.horizontal.fine-tune indicator { min-height: 2px; } - scale.vertical indicator { min-height: 1px; min-width: 3px; } - scale.vertical.fine-tune indicator { min-width: 2px; } - -scale infobar trough, -scale:hover trough, -scale:selected trough { +infobar.info trough, infobar.question trough, infobar.warning trough, infobar.error trough, scale:hover trough, scale:selected trough { background-color: rgba(0, 0, 0, 0.2); } - -scale infobar trough highlight, -scale:hover trough highlight, -scale:selected trough highlight { +infobar.info trough highlight, infobar.question trough highlight, infobar.warning trough highlight, infobar.error trough highlight, scale:hover trough highlight, scale:selected trough highlight { background-color: #35cbac; } - -scale infobar trough highlight:disabled, -scale:hover trough highlight:disabled, -scale:selected trough highlight:disabled { +infobar.info trough highlight:disabled, infobar.question trough highlight:disabled, infobar.warning trough highlight:disabled, infobar.error trough highlight:disabled, scale:hover trough highlight:disabled, scale:selected trough highlight:disabled { background-color: #a1ddd1; } - -scale infobar trough:disabled, -scale:hover trough:disabled, -scale:selected trough:disabled { +infobar.info trough:disabled, infobar.question trough:disabled, infobar.warning trough:disabled, infobar.error trough:disabled, scale:hover trough:disabled, scale:selected trough:disabled { background-color: rgba(0, 0, 0, 0.1); } @@ -4369,24 +4323,58 @@ infobar { border-style: none; } -infobar.info, infobar.question, infobar.warning, infobar.error { +infobar.info > revealer > box, infobar.info:backdrop > revealer > box { background-color: #2eb398; +} + +infobar.info > revealer > box selection, infobar.info:backdrop > revealer > box selection { + color: #2eb398; +} + +infobar.question > revealer > box, infobar.question:backdrop > revealer > box { + background-color: #33b165; +} + +infobar.question > revealer > box selection, infobar.question:backdrop > revealer > box selection { + color: #33b165; +} + +infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { + background-color: #F27835; +} + +infobar.warning > revealer > box selection, infobar.warning:backdrop > revealer > box selection { + color: #F27835; +} + +infobar.error > revealer > box, infobar.error:backdrop > revealer > box { + background-color: #FC4138; +} + +infobar.error > revealer > box selection, infobar.error:backdrop > revealer > box selection { + color: #FC4138; +} + +infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:hover > revealer > box, infobar.question:backdrop > revealer > box, infobar.warning > revealer > box, infobar.warning:hover > revealer > box, infobar.warning:backdrop > revealer > box, infobar.error > revealer > box, infobar.error:hover > revealer > box, infobar.error:backdrop > revealer > box { color: #ffffff; caret-color: currentColor; } -infobar.info selection, infobar.question selection, infobar.warning selection, infobar.error selection { - color: #2eb398; +infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { + min-height: 28px; +} + +infobar.info > revealer > box selection, infobar.info:hover > revealer > box selection, infobar.info:backdrop > revealer > box selection, infobar.question > revealer > box selection, infobar.question:hover > revealer > box selection, infobar.question:backdrop > revealer > box selection, infobar.warning > revealer > box selection, infobar.warning:hover > revealer > box selection, infobar.warning:backdrop > revealer > box selection, infobar.error > revealer > box selection, infobar.error:hover > revealer > box selection, infobar.error:backdrop > revealer > box selection { background-color: #ffffff; } -.raven-mpris button.image-button, .nemo-window .floating-bar button, .nautilus-window .floating-bar button, row:selected button, infobar.info button, infobar.question button, infobar.warning button, infobar.error button { +.raven-mpris button.image-button, .nemo-window .floating-bar button, .nautilus-window .floating-bar button, row:selected button, infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { color: #ffffff; background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0.5); } -.raven-mpris button.flat.image-button, .nemo-window .floating-bar button.flat, .nautilus-window .floating-bar button.flat, row:selected button.flat, infobar.info button.flat, infobar.question button.flat, infobar.warning button.flat, infobar.error button.flat { +.raven-mpris button.flat.image-button, .nemo-window .floating-bar button.flat, .nautilus-window .floating-bar button.flat, row:selected button.flat, infobar.info > revealer > box button.flat, infobar.question > revealer > box button.flat, infobar.warning > revealer > box button.flat, infobar.error > revealer > box button.flat { border-color: transparent; background-color: transparent; background-image: none; @@ -4394,37 +4382,37 @@ infobar.info selection, infobar.question selection, infobar.warning selection, i background-color: rgba(255, 255, 255, 0); } -.raven-mpris button.flat.image-button:disabled, .nemo-window .floating-bar button.flat:disabled, .nautilus-window .floating-bar button.flat:disabled, row:selected button.flat:disabled, infobar.info button.flat:disabled, infobar.question button.flat:disabled, infobar.warning button.flat:disabled, infobar.error button.flat:disabled { +.raven-mpris button.flat.image-button:disabled, .nemo-window .floating-bar button.flat:disabled, .nautilus-window .floating-bar button.flat:disabled, row:selected button.flat:disabled, infobar.info > revealer > box button.flat:disabled, infobar.question > revealer > box button.flat:disabled, infobar.warning > revealer > box button.flat:disabled, infobar.error > revealer > box button.flat:disabled { color: rgba(255, 255, 255, 0.42); } -.raven-mpris button.flat.image-button:disabled label, .nemo-window .floating-bar button.flat:disabled label, .nautilus-window .floating-bar button.flat:disabled label, row:selected button.flat:disabled label, infobar.info button.flat:disabled label, infobar.question button.flat:disabled label, infobar.warning button.flat:disabled label, infobar.error button.flat:disabled label { +.raven-mpris button.flat.image-button:disabled label, .nemo-window .floating-bar button.flat:disabled label, .nautilus-window .floating-bar button.flat:disabled label, row:selected button.flat:disabled label, infobar.info > revealer > box button.flat:disabled label, infobar.question > revealer > box button.flat:disabled label, infobar.warning > revealer > box button.flat:disabled label, infobar.error > revealer > box button.flat:disabled label { color: rgba(255, 255, 255, 0.42); } -.raven-mpris button.image-button:hover, .nemo-window .floating-bar button:hover, .nautilus-window .floating-bar button:hover, row:selected button:hover, infobar.info button:hover, infobar.question button:hover, infobar.warning button:hover, infobar.error button:hover { +.raven-mpris button.image-button:hover, .nemo-window .floating-bar button:hover, .nautilus-window .floating-bar button:hover, row:selected button:hover, infobar.info > revealer > box button:hover, infobar.question > revealer > box button:hover, infobar.warning > revealer > box button:hover, infobar.error > revealer > box button:hover { color: #ffffff; background-color: rgba(255, 255, 255, 0.2); border-color: rgba(255, 255, 255, 0.8); } -.raven-mpris button.image-button:active, .nemo-window .floating-bar button:active, .nautilus-window .floating-bar button:active, row:selected button:active, infobar.info button:active, infobar.question button:active, infobar.warning button:active, infobar.error button:active, .raven-mpris button.image-button:checked, .nemo-window .floating-bar button:checked, .nautilus-window .floating-bar button:checked, row:selected button:checked, infobar.info button:checked, infobar.question button:checked, infobar.warning button:checked, infobar.error button:checked { +.raven-mpris button.image-button:active, .nemo-window .floating-bar button:active, .nautilus-window .floating-bar button:active, row:selected button:active, infobar.info > revealer > box button:active, infobar.question > revealer > box button:active, infobar.warning > revealer > box button:active, infobar.error > revealer > box button:active, .raven-mpris button.image-button:checked, .nemo-window .floating-bar button:checked, .nautilus-window .floating-bar button:checked, row:selected button:checked, infobar.info > revealer > box button:checked, infobar.question > revealer > box button:checked, infobar.warning > revealer > box button:checked, infobar.error > revealer > box button:checked { color: #2eb398; background-color: #ffffff; border-color: #ffffff; } -.raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled, row:selected button:disabled, infobar.info button:disabled, infobar.question button:disabled, infobar.warning button:disabled, infobar.error button:disabled { +.raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled, row:selected button:disabled, infobar.info > revealer > box button:disabled, infobar.question > revealer > box button:disabled, infobar.warning > revealer > box button:disabled, infobar.error > revealer > box button:disabled { color: rgba(255, 255, 255, 0.5); background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0.42); } -.raven-mpris button.image-button:disabled label, .nemo-window .floating-bar button:disabled label, .nautilus-window .floating-bar button:disabled label, row:selected button:disabled label, infobar.info button:disabled label, infobar.question button:disabled label, infobar.warning button:disabled label, infobar.error button:disabled label { +.raven-mpris button.image-button:disabled label, .nemo-window .floating-bar button:disabled label, .nautilus-window .floating-bar button:disabled label, row:selected button:disabled label, infobar.info > revealer > box button:disabled label, infobar.question > revealer > box button:disabled label, infobar.warning > revealer > box button:disabled label, infobar.error > revealer > box button:disabled label { color: rgba(255, 255, 255, 0.5); } -.raven-mpris button.image-button:disabled:active, .nemo-window .floating-bar button:disabled:active, .nautilus-window .floating-bar button:disabled:active, row:selected button:disabled:active, infobar.info button:disabled:active, infobar.question button:disabled:active, infobar.warning button:disabled:active, infobar.error button:disabled:active, .raven-mpris button.image-button:disabled:checked, .nemo-window .floating-bar button:disabled:checked, .nautilus-window .floating-bar button:disabled:checked, row:selected button:disabled:checked, infobar.info button:disabled:checked, infobar.question button:disabled:checked, infobar.warning button:disabled:checked, infobar.error button:disabled:checked { +.raven-mpris button.image-button:disabled:active, .nemo-window .floating-bar button:disabled:active, .nautilus-window .floating-bar button:disabled:active, row:selected button:disabled:active, infobar.info > revealer > box button:disabled:active, infobar.question > revealer > box button:disabled:active, infobar.warning > revealer > box button:disabled:active, infobar.error > revealer > box button:disabled:active, .raven-mpris button.image-button:disabled:checked, .nemo-window .floating-bar button:disabled:checked, .nautilus-window .floating-bar button:disabled:checked, row:selected button:disabled:checked, infobar.info > revealer > box button:disabled:checked, infobar.question > revealer > box button:disabled:checked, infobar.warning > revealer > box button:disabled:checked, infobar.error > revealer > box button:disabled:checked { color: #2eb398; background-color: rgba(255, 255, 255, 0.5); border-color: rgba(255, 255, 255, 0.42); diff --git a/src/gtk-3.0/sass/_common.scss b/src/gtk-3.0/sass/_common.scss index b0d633cb..00f553b4 100644 --- a/src/gtk-3.0/sass/_common.scss +++ b/src/gtk-3.0/sass/_common.scss @@ -2414,7 +2414,6 @@ radio { // GtkScale // -%scale, scale { $_marks_length: 3px; $_marks_distance: 1px; @@ -2585,24 +2584,23 @@ scale { &.fine-tune indicator { min-width: ($_marks_length - 1px); } } - %selected_scale, &:hover, &:selected { trough { // Troughs in selected list-rows and infobars - background-color: rgba(black, 0.2); + @extend %selected_scale; + } + } +} - highlight { - background-color: $alt_selected_bg_color; +%selected_scale { + background-color: rgba(black, 0.2); - &:disabled { background-color: mix($selected_fg_color, $selected_bg_color, 55%); } - } + highlight { + background-color: $alt_selected_bg_color; - &:disabled { background-color: rgba(black, 0.1); } - } + &:disabled { background-color: mix($selected_fg_color, $selected_bg_color, 55%); } } -} -infobar { - @extend %selected_scale; + &:disabled { background-color: rgba(black, 0.1); } } // @@ -3191,22 +3189,63 @@ paned { infobar { border-style: none; + &.info { + & > revealer > box, + &:backdrop > revealer > box { + background-color: $selected_bg_color; + selection { color: $selected_bg_color; } + } + } + + &.question { + & > revealer > box, + &:backdrop > revealer > box { + background-color: $suggested_color; + selection { color: $suggested_color; } + } + } + + &.warning { + & > revealer > box, + &:backdrop > revealer > box { + background-color: $warning_color; + selection { color: $warning_color; } + } + } + + &.error { + & > revealer > box, + &:backdrop > revealer > box { + background-color: $error_color; + selection { color: $error_color; } + } + } + &.info, &.question, &.warning, &.error { - background-color: $selected_bg_color; - color: $selected_fg_color; - caret-color: currentColor; + & > revealer > box, + &:hover > revealer > box, + &:backdrop > revealer > box { + color: $selected_fg_color; + caret-color: currentColor; - button { @extend %selected-button } + button { + min-height: 28px; + @extend %selected-button; + } - selection { - color: $selected_bg_color; - background-color: $selected_fg_color; + selection { + background-color: $selected_fg_color; + } + + *:link { @extend %link_selected; } } - *:link { @extend %link_selected; } + trough { + @extend %selected_scale; + } } }