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 div[class*="templatesList-"] button[class^="container-"] ~ *, // templates are really useless
// Nicks // Nicks
[class*="cozyMessage-"] [class^="username-"], // in message li[class^="messageListItem-"] [class*="cozyMessage-"] [class^="username-"], // in message
div[class*="nameTag-"] [class^="username-"], // outside message div[class*="nameTag-"] [class^="username-"], // outside message
[class^="discrimBase-"], [class^="discrimBase-"],

View file

@ -10,6 +10,8 @@
@div-width: (@rounder / 2); @div-width: (@rounder / 2);
@tab-height: 40px; @tab-height: 40px;
@glow-color: #fff;
// Round // Round
// UI elements // UI elements
div[class^="tabBarItem-"], div[class^="tabBarItem-"],
@ -20,7 +22,7 @@
li[class^="channel-"], li[class^="channel-"],
[class^="avatar-"], [class^="avatar-"],
[role="dialog"], [role="dialog"],
div[class^="menu-"] div, // menu elements div[class^="menu-"] [role="menuitem"],
div[class^="role-"], div[class^="role-"],
div[class^="colorPicker"] div div[class^="saturation"] div, div[class^="colorPicker"] div div[class^="saturation"] div,
#channels ul li div > div[class^="content-"], #channels ul li div > div[class^="content-"],
@ -42,7 +44,7 @@
// Rounder // Rounder
// Popouts // Popouts
[class^="authBox"], // login [class^="authBox"], // login
div[class^="menu"], [role="menu"],
div[class*="popout"], div[class*="popout"],
div[class*="Popout"], div[class*="Popout"],
div[class*="fullscreenOnMobile"], div[class*="fullscreenOnMobile"],
@ -238,4 +240,16 @@ div[class^="chat-"]
background-color: var(--background-tertiary) !important; 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"; @import "settings";