Attempt at making DM attention thing more attention grabbing.

src/mami.css/sidebar.css

@@ -36,27 +36,28 @@
     height: 40px;
     width: 40px;
     cursor: pointer;
-    background: transparent;
     border: 0;
     border-radius: 0;
     display: block;
     transition: background .1s, text-shadow .1s;
+    background: transparent;
 }
 
 .sidebar__selector-mode:hover {
-    background-color: var(--theme-colour-sidebar-selector-background-hover, #bbb);
+    background: var(--theme-colour-sidebar-selector-background-hover, #bbb);
 }
 
 .sidebar__selector-mode:active {
-    background-color: var(--theme-colour-sidebar-selector-background-active, #ddd);
+    background: var(--theme-colour-sidebar-selector-background-active, #ddd);
 }
 
 .sidebar:not(.sidebar--closed) .sidebar__selector-mode--active {
-    background-color: var(--theme-colour-sidebar-selector-background-active, #ddd) !important;
+    background: var(--theme-colour-sidebar-selector-background-active, #ddd) !important;
 }
 
 .sidebar__selector-mode--attention {
-    text-shadow: var(--theme-size-sidebar-selector-attention-shadow-x, 0) var(--theme-size-sidebar-selector-attention-shadow-y, 0) var(--theme-size-sidebar-selector-attention-shadow-blur, 0) var(--theme-colour-sidebar-selector-attention-shadow, #888);
+    background: linear-gradient(90deg, var(--theme-colour-sidebar-selector-background-begin, #fff), var(--theme-colour-sidebar-selector-background-end, #000)) var(--theme-colour-sidebar-selector-background-begin, #fff);
+    animation: flash 1s ease-out alternate infinite;
 }
 
 .sidebar__menus {

src/mami.css/zz_ls_archaic.css

@@ -46,10 +46,6 @@
     background: linear-gradient(90deg, #212121, #212121) #212121
 }
 
-.umi--archaic .sidebar__selector-mode--attention {
-    text-shadow: 0 0 10px #888
-}
-
 .umi--archaic .sidebar__selector-mode:hover {
     background-color: #1a1a1a
 }

src/mami.css/zz_ls_blue.css

@@ -46,10 +46,6 @@
     background: linear-gradient(90deg, #0d355d, #002545) #0d355d
 }
 
-.umi--blue .sidebar__selector-mode--attention {
-    text-shadow: 0 0 10px #96b6d3
-}
-
 .umi--blue .sidebar__selector-mode:hover {
     background-color: #0d355d
 }

src/mami.css/zz_ls_dark.css

@@ -46,10 +46,6 @@
     background: linear-gradient(90deg, #212121, #1a1a1a) #212121
 }
 
-.umi--dark .sidebar__selector-mode--attention {
-    text-shadow: 0 0 10px #96b6d3
-}
-
 .umi--dark .sidebar__selector-mode:hover {
     background-color: #222
 }
@@ -172,4 +168,4 @@
 
 .umi--dark .markup__link {
     color: #1e90ff
-}
+}

src/mami.css/zz_ls_light.css

@@ -46,10 +46,6 @@
     background: linear-gradient(90deg, #dedede, #e9e9e9) #dedede
 }
 
-.umi--light .sidebar__selector-mode--attention {
-    text-shadow: 0 0 10px #96b6d3
-}
-
 .umi--light .sidebar__selector-mode:hover {
     background-color: #ddd
 }

src/mami.css/zz_ls_purple.css

@@ -46,10 +46,6 @@
     background: linear-gradient(90deg, #4a3a59, #3b2f47) #4a3a59
 }
 
-.umi--purple .sidebar__selector-mode--attention {
-    text-shadow: 0 0 10px #a591ad
-}
-
 .umi--purple .sidebar__selector-mode:hover {
     background-color: #4a3a59
 }

src/mami.js/themes.js

@@ -28,7 +28,6 @@ const UmiThemes = [
             'sidebar-selector-background-end': 0x1A1A1A,
             'sidebar-selector-background-hover': 0x222222,
             'sidebar-selector-background-active': 0x111111,
-            'sidebar-selector-attention-shadow': 0x96B6D3,
             'input-background': 0x111111,
             'input-box-shadow': 0x111111,
             'input-colour': 0xFFFFFF,
@@ -54,7 +53,6 @@ const UmiThemes = [
             'chat-box-shadow-blur': 4,
             'sidebar-box-shadow-y': 1,
             'sidebar-box-shadow-blur': 4,
-            'sidebar-selector-attention-shadow-blur': 10,
             'input-box-shadow-y': 1,
             'input-box-shadow-blur': 4,
             'input-menu-box-shadow-y': 1,
@@ -87,7 +85,6 @@ const UmiThemes = [
             'sidebar-selector-background-end': 0xE9E9E9,
             'sidebar-selector-background-hover': 0xDDDDDD,
             'sidebar-selector-background-active': 0xEEEEEE,
-            'sidebar-selector-attention-shadow': 0x96B6D3,
             'input-background': 0xEEEEEE,
             'input-box-shadow': 0xEEEEEE,
             'input-colour': 0,
@@ -113,7 +110,6 @@ const UmiThemes = [
             'chat-box-shadow-blur': 4,
             'sidebar-box-shadow-y': 1,
             'sidebar-box-shadow-blur': 4,
-            'sidebar-selector-attention-shadow-blur': 10,
             'input-box-shadow-y': 1,
             'input-box-shadow-blur': 4,
             'input-menu-box-shadow-y': 1,
@@ -146,7 +142,6 @@ const UmiThemes = [
             'sidebar-selector-background-end': 0x002545,
             'sidebar-selector-background-hover': 0x0D355D,
             'sidebar-selector-background-active': 0x002545,
-            'sidebar-selector-attention-shadow': 0x96B6D3,
             'input-background': 0x002545,
             'input-box-shadow': 0x002545,
             'input-colour': 0xFFFFFF,
@@ -172,7 +167,6 @@ const UmiThemes = [
             'chat-box-shadow-blur': 4,
             'sidebar-box-shadow-y': 1,
             'sidebar-box-shadow-blur': 4,
-            'sidebar-selector-attention-shadow-blur': 10,
             'input-box-shadow-y': 1,
             'input-box-shadow-blur': 4,
             'input-menu-box-shadow-y': 1,
@@ -205,7 +199,6 @@ const UmiThemes = [
             'sidebar-selector-background-end': 0x3B2F47,
             'sidebar-selector-background-hover': 0x4A3A59,
             'sidebar-selector-background-active': 0x3B2F47,
-            'sidebar-selector-attention-shadow': 0xA591AD,
             'input-background': 0x2C2335,
             'input-box-shadow': 0x2C2335,
             'input-colour': 0xFFFFFF,
@@ -231,7 +224,6 @@ const UmiThemes = [
             'chat-box-shadow-blur': 4,
             'sidebar-box-shadow-y': 1,
             'sidebar-box-shadow-blur': 4,
-            'sidebar-selector-attention-shadow-blur': 10,
             'input-box-shadow-y': 1,
             'input-box-shadow-blur': 4,
             'input-menu-box-shadow-y': 1,
@@ -264,7 +256,6 @@ const UmiThemes = [
             'sidebar-selector-background-end': 0x212121,
             'sidebar-selector-background-hover': 0x1A1A1A,
             'sidebar-selector-background-active': 0x111111,
-            'sidebar-selector-attention-shadow': 0x888888,
             'input-background': 0,
             'input-box-shadow': 0x888888,
             'input-colour': 0xFFFFFF,
@@ -288,7 +279,6 @@ const UmiThemes = [
         sizes: {
             'chat-box-shadow-spread': 1,
             'sidebar-box-shadow-spread': 1,
-            'sidebar-selector-attention-shadow-blur': 10,
             'input-box-shadow-spread': 1,
             'input-menu-box-shadow-spread': 1,
         },