From 5d551e9ed904bc972aa8a28a452361080efbe2ec Mon Sep 17 00:00:00 2001 From: Joel Wetzell Date: Fri, 10 Feb 2023 12:44:58 -0600 Subject: [PATCH] make buttons more buttony --- plugins/atem/styles.css | 38 +++++++++++++++++++++++++++++++++----- 1 file changed, 33 insertions(+), 5 deletions(-) diff --git a/plugins/atem/styles.css b/plugins/atem/styles.css index 7eaa2c7..65fd58a 100644 --- a/plugins/atem/styles.css +++ b/plugins/atem/styles.css @@ -12,11 +12,22 @@ h3 { .atem-input { width: 35px; height: 35px; - background: white; border: 2px solid; border-color: #bcbcbc; border-radius: 3px; margin: 6px; + + background: rgb(250, 250, 249); + background: radial-gradient( + circle, + rgba(250, 250, 249, 1) 0%, + rgba(249, 249, 249, 1) 54%, + rgba(203, 203, 203, 1) 66%, + rgba(234, 235, 235, 1) 78%, + rgba(209, 212, 212, 1) 86%, + rgba(224, 224, 224, 1) 90%, + rgba(255, 255, 255, 1) 100% + ); } .source-wrapper { @@ -30,14 +41,30 @@ h3 { } .atem-red { - background: rgb(255, 128, 132); - background: radial-gradient(circle, rgba(255, 128, 132, 1) 0%, rgba(247, 18, 48, 1), rgba(255, 43, 58, 1) 100%); + background: rgb(255, 104, 108); + background: radial-gradient( + circle, + rgba(255, 104, 108, 1) 0%, + rgba(235, 11, 40, 1) 55%, + rgba(255, 41, 68, 1) 69%, + rgba(249, 24, 50, 1) 75%, + rgba(232, 0, 26, 1) 79%, + rgba(255, 43, 58, 1) 100% + ); box-shadow: 0px 0px 10px 1px rgb(255, 128, 132); } .atem-green { - background: rgb(14, 238, 7); - background: radial-gradient(circle, rgba(14, 238, 7, 1) 0%, rgba(29, 204, 14, 1) 100%); + background: rgb(78, 255, 73); + background: radial-gradient( + circle, + rgba(78, 255, 73, 1) 0%, + rgba(42, 198, 34, 1) 55%, + rgba(35, 217, 24, 1) 69%, + rgba(22, 199, 17, 1) 75%, + rgba(13, 208, 0, 1) 79%, + rgba(29, 204, 14, 1) 100% + ); box-shadow: 0px 0px 10px 1px rgb(14, 238, 7); } @@ -153,6 +180,7 @@ h3 { } .clear { + background: transparent; border-color: transparent; background-color: transparent; }