update
Menu buttons glows on hover. Message nicks shows in settings.
This commit is contained in:
parent
ce84908df6
commit
552e7e8233
2 changed files with 17 additions and 3 deletions
|
@ -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-"],
|
||||||
|
|
||||||
|
|
|
@ -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";
|
||||||
|
|
Loading…
Reference in a new issue