diff --git a/src/mami.css/sidebar.css b/src/mami.css/sidebar.css index b2fcf5e..d1b9b54 100644 --- a/src/mami.css/sidebar.css +++ b/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 { diff --git a/src/mami.css/zz_ls_archaic.css b/src/mami.css/zz_ls_archaic.css index d043c3e..13bd1f5 100644 --- a/src/mami.css/zz_ls_archaic.css +++ b/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 } diff --git a/src/mami.css/zz_ls_blue.css b/src/mami.css/zz_ls_blue.css index af107f6..ec1ef42 100644 --- a/src/mami.css/zz_ls_blue.css +++ b/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 } diff --git a/src/mami.css/zz_ls_dark.css b/src/mami.css/zz_ls_dark.css index f579bdb..16ef539 100644 --- a/src/mami.css/zz_ls_dark.css +++ b/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 -} \ No newline at end of file +} diff --git a/src/mami.css/zz_ls_light.css b/src/mami.css/zz_ls_light.css index f57dbc0..58d1f38 100644 --- a/src/mami.css/zz_ls_light.css +++ b/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 } diff --git a/src/mami.css/zz_ls_purple.css b/src/mami.css/zz_ls_purple.css index 7bb3a91..4496fce 100644 --- a/src/mami.css/zz_ls_purple.css +++ b/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 } diff --git a/src/mami.js/themes.js b/src/mami.js/themes.js index a987109..b4b37ce 100644 --- a/src/mami.js/themes.js +++ b/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, },