diff --git a/Paper/gtk-3.18/_colors.scss b/Paper/gtk-3.18/_colors.scss index 295f341..054a1f5 100644 --- a/Paper/gtk-3.18/_colors.scss +++ b/Paper/gtk-3.18/_colors.scss @@ -10,7 +10,7 @@ $headerbar_bg_color: if($variant == 'light', #546e7a, darken($base_color, 10%)); $headerbar_fg_color: if($variant == 'light', #ffffff, transparentize(#ffffff, 0.2)); // Primary colors -$red: #F44336; +$red: #d32f2f; $orange: #ff9800; $yellow: #f9ce1d; $green: #4caf50; diff --git a/Paper/gtk-3.18/gtk-dark.css b/Paper/gtk-3.18/gtk-dark.css index 095c6f9..3db7efe 100644 --- a/Paper/gtk-3.18/gtk-dark.css +++ b/Paper/gtk-3.18/gtk-dark.css @@ -54,7 +54,7 @@ @define-color unfocused_borders #242f34; /* these are pretty self explicative */ @define-color warning_color #f9ce1d; -@define-color error_color #F44336; +@define-color error_color #d32f2f; @define-color success_color #3d8b40; /* these colors are exported for the window manager and shouldn't be used in applications, read if you used those and something break with a version upgrade you're on your own... */ @@ -78,7 +78,7 @@ read if you used those and something break with a version upgrade you're on your * { padding: 0; -GtkToolButton-icon-spacing: 4; - -GtkTextView-error-underline-color: #F44336; + -GtkTextView-error-underline-color: #d32f2f; -GtkScrolledWindow-scrollbar-spacing: 0; -GtkToolItemGroup-expander-size: 11; -GtkTreeView-expander-size: 11; @@ -818,8 +818,8 @@ row:selected .button.destructive-action { color: white; outline-color: rgba(255, 255, 255, 0.3); - border-color: #710e06; - background-image: linear-gradient(to bottom, #ea1c0d, #d2190b); + border-color: #420e0e; + background-image: linear-gradient(to bottom, #ab2424, #962020); text-shadow: 0 1px rgba(0, 0, 0, 0.2); icon-shadow: 0 1px rgba(0, 0, 0, 0.2); box-shadow: inset 0 1px rgba(255, 255, 255, 0.2); @@ -831,29 +831,29 @@ row:selected box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; icon-shadow: none; - color: #ea1c0d; } + color: #ab2424; } .button.destructive-action:hover { color: white; outline-color: rgba(255, 255, 255, 0.3); - border-color: #710e06; - background-image: linear-gradient(to bottom, #ef1d0d, #e11b0c 60%, #d71a0c); + border-color: #420e0e; + background-image: linear-gradient(to bottom, #af2525, #a22222 60%, #9a2121); text-shadow: 0 1px rgba(0, 0, 0, 0.2); icon-shadow: 0 1px rgba(0, 0, 0, 0.2); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.2); } + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); } .button.destructive-action:active, .button.destructive-action:checked { color: white; outline-color: rgba(255, 255, 255, 0.3); - border-color: #710e06; - background-image: linear-gradient(to bottom, #c8180b, #e11b0c); + border-color: #420e0e; + background-image: linear-gradient(to bottom, #8d1e1e, #a22222); text-shadow: 0 1px rgba(0, 0, 0, 0.2); icon-shadow: 0 1px rgba(0, 0, 0, 0.2); box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); } .button.destructive-action:backdrop, .button.destructive-action.flat:backdrop { - border-color: #710e06; - background-image: linear-gradient(to bottom, #ea1c0d); + border-color: #420e0e; + background-image: linear-gradient(to bottom, #ab2424); text-shadow: none; icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } @@ -861,12 +861,12 @@ row:selected .button.destructive-action:backdrop, .button.destructive-action.flat:backdrop GtkLabel, .button.destructive-action.flat:backdrop { - color: #fbd2cf; } + color: #eed3d3; } .button.destructive-action:backdrop:active, .button.destructive-action:backdrop:checked, .button.destructive-action.flat:backdrop:active, .button.destructive-action.flat:backdrop:checked { - border-color: #710e06; + border-color: #420e0e; background-image: none; box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); } .button.destructive-action:backdrop:active GtkLabel, @@ -877,7 +877,7 @@ row:selected .button.destructive-action.flat:backdrop:active, .button.destructive-action.flat:backdrop:checked GtkLabel, .button.destructive-action.flat:backdrop:checked { - color: #f1d0ce; } + color: #e6d1d1; } .button.destructive-action:backdrop:active label, .button.destructive-action:backdrop:active, .button.destructive-action:backdrop:checked label, @@ -886,7 +886,7 @@ row:selected .button.destructive-action.flat:backdrop:active, .button.destructive-action.flat:backdrop:checked label, .button.destructive-action.flat:backdrop:checked { - color: #f1d0ce; } + color: #e6d1d1; } .button.destructive-action:backdrop:insensitive, .button.destructive-action.flat:backdrop:insensitive { border-color: #242f34; @@ -904,15 +904,15 @@ row:selected .button.destructive-action:backdrop:insensitive:checked, .button.destructive-action.flat:backdrop:insensitive:active, .button.destructive-action.flat:backdrop:insensitive:checked { - border-color: #710e06; + border-color: #420e0e; background-image: none; - background-color: #ba2117; + background-color: #882628; box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); } .button.destructive-action:backdrop:insensitive:active GtkLabel, .button.destructive-action:backdrop:insensitive:checked GtkLabel, .button.destructive-action.flat:backdrop:insensitive:active GtkLabel, .button.destructive-action.flat:backdrop:insensitive:checked GtkLabel { - color: #d26f68; } + color: #b27273; } .button.destructive-action.flat:backdrop, .button.destructive-action.flat:insensitive, .button.destructive-action.flat:backdrop:insensitive { @@ -922,7 +922,7 @@ row:selected box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; icon-shadow: none; - color: rgba(234, 28, 13, 0.8); } + color: rgba(171, 36, 36, 0.8); } .button.destructive-action:insensitive { border-color: #222c31; background-image: none; @@ -935,21 +935,21 @@ row:selected color: #839096; } .button.destructive-action:insensitive:active, .button.destructive-action:insensitive:checked { - border-color: #710e06; + border-color: #420e0e; background-image: none; - background-color: #ba2117; + background-color: #882628; text-shadow: none; box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); } .button.destructive-action:insensitive:active GtkLabel, .button.destructive-action:insensitive:active, .button.destructive-action:insensitive:checked GtkLabel, .button.destructive-action:insensitive:checked { - color: #e3a6a2; } + color: #cfa8a9; } .osd .button.destructive-action { color: #cfd8dc; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(234, 28, 13, 0.5)); + background-image: linear-gradient(to bottom, rgba(171, 36, 36, 0.5)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; @@ -959,7 +959,7 @@ row:selected .button.destructive-action:hover { color: white; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(234, 28, 13, 0.7)); + background-image: linear-gradient(to bottom, rgba(171, 36, 36, 0.7)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; @@ -972,7 +972,7 @@ row:selected .button.destructive-action:checked { color: white; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, #ea1c0d); + background-image: linear-gradient(to bottom, #ab2424); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -992,7 +992,7 @@ row:selected .button.destructive-action:backdrop { color: #cfd8dc; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(234, 28, 13, 0.5)); + background-image: linear-gradient(to bottom, rgba(171, 36, 36, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -2035,16 +2035,16 @@ GtkFileChooserDialog { box-shadow: none; } .error.spinbutton:not(.vertical), GeditWindow > .error.entry, .entry.error { - color: #F44336; - border-color: #710e06; } + color: #d32f2f; + border-color: #420e0e; } .error.spinbutton:focus:not(.vertical), GeditWindow > .error.entry:focus, .entry.error:focus { box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.05), inset 0 1px 1px 0 rgba(0, 0, 0, 0.1); - border-color: #710e06; } + border-color: #420e0e; } .error.spinbutton:selected:focus:not(.vertical), GeditWindow > .error.entry:selected:focus, .error.spinbutton:selected:not(.vertical), GeditWindow > .error.entry:selected, .entry.error:selected:focus, .entry.error:selected { - background-color: #F44336; } + background-color: #d32f2f; } .warning.spinbutton:not(.vertical), GeditWindow > .warning.entry, .entry.warning { color: #f9ce1d; @@ -2430,7 +2430,7 @@ GraniteWidgetsWelcome { .storage-bar .fill-block.audio { background-color: #ff9800; } .storage-bar .fill-block.photo { - background-color: #F44336; } + background-color: #d32f2f; } .storage-bar .fill-block.video { background-color: #673ab7; } .storage-bar .fill-block .legend { @@ -2915,131 +2915,62 @@ infobar { color: rgba(255, 255, 255, 0.5); } .error { - background-color: #F44336; } + background-color: #d32f2f; } .error:backdrop { - background-color: #f77066; + background-color: #dc5959; color: rgba(255, 255, 255, 0.5); } /************* * Level Bar * *************/ -GtkLevelBar, -.level-bar { - -GtkLevelBar-min-block-width: 32px; - -GtkLevelBar-min-block-height: 6px; - padding: 2px; } - GtkLevelBar.horizontal.indicator-discrete.fill-block, - .level-bar.horizontal.indicator-discrete.fill-block { - margin: 0 1px; } - GtkLevelBar.horizontal.discrete block, - .level-bar.horizontal.discrete block { - margin: 0 1px; } - GtkLevelBar.vertical.indicator-discrete.fill-block, - .level-bar.vertical.indicator-discrete.fill-block { - margin: 1px 0; } - GtkLevelBar.vertical.discrete block, - .level-bar.vertical.discrete block { - margin: 1px 0; } - GtkLevelBar.vertical .fill-block, - GtkLevelBar .level-bar.vertical .fill-block, - .level-bar.vertical GtkLevelBar .fill-block, - GtkLevelBar .fill-block, - .level-bar GtkLevelBar.vertical .fill-block, - GtkLevelBar.vertical .level-bar .fill-block, - .level-bar.vertical .fill-block, - .level-bar .fill-block { - border-radius: 3px; - margin: 2px; +.level-bar.fill-block, .level-bar .indicator-continuous.fill-block { + border-radius: 3px; + margin: 2px; + background-color: #449ac2; + border: 1px solid; + border-color: #222c31; + box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.3); } + .low.level-bar.fill-block, .level-bar .low.indicator-continuous.fill-block, .level-low.level-bar.fill-block, .level-bar .level-low.indicator-continuous.fill-block { + background-color: #d32f2f; + border-color: #222c31; + box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.3); } + .high.level-bar.fill-block, .level-bar .high.indicator-continuous.fill-block, .level-high.level-bar.fill-block, .level-bar .level-high.indicator-continuous.fill-block { + background-color: #4caf50; + border-color: #222c31; + box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.3); } + .full.level-bar.fill-block, .level-bar .full.indicator-continuous.fill-block, .level-full.level-bar.fill-block, .level-bar .level-full.indicator-continuous.fill-block { + background-color: #449ac2; + border-color: #222c31; + box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.3); } + .empty.level-bar.fill-block, .level-bar .empty.indicator-continuous.fill-block, .empty-fill-block.level-bar.fill-block, .level-bar .empty-fill-block.indicator-continuous.fill-block, .level-empty.level-bar.fill-block, .level-bar .level-empty.indicator-continuous.fill-block { background-color: rgba(0, 0, 0, 0.1); - border: 1px solid; border-color: #222c31; box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.1); } - GtkLevelBar.vertical .low.fill-block, - GtkLevelBar .level-bar.vertical .low.fill-block, - .level-bar.vertical GtkLevelBar .low.fill-block, GtkLevelBar.vertical .level-low.fill-block, - GtkLevelBar .level-bar.vertical .level-low.fill-block, - .level-bar.vertical GtkLevelBar .level-low.fill-block, - GtkLevelBar .fill-block.low, - GtkLevelBar .fill-block.level-low, - .level-bar GtkLevelBar.vertical .low.fill-block, - GtkLevelBar.vertical .level-bar .low.fill-block, - .level-bar.vertical .low.fill-block, - .level-bar GtkLevelBar.vertical .level-low.fill-block, - GtkLevelBar.vertical .level-bar .level-low.fill-block, - .level-bar.vertical .level-low.fill-block, - .level-bar .fill-block.low, - .level-bar .fill-block.level-low { - background-color: #F44336; - border: 1px solid; - border-color: #222c31; - box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.3); } - GtkLevelBar.vertical .high.fill-block, - GtkLevelBar .level-bar.vertical .high.fill-block, - .level-bar.vertical GtkLevelBar .high.fill-block, GtkLevelBar.vertical .level-high.fill-block, - GtkLevelBar .level-bar.vertical .level-high.fill-block, - .level-bar.vertical GtkLevelBar .level-high.fill-block, - GtkLevelBar .fill-block.high, - GtkLevelBar .fill-block.level-high, - .level-bar GtkLevelBar.vertical .high.fill-block, - GtkLevelBar.vertical .level-bar .high.fill-block, - .level-bar.vertical .high.fill-block, - .level-bar GtkLevelBar.vertical .level-high.fill-block, - GtkLevelBar.vertical .level-bar .level-high.fill-block, - .level-bar.vertical .level-high.fill-block, - .level-bar .fill-block.high, - .level-bar .fill-block.level-high { - background-color: #4caf50; - border: 1px solid; - border-color: #222c31; - box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.3); } - GtkLevelBar.vertical .full.fill-block, - GtkLevelBar .level-bar.vertical .full.fill-block, - .level-bar.vertical GtkLevelBar .full.fill-block, GtkLevelBar.vertical .level-full.fill-block, - GtkLevelBar .level-bar.vertical .level-full.fill-block, - .level-bar.vertical GtkLevelBar .level-full.fill-block, - GtkLevelBar .fill-block.full, - GtkLevelBar .fill-block.level-full, - .level-bar GtkLevelBar.vertical .full.fill-block, - GtkLevelBar.vertical .level-bar .full.fill-block, - .level-bar.vertical .full.fill-block, - .level-bar GtkLevelBar.vertical .level-full.fill-block, - GtkLevelBar.vertical .level-bar .level-full.fill-block, - .level-bar.vertical .level-full.fill-block, - .level-bar .fill-block.full, - .level-bar .fill-block.level-full { - background-color: #449ac2; - border: 1px solid; - border-color: #222c31; - box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.3); } - GtkLevelBar.vertical .empty.fill-block, - GtkLevelBar .level-bar.vertical .empty.fill-block, - .level-bar.vertical GtkLevelBar .empty.fill-block, GtkLevelBar.vertical .level-empty.fill-block, - GtkLevelBar .level-bar.vertical .level-empty.fill-block, - .level-bar.vertical GtkLevelBar .level-empty.fill-block, - GtkLevelBar .fill-block.empty, - GtkLevelBar .fill-block.level-empty, - .level-bar GtkLevelBar.vertical .empty.fill-block, - GtkLevelBar.vertical .level-bar .empty.fill-block, - .level-bar.vertical .empty.fill-block, - .level-bar GtkLevelBar.vertical .level-empty.fill-block, - GtkLevelBar.vertical .level-bar .level-empty.fill-block, - .level-bar.vertical .level-empty.fill-block, - .level-bar .fill-block.empty, - .level-bar .fill-block.level-empty { - background-color: rgba(0, 0, 0, 0.1); - border: 1px solid; - border-color: #222c31; - box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.1); } - GtkLevelBar.horizontal .trough, GtkLevelBar.vertical .trough, - .level-bar.horizontal .trough, - .level-bar.vertical .trough { - border: none; + +GtkLevelBar { + -GtkLevelBar-min-block-width: 32px; + -GtkLevelBar-min-block-height: 6px; + border-radius: 2px; } + +GtkLevelBar.vertical { + -GtkLevelBar-min-block-width: 6px; + -GtkLevelBar-min-block-height: 32px; + border-radius: 2px; } + +.level-bar { + padding: 2px; } + .level-bar.trough { background-color: transparent; + border: none; margin: 2px; } - GtkLevelBar.vertical, - .level-bar.vertical { - -GtkLevelBar-min-block-width: 6px; - -GtkLevelBar-min-block-height: 32px; } + .level-bar.horizontal.indicator-discrete.fill-block { + margin: 0 1px; } + .level-bar.horizontal.discrete block { + margin: 0 1px; } + .level-bar.vertical.indicator-discrete.fill-block { + margin: 1px 0; } + .level-bar.vertical.discrete block { + margin: 1px 0; } /********* * Links * @@ -5082,7 +5013,7 @@ treeview.view header button:active { .budgie-polkit-dialog .message { color: rgba(207, 216, 220, 0.7); } .budgie-polkit-dialog .failure { - color: #F44336; } + color: #d32f2f; } /*************** * font-viewer * diff --git a/Paper/gtk-3.18/gtk.css b/Paper/gtk-3.18/gtk.css index ac8ff80..296bc65 100644 --- a/Paper/gtk-3.18/gtk.css +++ b/Paper/gtk-3.18/gtk.css @@ -54,7 +54,7 @@ @define-color unfocused_borders #c9c9c9; /* these are pretty self explicative */ @define-color warning_color #f9ce1d; -@define-color error_color #F44336; +@define-color error_color #d32f2f; @define-color success_color #4caf50; /* these colors are exported for the window manager and shouldn't be used in applications, read if you used those and something break with a version upgrade you're on your own... */ @@ -78,7 +78,7 @@ read if you used those and something break with a version upgrade you're on your * { padding: 0; -GtkToolButton-icon-spacing: 4; - -GtkTextView-error-underline-color: #F44336; + -GtkTextView-error-underline-color: #d32f2f; -GtkScrolledWindow-scrollbar-spacing: 0; -GtkToolItemGroup-expander-size: 11; -GtkTreeView-expander-size: 11; @@ -822,8 +822,8 @@ row:selected .button.destructive-action { color: white; outline-color: rgba(255, 255, 255, 0.3); - border-color: #a21309; - background-image: linear-gradient(to bottom, #F44336, #f32c1e); + border-color: #6c1717; + background-image: linear-gradient(to bottom, #d32f2f, #c02929); text-shadow: 0 1px rgba(0, 0, 0, 0.2); icon-shadow: 0 1px rgba(0, 0, 0, 0.2); box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); @@ -835,12 +835,12 @@ row:selected box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; icon-shadow: none; - color: #F44336; } + color: #d32f2f; } .button.destructive-action:hover { color: white; outline-color: rgba(255, 255, 255, 0.3); - border-color: #a21309; - background-image: linear-gradient(to bottom, #f65e53, #F44336 60%, #f33123); + border-color: #6c1717; + background-image: linear-gradient(to bottom, #d84848, #d32f2f 60%, #c42929); text-shadow: 0 1px rgba(0, 0, 0, 0.2); icon-shadow: 0 1px rgba(0, 0, 0, 0.2); box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); } @@ -848,16 +848,16 @@ row:selected .button.destructive-action:checked { color: white; outline-color: rgba(255, 255, 255, 0.3); - border-color: #a21309; - background-image: linear-gradient(to bottom, #f22314, #f33a2c); + border-color: #6c1717; + background-image: linear-gradient(to bottom, #b72727, #cd2b2b); text-shadow: 0 1px rgba(0, 0, 0, 0.2); icon-shadow: 0 1px rgba(0, 0, 0, 0.2); box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.8); } .button.destructive-action:backdrop, .button.destructive-action.flat:backdrop { - border-color: #F44336; - background-image: linear-gradient(to bottom, #F44336); + border-color: #d32f2f; + background-image: linear-gradient(to bottom, #d32f2f); text-shadow: none; icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } @@ -865,12 +865,12 @@ row:selected .button.destructive-action:backdrop, .button.destructive-action.flat:backdrop GtkLabel, .button.destructive-action.flat:backdrop { - color: #fdd9d7; } + color: #f6d5d5; } .button.destructive-action:backdrop:active, .button.destructive-action:backdrop:checked, .button.destructive-action.flat:backdrop:active, .button.destructive-action.flat:backdrop:checked { - border-color: #ea1c0d; + border-color: #ab2424; background-image: none; box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.8); } .button.destructive-action:backdrop:active GtkLabel, @@ -881,7 +881,7 @@ row:selected .button.destructive-action.flat:backdrop:active, .button.destructive-action.flat:backdrop:checked GtkLabel, .button.destructive-action.flat:backdrop:checked { - color: #fbd2cf; } + color: #eed3d3; } .button.destructive-action:backdrop:active label, .button.destructive-action:backdrop:active, .button.destructive-action:backdrop:checked label, @@ -890,7 +890,7 @@ row:selected .button.destructive-action.flat:backdrop:active, .button.destructive-action.flat:backdrop:checked label, .button.destructive-action.flat:backdrop:checked { - color: #fbd2cf; } + color: #eed3d3; } .button.destructive-action:backdrop:insensitive, .button.destructive-action.flat:backdrop:insensitive { border-color: #c9c9c9; @@ -908,15 +908,15 @@ row:selected .button.destructive-action:backdrop:insensitive:checked, .button.destructive-action.flat:backdrop:insensitive:active, .button.destructive-action.flat:backdrop:insensitive:checked { - border-color: #f5483c; + border-color: #d63939; background-image: none; - background-color: #f5483c; + background-color: #d63939; box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.8); } .button.destructive-action:backdrop:insensitive:active GtkLabel, .button.destructive-action:backdrop:insensitive:checked GtkLabel, .button.destructive-action.flat:backdrop:insensitive:active GtkLabel, .button.destructive-action.flat:backdrop:insensitive:checked GtkLabel { - color: #f98880; } + color: #e47e7e; } .button.destructive-action.flat:backdrop, .button.destructive-action.flat:insensitive, .button.destructive-action.flat:backdrop:insensitive { @@ -926,7 +926,7 @@ row:selected box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; icon-shadow: none; - color: rgba(244, 67, 54, 0.8); } + color: rgba(211, 47, 47, 0.8); } .button.destructive-action:insensitive { border-color: #c4c4c4; background-image: none; @@ -939,21 +939,21 @@ row:selected color: #9e9e9e; } .button.destructive-action:insensitive:active, .button.destructive-action:insensitive:checked { - border-color: #a21309; + border-color: #6c1717; background-image: none; - background-color: #f5483c; + background-color: #d63939; text-shadow: none; box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.8); } .button.destructive-action:insensitive:active GtkLabel, .button.destructive-action:insensitive:active, .button.destructive-action:insensitive:checked GtkLabel, .button.destructive-action:insensitive:checked { - color: #fbb6b1; } + color: #efb0b0; } .osd .button.destructive-action { color: #cfd8dc; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(244, 67, 54, 0.5)); + background-image: linear-gradient(to bottom, rgba(211, 47, 47, 0.5)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; @@ -963,7 +963,7 @@ row:selected .button.destructive-action:hover { color: white; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(244, 67, 54, 0.7)); + background-image: linear-gradient(to bottom, rgba(211, 47, 47, 0.7)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; @@ -976,7 +976,7 @@ row:selected .button.destructive-action:checked { color: white; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, #F44336); + background-image: linear-gradient(to bottom, #d32f2f); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -996,7 +996,7 @@ row:selected .button.destructive-action:backdrop { color: #cfd8dc; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(244, 67, 54, 0.5)); + background-image: linear-gradient(to bottom, rgba(211, 47, 47, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -2044,16 +2044,16 @@ GtkFileChooserDialog { box-shadow: none; } .error.spinbutton:not(.vertical), GeditWindow > .error.entry, .entry.error { - color: #F44336; - border-color: #F44336; } + color: #d32f2f; + border-color: #d32f2f; } .error.spinbutton:focus:not(.vertical), GeditWindow > .error.entry:focus, .entry.error:focus { box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.05), inset 0 1px 1px 0 rgba(0, 0, 0, 0.1); - border-color: #F44336; } + border-color: #d32f2f; } .error.spinbutton:selected:focus:not(.vertical), GeditWindow > .error.entry:selected:focus, .error.spinbutton:selected:not(.vertical), GeditWindow > .error.entry:selected, .entry.error:selected:focus, .entry.error:selected { - background-color: #F44336; } + background-color: #d32f2f; } .warning.spinbutton:not(.vertical), GeditWindow > .warning.entry, .entry.warning { color: #f9ce1d; @@ -2439,7 +2439,7 @@ GraniteWidgetsWelcome { .storage-bar .fill-block.audio { background-color: #ff9800; } .storage-bar .fill-block.photo { - background-color: #F44336; } + background-color: #d32f2f; } .storage-bar .fill-block.video { background-color: #673ab7; } .storage-bar .fill-block .legend { @@ -2924,131 +2924,62 @@ infobar { color: rgba(255, 255, 255, 0.5); } .error { - background-color: #F44336; } + background-color: #d32f2f; } .error:backdrop { - background-color: #f77066; + background-color: #dc5959; color: rgba(255, 255, 255, 0.5); } /************* * Level Bar * *************/ -GtkLevelBar, -.level-bar { - -GtkLevelBar-min-block-width: 32px; - -GtkLevelBar-min-block-height: 6px; - padding: 2px; } - GtkLevelBar.horizontal.indicator-discrete.fill-block, - .level-bar.horizontal.indicator-discrete.fill-block { - margin: 0 1px; } - GtkLevelBar.horizontal.discrete block, - .level-bar.horizontal.discrete block { - margin: 0 1px; } - GtkLevelBar.vertical.indicator-discrete.fill-block, - .level-bar.vertical.indicator-discrete.fill-block { - margin: 1px 0; } - GtkLevelBar.vertical.discrete block, - .level-bar.vertical.discrete block { - margin: 1px 0; } - GtkLevelBar.vertical .fill-block, - GtkLevelBar .level-bar.vertical .fill-block, - .level-bar.vertical GtkLevelBar .fill-block, - GtkLevelBar .fill-block, - .level-bar GtkLevelBar.vertical .fill-block, - GtkLevelBar.vertical .level-bar .fill-block, - .level-bar.vertical .fill-block, - .level-bar .fill-block { - border-radius: 3px; - margin: 2px; +.level-bar.fill-block, .level-bar .indicator-continuous.fill-block { + border-radius: 3px; + margin: 2px; + background-color: #347D9F; + border: 1px solid; + border-color: #275f79; + box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.2); } + .low.level-bar.fill-block, .level-bar .low.indicator-continuous.fill-block, .level-low.level-bar.fill-block, .level-bar .level-low.indicator-continuous.fill-block { + background-color: #d32f2f; + border-color: #ab2424; + box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.2); } + .high.level-bar.fill-block, .level-bar .high.indicator-continuous.fill-block, .level-high.level-bar.fill-block, .level-bar .level-high.indicator-continuous.fill-block { + background-color: #4caf50; + border-color: #3d8b40; + box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.2); } + .full.level-bar.fill-block, .level-bar .full.indicator-continuous.fill-block, .level-full.level-bar.fill-block, .level-bar .level-full.indicator-continuous.fill-block { + background-color: #347D9F; + border-color: #275f79; + box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.2); } + .empty.level-bar.fill-block, .level-bar .empty.indicator-continuous.fill-block, .empty-fill-block.level-bar.fill-block, .level-bar .empty-fill-block.indicator-continuous.fill-block, .level-empty.level-bar.fill-block, .level-bar .level-empty.indicator-continuous.fill-block { background-color: rgba(0, 0, 0, 0.1); - border: 1px solid; border-color: #c4c4c4; box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.3); } - GtkLevelBar.vertical .low.fill-block, - GtkLevelBar .level-bar.vertical .low.fill-block, - .level-bar.vertical GtkLevelBar .low.fill-block, GtkLevelBar.vertical .level-low.fill-block, - GtkLevelBar .level-bar.vertical .level-low.fill-block, - .level-bar.vertical GtkLevelBar .level-low.fill-block, - GtkLevelBar .fill-block.low, - GtkLevelBar .fill-block.level-low, - .level-bar GtkLevelBar.vertical .low.fill-block, - GtkLevelBar.vertical .level-bar .low.fill-block, - .level-bar.vertical .low.fill-block, - .level-bar GtkLevelBar.vertical .level-low.fill-block, - GtkLevelBar.vertical .level-bar .level-low.fill-block, - .level-bar.vertical .level-low.fill-block, - .level-bar .fill-block.low, - .level-bar .fill-block.level-low { - background-color: #F44336; - border: 1px solid; - border-color: #ea1c0d; - box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.2); } - GtkLevelBar.vertical .high.fill-block, - GtkLevelBar .level-bar.vertical .high.fill-block, - .level-bar.vertical GtkLevelBar .high.fill-block, GtkLevelBar.vertical .level-high.fill-block, - GtkLevelBar .level-bar.vertical .level-high.fill-block, - .level-bar.vertical GtkLevelBar .level-high.fill-block, - GtkLevelBar .fill-block.high, - GtkLevelBar .fill-block.level-high, - .level-bar GtkLevelBar.vertical .high.fill-block, - GtkLevelBar.vertical .level-bar .high.fill-block, - .level-bar.vertical .high.fill-block, - .level-bar GtkLevelBar.vertical .level-high.fill-block, - GtkLevelBar.vertical .level-bar .level-high.fill-block, - .level-bar.vertical .level-high.fill-block, - .level-bar .fill-block.high, - .level-bar .fill-block.level-high { - background-color: #4caf50; - border: 1px solid; - border-color: #3d8b40; - box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.2); } - GtkLevelBar.vertical .full.fill-block, - GtkLevelBar .level-bar.vertical .full.fill-block, - .level-bar.vertical GtkLevelBar .full.fill-block, GtkLevelBar.vertical .level-full.fill-block, - GtkLevelBar .level-bar.vertical .level-full.fill-block, - .level-bar.vertical GtkLevelBar .level-full.fill-block, - GtkLevelBar .fill-block.full, - GtkLevelBar .fill-block.level-full, - .level-bar GtkLevelBar.vertical .full.fill-block, - GtkLevelBar.vertical .level-bar .full.fill-block, - .level-bar.vertical .full.fill-block, - .level-bar GtkLevelBar.vertical .level-full.fill-block, - GtkLevelBar.vertical .level-bar .level-full.fill-block, - .level-bar.vertical .level-full.fill-block, - .level-bar .fill-block.full, - .level-bar .fill-block.level-full { - background-color: #347D9F; - border: 1px solid; - border-color: #275f79; - box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.2); } - GtkLevelBar.vertical .empty.fill-block, - GtkLevelBar .level-bar.vertical .empty.fill-block, - .level-bar.vertical GtkLevelBar .empty.fill-block, GtkLevelBar.vertical .level-empty.fill-block, - GtkLevelBar .level-bar.vertical .level-empty.fill-block, - .level-bar.vertical GtkLevelBar .level-empty.fill-block, - GtkLevelBar .fill-block.empty, - GtkLevelBar .fill-block.level-empty, - .level-bar GtkLevelBar.vertical .empty.fill-block, - GtkLevelBar.vertical .level-bar .empty.fill-block, - .level-bar.vertical .empty.fill-block, - .level-bar GtkLevelBar.vertical .level-empty.fill-block, - GtkLevelBar.vertical .level-bar .level-empty.fill-block, - .level-bar.vertical .level-empty.fill-block, - .level-bar .fill-block.empty, - .level-bar .fill-block.level-empty { - background-color: rgba(0, 0, 0, 0.1); - border: 1px solid; - border-color: #c4c4c4; - box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.3); } - GtkLevelBar.horizontal .trough, GtkLevelBar.vertical .trough, - .level-bar.horizontal .trough, - .level-bar.vertical .trough { - border: none; + +GtkLevelBar { + -GtkLevelBar-min-block-width: 32px; + -GtkLevelBar-min-block-height: 6px; + border-radius: 2px; } + +GtkLevelBar.vertical { + -GtkLevelBar-min-block-width: 6px; + -GtkLevelBar-min-block-height: 32px; + border-radius: 2px; } + +.level-bar { + padding: 2px; } + .level-bar.trough { background-color: transparent; + border: none; margin: 2px; } - GtkLevelBar.vertical, - .level-bar.vertical { - -GtkLevelBar-min-block-width: 6px; - -GtkLevelBar-min-block-height: 32px; } + .level-bar.horizontal.indicator-discrete.fill-block { + margin: 0 1px; } + .level-bar.horizontal.discrete block { + margin: 0 1px; } + .level-bar.vertical.indicator-discrete.fill-block { + margin: 1px 0; } + .level-bar.vertical.discrete block { + margin: 1px 0; } /********* * Links * @@ -5097,7 +5028,7 @@ treeview.view header button:active { .budgie-polkit-dialog .message { color: rgba(207, 216, 220, 0.7); } .budgie-polkit-dialog .failure { - color: #F44336; } + color: #d32f2f; } /*************** * font-viewer * diff --git a/Paper/gtk-3.18/widgets/_level-bars.scss b/Paper/gtk-3.18/widgets/_level-bars.scss index a99dfcf..6b49e79 100644 --- a/Paper/gtk-3.18/widgets/_level-bars.scss +++ b/Paper/gtk-3.18/widgets/_level-bars.scss @@ -1,82 +1,84 @@ /************* * Level Bar * *************/ -GtkLevelBar, -.level-bar { +%fill-block { + border-radius:3px; + margin: 2px; + background-color: $selected_bg_color; + border:1px solid; + border-color: if($variant == 'light', $selected_borders_color, $borders_color); + box-shadow:inset 0 1px 0 0 $top_highlight; + + &.low, + &.level-low { + background-color: $red; + border-color: if($variant == 'light', darken($red, 10%), $borders_color); + box-shadow:inset 0 1px 0 0 $top_highlight; + } + + &.high, + &.level-high { + background-color: $green; + border-color: if($variant == 'light', darken($green, 10%), $borders_color); + box-shadow:inset 0 1px 0 0 $top_highlight; + } + + &.full, + &.level-full { + background-color: $selected_bg_color; + border-color: if($variant == 'light', $selected_borders_color, $borders_color); + box-shadow:inset 0 1px 0 0 $top_highlight; + } + + &.empty, + &.empty-fill-block, + &.level-empty { + background-color: transparentize(black, 0.9); + border-color: $borders_color; + box-shadow: 0 1px 0 0 $bottom_highlight; + } +} + +GtkLevelBar { -GtkLevelBar-min-block-width: 32px; -GtkLevelBar-min-block-height: 6px; + border-radius: 2px; +} + +GtkLevelBar.vertical { + -GtkLevelBar-min-block-width: 6px; + -GtkLevelBar-min-block-height: 32px; + border-radius: 2px; +} + +.level-bar { + padding: 2px; + // Trough - has no style + &.trough { + background-color: transparent; + border:none; + margin: 2px; + } + + // Fill block + &.fill-block { + @extend %fill-block; + } + + // Continuous + .indicator-continuous { + &.fill-block { + @extend %fill-block; + } + } + + // Discrete &.horizontal.indicator-discrete.fill-block { margin: 0 1px; } &.horizontal.discrete block { margin: 0 1px; } &.vertical.indicator-discrete.fill-block { margin: 1px 0; } &.vertical.discrete block { margin: 1px 0; } - - %fill-block, - .fill-block { - - border-radius:3px; - margin: 2px; - background-color: transparentize(black, 0.9); - border:1px solid; - border-color: $borders_color; - box-shadow: 0 1px 0 0 $bottom_highlight; - - &.low, - &.level-low { - background-color: $red; - border:1px solid; - border-color: if($variant == 'light', darken($red, 10%), $borders_color); - box-shadow:inset 0 1px 0 0 $top_highlight; - } - - &.high, - &.level-high { - background-color: $green; - border:1px solid; - border-color: if($variant == 'light', darken($green, 10%), $borders_color); - box-shadow:inset 0 1px 0 0 $top_highlight; - } - - &.full, - &.level-full { - background-color: $selected_bg_color; - border:1px solid; - border-color: if($variant == 'light', $selected_borders_color, $borders_color); - box-shadow:inset 0 1px 0 0 $top_highlight; - } - - &.empty, - &.level-empty { - background-color: transparentize(black, 0.9); - border:1px solid; - border-color: $borders_color; - box-shadow: 0 1px 0 0 $bottom_highlight; - } - } - - // Trough - &.horizontal, - &.vertical { - .trough { - border:none; - background-color:transparent; - margin: 2px; - } - } - - - // Vertical - &.vertical { - -GtkLevelBar-min-block-width: 6px; - -GtkLevelBar-min-block-height: 32px; - - .fill-block { - - @extend %fill-block; - - } - } } \ No newline at end of file diff --git a/Paper/gtk-3.20/_colors.scss b/Paper/gtk-3.20/_colors.scss index 295f341..054a1f5 100644 --- a/Paper/gtk-3.20/_colors.scss +++ b/Paper/gtk-3.20/_colors.scss @@ -10,7 +10,7 @@ $headerbar_bg_color: if($variant == 'light', #546e7a, darken($base_color, 10%)); $headerbar_fg_color: if($variant == 'light', #ffffff, transparentize(#ffffff, 0.2)); // Primary colors -$red: #F44336; +$red: #d32f2f; $orange: #ff9800; $yellow: #f9ce1d; $green: #4caf50; diff --git a/Paper/gtk-3.20/gtk-dark.css b/Paper/gtk-3.20/gtk-dark.css index d6b55a6..62c7008 100644 --- a/Paper/gtk-3.20/gtk-dark.css +++ b/Paper/gtk-3.20/gtk-dark.css @@ -54,7 +54,7 @@ @define-color unfocused_borders #242f34; /* these are pretty self explicative */ @define-color warning_color #f9ce1d; -@define-color error_color #F44336; +@define-color error_color #d32f2f; @define-color success_color #3d8b40; /* these colors are exported for the window manager and shouldn't be used in applications, read if you used those and something break with a version upgrade you're on your own... */ @@ -78,7 +78,7 @@ read if you used those and something break with a version upgrade you're on your * { padding: 0; -GtkToolButton-icon-spacing: 4; - -GtkTextView-error-underline-color: #F44336; + -GtkTextView-error-underline-color: #d32f2f; -GtkScrolledWindow-scrollbar-spacing: 0; -GtkToolItemGroup-expander-size: 11; -GtkTreeView-expander-size: 11; @@ -972,10 +972,10 @@ button.suggested-action { button.destructive-action { color: white; outline-color: rgba(255, 255, 255, 0.3); - border-color: #710e06; - background-image: linear-gradient(to bottom, #ea1c0d, #d2190b); - text-shadow: 0 1px rgba(0, 0, 0, 0.61255); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.61255); + border-color: #420e0e; + background-image: linear-gradient(to bottom, #ab2424, #962020); + text-shadow: 0 1px rgba(0, 0, 0, 0.67529); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.67529); box-shadow: inset 0 1px rgba(255, 255, 255, 0.2); box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.05); } button.destructive-action.flat { @@ -985,29 +985,29 @@ button.destructive-action { box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; - color: #ea1c0d; } + color: #ab2424; } button.destructive-action:hover { color: white; outline-color: rgba(255, 255, 255, 0.3); - border-color: #710e06; - background-image: linear-gradient(to bottom, #ef1d0d, #e11b0c 60%, #d71a0c); - text-shadow: 0 1px rgba(0, 0, 0, 0.56455); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.56455); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.2); } + border-color: #420e0e; + background-image: linear-gradient(to bottom, #af2525, #a22222 60%, #9a2121); + text-shadow: 0 1px rgba(0, 0, 0, 0.62729); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.62729); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); } button.destructive-action:active, button.destructive-action:checked { color: white; outline-color: rgba(255, 255, 255, 0.3); - border-color: #710e06; - background-image: linear-gradient(to bottom, #c8180b, #e11b0c); - text-shadow: 0 1px rgba(0, 0, 0, 0.69255); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.69255); + border-color: #420e0e; + background-image: linear-gradient(to bottom, #8d1e1e, #a22222); + text-shadow: 0 1px rgba(0, 0, 0, 0.75529); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.75529); box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); } button.destructive-action:backdrop, button.destructive-action.flat:backdrop { - border-color: #710e06; - background-image: linear-gradient(to bottom, #ea1c0d); + border-color: #420e0e; + background-image: linear-gradient(to bottom, #ab2424); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } @@ -1015,17 +1015,17 @@ button.destructive-action { button.destructive-action:backdrop, button.destructive-action.flat:backdrop GtkLabel, button.destructive-action.flat:backdrop { - color: #fbd2cf; } + color: #eed3d3; } button.destructive-action:backdrop label, button.destructive-action:backdrop, button.destructive-action.flat:backdrop label, button.destructive-action.flat:backdrop { - color: #fbd2cf; } + color: #eed3d3; } button.destructive-action:backdrop:active, button.destructive-action:backdrop:checked, button.destructive-action.flat:backdrop:active, button.destructive-action.flat:backdrop:checked { - border-color: #710e06; + border-color: #420e0e; background-image: none; box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); } button.destructive-action:backdrop:active GtkLabel, @@ -1036,7 +1036,7 @@ button.destructive-action { button.destructive-action.flat:backdrop:active, button.destructive-action.flat:backdrop:checked GtkLabel, button.destructive-action.flat:backdrop:checked { - color: #f1d0ce; } + color: #e6d1d1; } button.destructive-action:backdrop:active label, button.destructive-action:backdrop:active, button.destructive-action:backdrop:checked label, @@ -1045,7 +1045,7 @@ button.destructive-action { button.destructive-action.flat:backdrop:active, button.destructive-action.flat:backdrop:checked label, button.destructive-action.flat:backdrop:checked { - color: #f1d0ce; } + color: #e6d1d1; } button.destructive-action:backdrop:disabled, button.destructive-action.flat:backdrop:disabled { border-color: #242f34; @@ -1068,15 +1068,15 @@ button.destructive-action { button.destructive-action:backdrop:disabled:checked, button.destructive-action.flat:backdrop:disabled:active, button.destructive-action.flat:backdrop:disabled:checked { - border-color: #710e06; + border-color: #420e0e; background-image: none; - background-color: #ba2117; + background-color: #882628; box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); } button.destructive-action:backdrop:disabled:active label, button.destructive-action:backdrop:disabled:checked label, button.destructive-action.flat:backdrop:disabled:active label, button.destructive-action.flat:backdrop:disabled:checked label { - color: #d26f68; } + color: #b27273; } button.destructive-action.flat:backdrop, button.destructive-action.flat:disabled, button.destructive-action.flat:backdrop:disabled { @@ -1086,7 +1086,7 @@ button.destructive-action { box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; - color: rgba(234, 28, 13, 0.8); } + color: rgba(171, 36, 36, 0.8); } button.destructive-action:disabled { border-color: #222c31; background-image: none; @@ -1102,26 +1102,26 @@ button.destructive-action { color: #839096; } button.destructive-action:disabled:active, button.destructive-action:disabled:checked { - border-color: #710e06; + border-color: #420e0e; background-image: none; - background-color: #ba2117; + background-color: #882628; text-shadow: none; box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.05); } button.destructive-action:disabled:active GtkLabel, button.destructive-action:disabled:active, button.destructive-action:disabled:checked GtkLabel, button.destructive-action:disabled:checked { - color: #e3a6a2; } + color: #cfa8a9; } button.destructive-action:disabled:active label, button.destructive-action:disabled:active, button.destructive-action:disabled:checked label, button.destructive-action:disabled:checked { - color: #e3a6a2; } + color: #cfa8a9; } .osd button.destructive-action { color: #cfd8dc; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(234, 28, 13, 0.5)); + background-image: linear-gradient(to bottom, rgba(171, 36, 36, 0.5)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; @@ -1131,7 +1131,7 @@ button.destructive-action { button.destructive-action:hover { color: white; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(234, 28, 13, 0.7)); + background-image: linear-gradient(to bottom, rgba(171, 36, 36, 0.7)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; @@ -1144,7 +1144,7 @@ button.destructive-action { button.destructive-action:checked { color: white; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, #ea1c0d); + background-image: linear-gradient(to bottom, #ab2424); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -1164,7 +1164,7 @@ button.destructive-action { button.destructive-action:backdrop { color: #cfd8dc; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(234, 28, 13, 0.5)); + background-image: linear-gradient(to bottom, rgba(171, 36, 36, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -2264,16 +2264,16 @@ entry { box-shadow: none; } spinbutton.error:not(.vertical), GeditWindow > .error.entry, entry.error { - color: #F44336; - border-color: #710e06; } + color: #d32f2f; + border-color: #420e0e; } spinbutton.error:focus:not(.vertical), GeditWindow > .error.entry:focus, entry.error:focus { box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.05), inset 0 1px 1px 0 rgba(0, 0, 0, 0.1); - border-color: #710e06; } + border-color: #420e0e; } spinbutton.error:selected:focus:not(.vertical), GeditWindow > .error.entry:selected:focus, spinbutton.error:selected:not(.vertical), GeditWindow > .error.entry:selected, entry.error:selected:focus, entry.error:selected { - background-color: #F44336; } + background-color: #d32f2f; } spinbutton.warning:not(.vertical), GeditWindow > .warning.entry, entry.warning { color: #f9ce1d; @@ -2836,7 +2836,7 @@ GraniteWidgetsWelcome { .storage-bar .fill-block.audio { background-color: #ff9800; } .storage-bar .fill-block.photo { - background-color: #F44336; } + background-color: #d32f2f; } .storage-bar .fill-block.video { background-color: #673ab7; } .storage-bar .fill-block .legend { @@ -3316,9 +3316,9 @@ infobar { color: rgba(255, 255, 255, 0.5); } .error { - background-color: #F44336; } + background-color: #d32f2f; } .error:backdrop { - background-color: #f77066; + background-color: #dc5959; color: rgba(255, 255, 255, 0.5); } /************* @@ -6450,7 +6450,7 @@ decoration { .budgie-polkit-dialog .message { color: rgba(207, 216, 220, 0.7); } .budgie-polkit-dialog .failure { - color: #F44336; } + color: #d32f2f; } /*************** * font-viewer * diff --git a/Paper/gtk-3.20/gtk.css b/Paper/gtk-3.20/gtk.css index 4e8a08d..f7e1047 100644 --- a/Paper/gtk-3.20/gtk.css +++ b/Paper/gtk-3.20/gtk.css @@ -54,7 +54,7 @@ @define-color unfocused_borders #c9c9c9; /* these are pretty self explicative */ @define-color warning_color #f9ce1d; -@define-color error_color #F44336; +@define-color error_color #d32f2f; @define-color success_color #4caf50; /* these colors are exported for the window manager and shouldn't be used in applications, read if you used those and something break with a version upgrade you're on your own... */ @@ -78,7 +78,7 @@ read if you used those and something break with a version upgrade you're on your * { padding: 0; -GtkToolButton-icon-spacing: 4; - -GtkTextView-error-underline-color: #F44336; + -GtkTextView-error-underline-color: #d32f2f; -GtkScrolledWindow-scrollbar-spacing: 0; -GtkToolItemGroup-expander-size: 11; -GtkTreeView-expander-size: 11; @@ -976,10 +976,10 @@ button.suggested-action { button.destructive-action { color: white; outline-color: rgba(255, 255, 255, 0.3); - border-color: #a21309; - background-image: linear-gradient(to bottom, #F44336, #f32c1e); - text-shadow: 0 1px rgba(0, 0, 0, 0.53255); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.53255); + border-color: #6c1717; + background-image: linear-gradient(to bottom, #d32f2f, #c02929); + text-shadow: 0 1px rgba(0, 0, 0, 0.59529); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.59529); box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.8); } button.destructive-action.flat { @@ -989,29 +989,29 @@ button.destructive-action { box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; - color: #F44336; } + color: #d32f2f; } button.destructive-action:hover { color: white; outline-color: rgba(255, 255, 255, 0.3); - border-color: #a21309; - background-image: linear-gradient(to bottom, #f65e53, #F44336 60%, #f33123); - text-shadow: 0 1px rgba(0, 0, 0, 0.48455); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.48455); + border-color: #6c1717; + background-image: linear-gradient(to bottom, #d84848, #d32f2f 60%, #c42929); + text-shadow: 0 1px rgba(0, 0, 0, 0.54729); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.54729); box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); } button.destructive-action:active, button.destructive-action:checked { color: white; outline-color: rgba(255, 255, 255, 0.3); - border-color: #a21309; - background-image: linear-gradient(to bottom, #f22314, #f33a2c); - text-shadow: 0 1px rgba(0, 0, 0, 0.61255); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.61255); + border-color: #6c1717; + background-image: linear-gradient(to bottom, #b72727, #cd2b2b); + text-shadow: 0 1px rgba(0, 0, 0, 0.67529); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.67529); box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.8); } button.destructive-action:backdrop, button.destructive-action.flat:backdrop { - border-color: #F44336; - background-image: linear-gradient(to bottom, #F44336); + border-color: #d32f2f; + background-image: linear-gradient(to bottom, #d32f2f); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } @@ -1019,17 +1019,17 @@ button.destructive-action { button.destructive-action:backdrop, button.destructive-action.flat:backdrop GtkLabel, button.destructive-action.flat:backdrop { - color: #fdd9d7; } + color: #f6d5d5; } button.destructive-action:backdrop label, button.destructive-action:backdrop, button.destructive-action.flat:backdrop label, button.destructive-action.flat:backdrop { - color: #fdd9d7; } + color: #f6d5d5; } button.destructive-action:backdrop:active, button.destructive-action:backdrop:checked, button.destructive-action.flat:backdrop:active, button.destructive-action.flat:backdrop:checked { - border-color: #ea1c0d; + border-color: #ab2424; background-image: none; box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.8); } button.destructive-action:backdrop:active GtkLabel, @@ -1040,7 +1040,7 @@ button.destructive-action { button.destructive-action.flat:backdrop:active, button.destructive-action.flat:backdrop:checked GtkLabel, button.destructive-action.flat:backdrop:checked { - color: #fbd2cf; } + color: #eed3d3; } button.destructive-action:backdrop:active label, button.destructive-action:backdrop:active, button.destructive-action:backdrop:checked label, @@ -1049,7 +1049,7 @@ button.destructive-action { button.destructive-action.flat:backdrop:active, button.destructive-action.flat:backdrop:checked label, button.destructive-action.flat:backdrop:checked { - color: #fbd2cf; } + color: #eed3d3; } button.destructive-action:backdrop:disabled, button.destructive-action.flat:backdrop:disabled { border-color: #c9c9c9; @@ -1072,15 +1072,15 @@ button.destructive-action { button.destructive-action:backdrop:disabled:checked, button.destructive-action.flat:backdrop:disabled:active, button.destructive-action.flat:backdrop:disabled:checked { - border-color: #f5483c; + border-color: #d63939; background-image: none; - background-color: #f5483c; + background-color: #d63939; box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.8); } button.destructive-action:backdrop:disabled:active label, button.destructive-action:backdrop:disabled:checked label, button.destructive-action.flat:backdrop:disabled:active label, button.destructive-action.flat:backdrop:disabled:checked label { - color: #f98880; } + color: #e47e7e; } button.destructive-action.flat:backdrop, button.destructive-action.flat:disabled, button.destructive-action.flat:backdrop:disabled { @@ -1090,7 +1090,7 @@ button.destructive-action { box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; - color: rgba(244, 67, 54, 0.8); } + color: rgba(211, 47, 47, 0.8); } button.destructive-action:disabled { border-color: #c4c4c4; background-image: none; @@ -1106,26 +1106,26 @@ button.destructive-action { color: #9e9e9e; } button.destructive-action:disabled:active, button.destructive-action:disabled:checked { - border-color: #a21309; + border-color: #6c1717; background-image: none; - background-color: #f5483c; + background-color: #d63939; text-shadow: none; box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.8); } button.destructive-action:disabled:active GtkLabel, button.destructive-action:disabled:active, button.destructive-action:disabled:checked GtkLabel, button.destructive-action:disabled:checked { - color: #fbb6b1; } + color: #efb0b0; } button.destructive-action:disabled:active label, button.destructive-action:disabled:active, button.destructive-action:disabled:checked label, button.destructive-action:disabled:checked { - color: #fbb6b1; } + color: #efb0b0; } .osd button.destructive-action { color: #cfd8dc; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(244, 67, 54, 0.5)); + background-image: linear-gradient(to bottom, rgba(211, 47, 47, 0.5)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; @@ -1135,7 +1135,7 @@ button.destructive-action { button.destructive-action:hover { color: white; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(244, 67, 54, 0.7)); + background-image: linear-gradient(to bottom, rgba(211, 47, 47, 0.7)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; @@ -1148,7 +1148,7 @@ button.destructive-action { button.destructive-action:checked { color: white; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, #F44336); + background-image: linear-gradient(to bottom, #d32f2f); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -1168,7 +1168,7 @@ button.destructive-action { button.destructive-action:backdrop { color: #cfd8dc; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(244, 67, 54, 0.5)); + background-image: linear-gradient(to bottom, rgba(211, 47, 47, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; @@ -2273,16 +2273,16 @@ entry { box-shadow: none; } spinbutton.error:not(.vertical), GeditWindow > .error.entry, entry.error { - color: #F44336; - border-color: #F44336; } + color: #d32f2f; + border-color: #d32f2f; } spinbutton.error:focus:not(.vertical), GeditWindow > .error.entry:focus, entry.error:focus { box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.05), inset 0 1px 1px 0 rgba(0, 0, 0, 0.1); - border-color: #F44336; } + border-color: #d32f2f; } spinbutton.error:selected:focus:not(.vertical), GeditWindow > .error.entry:selected:focus, spinbutton.error:selected:not(.vertical), GeditWindow > .error.entry:selected, entry.error:selected:focus, entry.error:selected { - background-color: #F44336; } + background-color: #d32f2f; } spinbutton.warning:not(.vertical), GeditWindow > .warning.entry, entry.warning { color: #f9ce1d; @@ -2845,7 +2845,7 @@ GraniteWidgetsWelcome { .storage-bar .fill-block.audio { background-color: #ff9800; } .storage-bar .fill-block.photo { - background-color: #F44336; } + background-color: #d32f2f; } .storage-bar .fill-block.video { background-color: #673ab7; } .storage-bar .fill-block .legend { @@ -3325,9 +3325,9 @@ infobar { color: rgba(255, 255, 255, 0.5); } .error { - background-color: #F44336; } + background-color: #d32f2f; } .error:backdrop { - background-color: #f77066; + background-color: #dc5959; color: rgba(255, 255, 255, 0.5); } /************* @@ -6476,7 +6476,7 @@ decoration { .budgie-polkit-dialog .message { color: rgba(207, 216, 220, 0.7); } .budgie-polkit-dialog .failure { - color: #F44336; } + color: #d32f2f; } /*************** * font-viewer *