From 8bcb6c1ddaa8c86ba78b71ab4b7c0d4dc2d97544 Mon Sep 17 00:00:00 2001 From: Marius <24592972+gilbN@users.noreply.github.com> Date: Mon, 15 Mar 2021 19:57:02 +0100 Subject: [PATCH] buttons --- CSS/themes/unraid/unraid-base.css | 28 +++++++++++++++++++++++++--- 1 file changed, 25 insertions(+), 3 deletions(-) diff --git a/CSS/themes/unraid/unraid-base.css b/CSS/themes/unraid/unraid-base.css index 4858f259..9d6c3aa7 100644 --- a/CSS/themes/unraid/unraid-base.css +++ b/CSS/themes/unraid/unraid-base.css @@ -16,7 +16,9 @@ body { } a, -.blue-text { +.blue-text, +a.static, +i.control { color: var(--link-color); } @@ -150,6 +152,24 @@ a.button:hover, background: linear-gradient(90deg, var(--button-color-hover) 0, var(--button-color-hover)); } +.swal-button{ + color: var(--button-text) !important; + text-shadow: var(--text-shadow) var(--text-shadow-color) !important; + background: linear-gradient(90deg, var(--button-color) 0, var(--button-color)) 0 0 no-repeat, linear-gradient(90deg, var(--button-color) 0, var(--button-color)) 0 100% no-repeat, linear-gradient(0deg, var(--button-color) 0, var(--button-color)) 0 100% no-repeat, linear-gradient(0deg, var(--button-color) 0, var(--button-color)) 100% 100% no-repeat !important; + background: -webkit-gradient(linear, left top, right top, from(var(--button-color)), to(var(--button-color))) 0 0 no-repeat, -webkit-gradient(linear, left top, right top, from(var(--button-color)), to(var(--button-color))) 0 100% no-repeat, -webkit-gradient(linear, left bottom, left top, from(var(--button-color)), to(var(--button-color))) 0 100% no-repeat, -webkit-gradient(linear, left bottom, left top, from(var(--button-color)), to(var(--button-color))) 100% 100% no-repeat !important; + background-size: 100% 2px, 100% 2px, 2px 100%, 2px 100% !important; + border: 1px solid transparent !important; +} + +.swal-button:hover { + color: var(--button-text) !important; + text-shadow: var(--text-shadow) var(--button-color-hover) !important; + box-shadow: var(--box-shadow) var(--button-color-hover) !important; + background-color: var(--button-color-hover) !important; + background: -webkit-gradient(linear, left top, right top, from(var(--button-color-hover)), to(var(--button-color-hover))) !important; + background: linear-gradient(90deg, var(--button-color-hover) 0, var(--button-color-hover)) !important; +} + .switch-button-background.checked { background-color: #4caf50 !important; } @@ -323,12 +343,14 @@ div.shade-black { background: var(--modal-bg-color) !important; } */ -.showSweetAlert { +.showSweetAlert, +.swal-overlay--show-modal .swal-modal { background: var(--modal-bg-color); } .sweet-alert h2, -.sweet-alert p { +.sweet-alert p, +.swal-title { color: var(--text); }