flashii/mami
1
0
Fork 0
Code Pull requests Releases Activity

Attempt at making DM attention thing more attention grabbing.

Browse source
This commit is contained in:
flash 2024-06-24 22:01:35 +00:00
parent 815134217b
commit ca31863b1e
7 changed files with 7 additions and 36 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
src/mami.css/sidebar.css
View file

@ -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 {

4
src/mami.css/zz_ls_archaic.css
View file

@ -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
}

4
src/mami.css/zz_ls_blue.css
View file

@ -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
}

6
src/mami.css/zz_ls_dark.css
View file

@ -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
}
}

4
src/mami.css/zz_ls_light.css
View file

@ -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
}

4
src/mami.css/zz_ls_purple.css
View file

@ -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
}

10
src/mami.js/themes.js
View file

@ -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,
},