Commit 3da300d4 authored by ju1464's avatar ju1464

ColrdBorsButtonsChnPlcsSidebarThunNaut

parent 89355a68
...@@ -9,9 +9,9 @@ ...@@ -9,9 +9,9 @@
-GtkDialog-button-spacing: 4; -GtkDialog-button-spacing: 4;
-GtkDialog-action-area-border: 0; -GtkDialog-action-area-border: 0;
outline-style: solid; outline-style: solid;
outline-width: 2px; outline-width: 1px;
outline-color: transparent; outline-color: transparent;
outline-offset: -4px; outline-offset: -1px;
-gtk-outline-radius: 4px; -gtk-outline-radius: 4px;
-gtk-secondary-caret-color: #00dfff; -gtk-secondary-caret-color: #00dfff;
} }
...@@ -452,12 +452,12 @@ treeview entry.flat, treeview entry.flat:focus, treeview entry, treeview entry:f ...@@ -452,12 +452,12 @@ treeview entry.flat, treeview entry.flat:focus, treeview entry, treeview entry:f
} }
} }
button { button {
min-height: 24px; min-height: 24px;
min-width: 16px; min-width: 16px;
padding: 6px 10px; padding: 2px 6px;
border-radius: 4px; border-radius: 4px;
border: solid 1px transparent;
font-weight: 500; font-weight: 500;
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1); transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 0 0 9999px transparent; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 0 0 9999px transparent;
...@@ -469,14 +469,12 @@ button { ...@@ -469,14 +469,12 @@ button {
color: #e5e5e5; color: #e5e5e5;
} }
button:hover { button:hover {
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 0 0 9999px transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 0 0 9999px transparent;
background-color: #00DFFF; border: solid 1px #00DFFF;
color: #1A1E24; color: #e5e5e5;
} }
button:active { button:active {
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0; transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
animation: ripple_effect 225ms cubic-bezier(0, 0, 0.2, 1) forwards; animation: ripple_effect 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
...@@ -487,20 +485,17 @@ button:active { ...@@ -487,20 +485,17 @@ button:active {
color: #1A1E24; color: #1A1E24;
} }
button:disabled { button:disabled {
box-shadow: none; box-shadow: none;
background-color: rgba(229, 229, 229, 0.04); background-color: rgba(229, 229, 229, 0.04);
color: rgba(229, 229, 229, 0.5); color: rgba(229, 229, 229, 0.5);
} }
button:checked { button:checked {
background-color: #00dfff; background-color: #00dfff;
color: #1A1E24; color: #1A1E24;
} }
button:checked:disabled { button:checked:disabled {
background-color: rgba(229, 229, 229, 0.12); background-color: rgba(229, 229, 229, 0.12);
color: rgba(229, 229, 229, 0.5); color: rgba(229, 229, 229, 0.5);
...@@ -3310,7 +3305,7 @@ placessidebar > viewport.frame { ...@@ -3310,7 +3305,7 @@ placessidebar > viewport.frame {
placessidebar.sidebar { placessidebar.sidebar {
background-color: transparent; background-color: transparent;
background-image: linear-gradient(to right, #1A1E24 33px, #00dfff 33px, #333437 34px, #333437 100%); background-image: linear-gradient(to right, #1A1E24 33px, #00dfff 33px, rgba(26, 30, 36, 0.95) 34px, rgba(26, 30, 36, 0.95) 100%);
color: white; color: white;
} }
...@@ -3992,6 +3987,11 @@ button.emoji-section:last-child { ...@@ -3992,6 +3987,11 @@ button.emoji-section:last-child {
/************ /************
* Nautilus * * Nautilus *
************/ ************/
.nautilus-window.csd.background {
background-color: transparent;
}
.nautilus-window, .nautilus-window,
.nautilus-window notebook, .nautilus-window notebook,
.nautilus-window notebook > stack { .nautilus-window notebook > stack {
...@@ -6243,6 +6243,10 @@ calendar.raven-calendar:selected { ...@@ -6243,6 +6243,10 @@ calendar.raven-calendar:selected {
border-radius: 4px; border-radius: 4px;
} }
.xfce4-panel.background button:hover {
border: solid 1px transparent;
}
.xfce4-panel.background button:checked { .xfce4-panel.background button:checked {
background-color: #1A1E24; background-color: #1A1E24;
} }
...@@ -6314,7 +6318,7 @@ XfdesktopIconView.view .rubberband { ...@@ -6314,7 +6318,7 @@ XfdesktopIconView.view .rubberband {
} }
.thunar .sidebar .view:not(:selected) { .thunar .sidebar .view:not(:selected) {
background-color: transparent; background-color: #1A1E24;
} }
.thunar statusbar { .thunar statusbar {
......
...@@ -9,9 +9,9 @@ ...@@ -9,9 +9,9 @@
-GtkDialog-button-spacing: 4; -GtkDialog-button-spacing: 4;
-GtkDialog-action-area-border: 0; -GtkDialog-action-area-border: 0;
outline-style: solid; outline-style: solid;
outline-width: 2px; outline-width: 1px;
outline-color: transparent; outline-color: transparent;
outline-offset: -4px; outline-offset: -1px;
-gtk-outline-radius: 4px; -gtk-outline-radius: 4px;
-gtk-secondary-caret-color: #77e111; -gtk-secondary-caret-color: #77e111;
} }
...@@ -452,12 +452,12 @@ treeview entry.flat, treeview entry.flat:focus, treeview entry, treeview entry:f ...@@ -452,12 +452,12 @@ treeview entry.flat, treeview entry.flat:focus, treeview entry, treeview entry:f
} }
} }
button { button {
min-height: 24px; min-height: 24px;
min-width: 16px; min-width: 16px;
padding: 6px 10px; padding: 2px 6px;
border-radius: 4px; border-radius: 4px;
border: solid 1px transparent;
font-weight: 500; font-weight: 500;
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1); transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 0 0 9999px transparent; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 0 0 9999px transparent;
...@@ -469,14 +469,12 @@ button { ...@@ -469,14 +469,12 @@ button {
color: #e5e5e5; color: #e5e5e5;
} }
button:hover { button:hover {
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 0 0 9999px transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 0 0 9999px transparent;
background-color: #77E111; border: solid 1px #77E111;
color: #1A1E24; color: #e5e5e5;
} }
button:active { button:active {
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0; transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
animation: ripple_effect 225ms cubic-bezier(0, 0, 0.2, 1) forwards; animation: ripple_effect 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
...@@ -487,20 +485,17 @@ button:active { ...@@ -487,20 +485,17 @@ button:active {
color: #1A1E24; color: #1A1E24;
} }
button:disabled { button:disabled {
box-shadow: none; box-shadow: none;
background-color: rgba(229, 229, 229, 0.04); background-color: rgba(229, 229, 229, 0.04);
color: rgba(229, 229, 229, 0.5); color: rgba(229, 229, 229, 0.5);
} }
button:checked { button:checked {
background-color: #77e111; background-color: #77e111;
color: #1A1E24; color: #1A1E24;
} }
button:checked:disabled { button:checked:disabled {
background-color: rgba(229, 229, 229, 0.12); background-color: rgba(229, 229, 229, 0.12);
color: rgba(229, 229, 229, 0.5); color: rgba(229, 229, 229, 0.5);
...@@ -3315,7 +3310,7 @@ placessidebar > viewport.frame { ...@@ -3315,7 +3310,7 @@ placessidebar > viewport.frame {
placessidebar.sidebar { placessidebar.sidebar {
background-color: transparent; background-color: transparent;
background-image: linear-gradient(to right, #1A1E24 33px, #77E111 33px, #333437 34px, #333437 100%); background-image: linear-gradient(to right, #1A1E24 33px, #77E111 33px, rgba(26, 30, 36, 0.95) 34px, rgba(26, 30, 36, 0.95) 100%);
color: white; color: white;
} }
...@@ -3997,6 +3992,11 @@ button.emoji-section:last-child { ...@@ -3997,6 +3992,11 @@ button.emoji-section:last-child {
/************ /************
* Nautilus * * Nautilus *
************/ ************/
.nautilus-window.csd.background {
background-color: transparent;
}
.nautilus-window, .nautilus-window,
.nautilus-window notebook, .nautilus-window notebook,
.nautilus-window notebook > stack { .nautilus-window notebook > stack {
...@@ -6248,6 +6248,10 @@ calendar.raven-calendar:selected { ...@@ -6248,6 +6248,10 @@ calendar.raven-calendar:selected {
border-radius: 4px; border-radius: 4px;
} }
.xfce4-panel.background button:hover {
border: solid 1px transparent;
}
.xfce4-panel.background button:checked { .xfce4-panel.background button:checked {
background-color: #1A1E24; background-color: #1A1E24;
} }
...@@ -6319,7 +6323,7 @@ XfdesktopIconView.view .rubberband { ...@@ -6319,7 +6323,7 @@ XfdesktopIconView.view .rubberband {
} }
.thunar .sidebar .view:not(:selected) { .thunar .sidebar .view:not(:selected) {
background-color: transparent; background-color: #1A1E24;
} }
.thunar statusbar { .thunar statusbar {
......
...@@ -9,9 +9,9 @@ ...@@ -9,9 +9,9 @@
-GtkDialog-button-spacing: 4; -GtkDialog-button-spacing: 4;
-GtkDialog-action-area-border: 0; -GtkDialog-action-area-border: 0;
outline-style: solid; outline-style: solid;
outline-width: 2px; outline-width: 1px;
outline-color: transparent; outline-color: transparent;
outline-offset: -4px; outline-offset: -1px;
-gtk-outline-radius: 4px; -gtk-outline-radius: 4px;
-gtk-secondary-caret-color: #ff5c00; -gtk-secondary-caret-color: #ff5c00;
} }
...@@ -452,12 +452,12 @@ treeview entry.flat, treeview entry.flat:focus, treeview entry, treeview entry:f ...@@ -452,12 +452,12 @@ treeview entry.flat, treeview entry.flat:focus, treeview entry, treeview entry:f
} }
} }
button { button {
min-height: 24px; min-height: 24px;
min-width: 16px; min-width: 16px;
padding: 6px 10px; padding: 2px 6px;
border-radius: 4px; border-radius: 4px;
border: solid 1px transparent;
font-weight: 500; font-weight: 500;
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1); transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 0 0 9999px transparent; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 0 0 9999px transparent;
...@@ -469,14 +469,12 @@ button { ...@@ -469,14 +469,12 @@ button {
color: #e5e5e5; color: #e5e5e5;
} }
button:hover { button:hover {
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 0 0 9999px transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 0 0 9999px transparent;
background-color: #FF5C00; border: solid 1px #FF5C00;
color: #1A1E24; color: #e5e5e5;
} }
button:active { button:active {
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0; transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
animation: ripple_effect 225ms cubic-bezier(0, 0, 0.2, 1) forwards; animation: ripple_effect 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
...@@ -487,20 +485,17 @@ button:active { ...@@ -487,20 +485,17 @@ button:active {
color: #1A1E24; color: #1A1E24;
} }
button:disabled { button:disabled {
box-shadow: none; box-shadow: none;
background-color: rgba(229, 229, 229, 0.04); background-color: rgba(229, 229, 229, 0.04);
color: rgba(229, 229, 229, 0.5); color: rgba(229, 229, 229, 0.5);
} }
button:checked { button:checked {
background-color: #ff5c00; background-color: #ff5c00;
color: #1A1E24; color: #1A1E24;
} }
button:checked:disabled { button:checked:disabled {
background-color: rgba(229, 229, 229, 0.12); background-color: rgba(229, 229, 229, 0.12);
color: rgba(229, 229, 229, 0.5); color: rgba(229, 229, 229, 0.5);
...@@ -3314,7 +3309,7 @@ placessidebar > viewport.frame { ...@@ -3314,7 +3309,7 @@ placessidebar > viewport.frame {
placessidebar.sidebar { placessidebar.sidebar {
background-color: transparent; background-color: transparent;
background-image: linear-gradient(to right, #1A1E24 33px, #FF5C00 33px, #333437 34px, #333437 100%); background-image: linear-gradient(to right, #1A1E24 33px, #FF5C00 33px, rgba(26, 30, 36, 0.95) 34px, rgba(26, 30, 36, 0.95) 100%);
color: white; color: white;
} }
...@@ -3996,6 +3991,11 @@ button.emoji-section:last-child { ...@@ -3996,6 +3991,11 @@ button.emoji-section:last-child {
/************ /************
* Nautilus * * Nautilus *
************/ ************/
.nautilus-window.csd.background {
background-color: transparent;
}
.nautilus-window, .nautilus-window,
.nautilus-window notebook, .nautilus-window notebook,
.nautilus-window notebook > stack { .nautilus-window notebook > stack {
...@@ -6242,6 +6242,10 @@ calendar.raven-calendar:selected { ...@@ -6242,6 +6242,10 @@ calendar.raven-calendar:selected {
border-radius: 4px; border-radius: 4px;
} }
.xfce4-panel.background button:hover {
border: solid 1px transparent;
}
.xfce4-panel.background button:checked { .xfce4-panel.background button:checked {
background-color: #1A1E24; background-color: #1A1E24;
} }
...@@ -6313,7 +6317,7 @@ XfdesktopIconView.view .rubberband { ...@@ -6313,7 +6317,7 @@ XfdesktopIconView.view .rubberband {
} }
.thunar .sidebar .view:not(:selected) { .thunar .sidebar .view:not(:selected) {
background-color: transparent; background-color: #1A1E24;
} }
.thunar statusbar { .thunar statusbar {
......
...@@ -9,9 +9,9 @@ ...@@ -9,9 +9,9 @@
-GtkDialog-button-spacing: 4; -GtkDialog-button-spacing: 4;
-GtkDialog-action-area-border: 0; -GtkDialog-action-area-border: 0;
outline-style: solid; outline-style: solid;
outline-width: 2px; outline-width: 1px;
outline-color: transparent; outline-color: transparent;
outline-offset: -4px; outline-offset: -1px;
-gtk-outline-radius: 4px; -gtk-outline-radius: 4px;
-gtk-secondary-caret-color: #ff0400; -gtk-secondary-caret-color: #ff0400;
} }
...@@ -452,12 +452,12 @@ treeview entry.flat, treeview entry.flat:focus, treeview entry, treeview entry:f ...@@ -452,12 +452,12 @@ treeview entry.flat, treeview entry.flat:focus, treeview entry, treeview entry:f
} }
} }
button { button {
min-height: 24px; min-height: 24px;
min-width: 16px; min-width: 16px;
padding: 6px 10px; padding: 2px 6px;
border-radius: 4px; border-radius: 4px;
border: solid 1px transparent;
font-weight: 500; font-weight: 500;
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1); transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 0 0 9999px transparent; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 0 0 9999px transparent;
...@@ -469,14 +469,12 @@ button { ...@@ -469,14 +469,12 @@ button {
color: #e5e5e5; color: #e5e5e5;
} }
button:hover { button:hover {
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 0 0 9999px transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 0 0 9999px transparent;
background-color: #FF0400; border: solid 1px #FF0400;
color: #1A1E24; color: #e5e5e5;
} }
button:active { button:active {
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0; transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
animation: ripple_effect 225ms cubic-bezier(0, 0, 0.2, 1) forwards; animation: ripple_effect 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
...@@ -487,20 +485,17 @@ button:active { ...@@ -487,20 +485,17 @@ button:active {
color: #1A1E24; color: #1A1E24;
} }
button:disabled { button:disabled {
box-shadow: none; box-shadow: none;
background-color: rgba(229, 229, 229, 0.04); background-color: rgba(229, 229, 229, 0.04);
color: rgba(229, 229, 229, 0.5); color: rgba(229, 229, 229, 0.5);
} }
button:checked { button:checked {
background-color: #ff0400; background-color: #ff0400;
color: #1A1E24; color: #1A1E24;
} }
button:checked:disabled { button:checked:disabled {
background-color: rgba(229, 229, 229, 0.12); background-color: rgba(229, 229, 229, 0.12);
color: rgba(229, 229, 229, 0.5); color: rgba(229, 229, 229, 0.5);
...@@ -3315,7 +3310,7 @@ placessidebar > viewport.frame { ...@@ -3315,7 +3310,7 @@ placessidebar > viewport.frame {
placessidebar.sidebar { placessidebar.sidebar {
background-color: transparent; background-color: transparent;
background-image: linear-gradient(to right, #1A1E24 33px, #FF0400 33px, #333437 34px, #333437 100%); background-image: linear-gradient(to right, #1A1E24 33px, #FF0400 33px, rgba(26, 30, 36, 0.95) 34px, rgba(26, 30, 36, 0.95) 100%);
color: white; color: white;
} }
...@@ -3997,6 +3992,11 @@ button.emoji-section:last-child { ...@@ -3997,6 +3992,11 @@ button.emoji-section:last-child {
/************ /************
* Nautilus * * Nautilus *
************/ ************/
.nautilus-window.csd.background {
background-color: transparent;
}
.nautilus-window, .nautilus-window,
.nautilus-window notebook, .nautilus-window notebook,
.nautilus-window notebook > stack { .nautilus-window notebook > stack {
...@@ -6248,6 +6248,10 @@ calendar.raven-calendar:selected { ...@@ -6248,6 +6248,10 @@ calendar.raven-calendar:selected {
border-radius: 4px; border-radius: 4px;
} }
.xfce4-panel.background button:hover {
border: solid 1px transparent;
}
.xfce4-panel.background button:checked { .xfce4-panel.background button:checked {
background-color: #1A1E24; background-color: #1A1E24;
} }
...@@ -6319,7 +6323,7 @@ XfdesktopIconView.view .rubberband { ...@@ -6319,7 +6323,7 @@ XfdesktopIconView.view .rubberband {
} }
.thunar .sidebar .view:not(:selected) { .thunar .sidebar .view:not(:selected) {
background-color: transparent; background-color: #1A1E24;
} }
.thunar statusbar { .thunar statusbar {
......
...@@ -9,9 +9,9 @@ ...@@ -9,9 +9,9 @@
-GtkDialog-button-spacing: 4; -GtkDialog-button-spacing: 4;
-GtkDialog-action-area-border: 0; -GtkDialog-action-area-border: 0;
outline-style: solid; outline-style: solid;
outline-width: 2px; outline-width: 1px;
outline-color: transparent; outline-color: transparent;
outline-offset: -4px; outline-offset: -1px;
-gtk-outline-radius: 4px; -gtk-outline-radius: 4px;
-gtk-secondary-caret-color: #d900ff; -gtk-secondary-caret-color: #d900ff;
} }
...@@ -452,12 +452,12 @@ treeview entry.flat, treeview entry.flat:focus, treeview entry, treeview entry:f ...@@ -452,12 +452,12 @@ treeview entry.flat, treeview entry.flat:focus, treeview entry, treeview entry:f
} }
} }
button { button {
min-height: 24px; min-height: 24px;
min-width: 16px; min-width: 16px;
padding: 6px 10px; padding: 2px 6px;
border-radius: 4px; border-radius: 4px;
border: solid 1px transparent;
font-weight: 500; font-weight: 500;
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1); transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 0 0 9999px transparent; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 0 0 9999px transparent;
...@@ -469,14 +469,12 @@ button { ...@@ -469,14 +469,12 @@ button {
color: #e5e5e5; color: #e5e5e5;
} }
button:hover { button:hover {
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 0 0 9999px transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 0 0 9999px transparent;
background-color: #D900FF; border: solid 1px #D900FF;
color: #1A1E24; color: #e5e5e5;
} }
button:active { button:active {
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0; transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
animation: ripple_effect 225ms cubic-bezier(0, 0, 0.2, 1) forwards; animation: ripple_effect 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
...@@ -487,20 +485,17 @@ button:active { ...@@ -487,20 +485,17 @@ button:active {
color: #1A1E24; color: #1A1E24;
} }
button:disabled { button:disabled {
box-shadow: none; box-shadow: none;
background-color: rgba(229, 229, 229, 0.04); background-color: rgba(229, 229, 229, 0.04);
color: rgba(229, 229, 229, 0.5); color: rgba(229, 229, 229, 0.5);
} }