Menu buttons glows on hover.

Message nicks shows in settings.
This commit is contained in:
Er2 2022-03-29 20:59:09 +03:00
parent ce84908df6
commit 552e7e8233
2 changed files with 17 additions and 3 deletions

View file

@ -19,7 +19,7 @@ div[class^="art-"],
div[class*="templatesList-"] button[class^="container-"] ~ *, // templates are really useless
// Nicks
[class*="cozyMessage-"] [class^="username-"], // in message
li[class^="messageListItem-"] [class*="cozyMessage-"] [class^="username-"], // in message
div[class*="nameTag-"] [class^="username-"], // outside message
[class^="discrimBase-"],

View file

@ -10,6 +10,8 @@
@div-width: (@rounder / 2);
@tab-height: 40px;
@glow-color: #fff;
// Round
// UI elements
div[class^="tabBarItem-"],
@ -20,7 +22,7 @@
li[class^="channel-"],
[class^="avatar-"],
[role="dialog"],
div[class^="menu-"] div, // menu elements
div[class^="menu-"] [role="menuitem"],
div[class^="role-"],
div[class^="colorPicker"] div div[class^="saturation"] div,
#channels ul li div > div[class^="content-"],
@ -42,7 +44,7 @@
// Rounder
// Popouts
[class^="authBox"], // login
div[class^="menu"],
[role="menu"],
div[class*="popout"],
div[class*="Popout"],
div[class*="fullscreenOnMobile"],
@ -238,4 +240,16 @@ div[class^="chat-"]
background-color: var(--background-tertiary) !important;
}
@keyframes glow {
from { box-shadow: 0 0 2px 4px @glow-color; }
to { box-shadow: 0 0 1px 2px @glow-color - #555; }
}
[class^="item-"] {
&[class*="focused-"] {
background-color: unset;
animation: glow 0.7s linear infinite alternate;
}
}
@import "settings";