CSS updates
This commit is contained in:
parent
fa385a875b
commit
e9da9ca835
|
@ -630,6 +630,35 @@ a.status-card.compact:hover {
|
||||||
color: #0abdc6;
|
color: #0abdc6;
|
||||||
background: #091833;
|
background: #091833;
|
||||||
}
|
}
|
||||||
|
.account__header__account-note label {
|
||||||
|
color: #0abdc6;
|
||||||
|
}
|
||||||
|
.account__header__account-note textarea:focus {
|
||||||
|
background: #133e7c;
|
||||||
|
}
|
||||||
|
.account__header__account-note textarea {
|
||||||
|
color: #0abdc6;
|
||||||
|
background: transparent;
|
||||||
|
}
|
||||||
|
.inline-alert {
|
||||||
|
color: #00ff00;
|
||||||
|
}
|
||||||
|
.account__header__account-note {
|
||||||
|
color: #0abdc6;
|
||||||
|
border-bottom: 1px solid #0abdc6;
|
||||||
|
}
|
||||||
|
.timeline-hint {
|
||||||
|
color: #0abdc6;
|
||||||
|
}
|
||||||
|
.timeline-hint a:active, .timeline-hint a:focus, .timeline-hint a:hover {
|
||||||
|
color: #ea00d9;
|
||||||
|
}
|
||||||
|
.empty-column-indicator a, .error-column a, .follow_requests-unlocked_explanation a {
|
||||||
|
color: #ea00d9;
|
||||||
|
}
|
||||||
|
.account__header__tabs__buttons .icon-button {
|
||||||
|
border: 1px solid #0abdc6;
|
||||||
|
}
|
||||||
|
|
||||||
/* 6.3. Hastags */
|
/* 6.3. Hastags */
|
||||||
.trends__item__name {
|
.trends__item__name {
|
||||||
|
@ -679,6 +708,14 @@ a.status-card.compact:hover {
|
||||||
background: #091833;
|
background: #091833;
|
||||||
border-bottom: 1px solid #000b1e;
|
border-bottom: 1px solid #000b1e;
|
||||||
}
|
}
|
||||||
|
.floating-action-button {
|
||||||
|
background: #133e7c;
|
||||||
|
color: #0abdc6;
|
||||||
|
border: 1px solid #0abdc6;
|
||||||
|
}
|
||||||
|
.floating-action-button:active, .floating-action-button:focus, .floating-action-button:hover {
|
||||||
|
background: #711c91;
|
||||||
|
}
|
||||||
|
|
||||||
/* 9. External View */
|
/* 9. External View */
|
||||||
body {
|
body {
|
||||||
|
@ -774,6 +811,9 @@ html {
|
||||||
.button.logo-button svg {
|
.button.logo-button svg {
|
||||||
fill: #0abdc6;
|
fill: #0abdc6;
|
||||||
}
|
}
|
||||||
|
.icon-button.active {
|
||||||
|
color: #0abdc6;
|
||||||
|
}
|
||||||
|
|
||||||
/* 9.1.1. Followers */
|
/* 9.1.1. Followers */
|
||||||
.card__img {
|
.card__img {
|
||||||
|
|
|
@ -3,6 +3,15 @@
|
||||||
Upstream URL / Report issues: https://github.com/Roboron3042/Cyberpunk-Neon
|
Upstream URL / Report issues: https://github.com/Roboron3042/Cyberpunk-Neon
|
||||||
*/
|
*/
|
||||||
|
|
||||||
|
/* Index
|
||||||
|
* 0. Miscellaneous
|
||||||
|
* 1. Left bar
|
||||||
|
* 2. Columns
|
||||||
|
* 3. Menu & Dialogs
|
||||||
|
* 4. Media
|
||||||
|
* 5. Notifications
|
||||||
|
*/
|
||||||
|
|
||||||
/* 0. Miscellaneous */
|
/* 0. Miscellaneous */
|
||||||
|
|
||||||
/* 0.1. Selection */
|
/* 0.1. Selection */
|
||||||
|
@ -501,6 +510,21 @@ html.dark .media-badge {
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
color: #ea00d9;
|
color: #ea00d9;
|
||||||
}
|
}
|
||||||
|
html.dark .conversation-more {
|
||||||
|
color: #ea00d9;
|
||||||
|
}
|
||||||
|
html.dark .thread {
|
||||||
|
background-color: #133e7c;
|
||||||
|
}
|
||||||
|
html.dark .gap-chirp {
|
||||||
|
color: #ea00d9;
|
||||||
|
}
|
||||||
|
html.dark .gap-chirp::before {
|
||||||
|
background-color: #133e7c;
|
||||||
|
}
|
||||||
|
html.dark .gap-chirp::after {
|
||||||
|
background-color: #133e7c;
|
||||||
|
}
|
||||||
|
|
||||||
/* 2.1. Headers */
|
/* 2.1. Headers */
|
||||||
|
|
||||||
|
|
|
@ -54,6 +54,12 @@
|
||||||
--deprecated-text-input-border-hover: #040405;
|
--deprecated-text-input-border-hover: #040405;
|
||||||
--deprecated-text-input-border-disabled: #202225;
|
--deprecated-text-input-border-disabled: #202225;
|
||||||
--deprecated-text-input-prefix: #dcddde;
|
--deprecated-text-input-prefix: #dcddde;
|
||||||
|
--scrollbar-thin-thumb: #0abdc6;
|
||||||
|
--scrollbar-thin-track: transparent;
|
||||||
|
--scrollbar-auto-thumb: #0abdc6;
|
||||||
|
--scrollbar-auto-track: #000b1e;
|
||||||
|
--scrollbar-auto-scrollbar-color-thumb: #0abdc6;
|
||||||
|
--scrollbar-auto-scrollbar-color-track: #000b1e;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 1. Miscelaneus */
|
/* 1. Miscelaneus */
|
||||||
|
@ -141,6 +147,11 @@
|
||||||
border-color: #0abdc6;
|
border-color: #0abdc6;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* 1.9. New Device Dialog */
|
||||||
|
.lookLink-9FtZy-.colorBrand-3pXr91 {
|
||||||
|
color: #ea00d9;
|
||||||
|
}
|
||||||
|
|
||||||
/* 2. Server list */
|
/* 2. Server list */
|
||||||
|
|
||||||
/* 2.1 Discord Button */
|
/* 2.1 Discord Button */
|
||||||
|
@ -889,6 +900,15 @@
|
||||||
.theme-dark .edited-DL9ECl {
|
.theme-dark .edited-DL9ECl {
|
||||||
color: rgba(10, 189, 198, .7);
|
color: rgba(10, 189, 198, .7);
|
||||||
}
|
}
|
||||||
|
.newMessagesBar-265mhP {
|
||||||
|
background-color: #133e7c;
|
||||||
|
}
|
||||||
|
.newMessagesBar-265mhP:hover {
|
||||||
|
background-color: #711c91;
|
||||||
|
}
|
||||||
|
.barButtonBase-2uLO1z {
|
||||||
|
color: #0abdc6;
|
||||||
|
}
|
||||||
|
|
||||||
/* 4.1. Message Buttons */
|
/* 4.1. Message Buttons */
|
||||||
.barButtonBase-3UKlW2 {
|
.barButtonBase-3UKlW2 {
|
||||||
|
@ -1195,6 +1215,52 @@
|
||||||
background-color: #000b1e;
|
background-color: #000b1e;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* 5.5. @here and @everyone warnings */
|
||||||
|
.theme-dark .contentTitle-2tG_sM {
|
||||||
|
color: #0abdc6;
|
||||||
|
}
|
||||||
|
.theme-dark .contentTitle-2tG_sM strong {
|
||||||
|
color: #ea00d9;
|
||||||
|
}
|
||||||
|
.theme-dark .selectorSelected-1_M1WV {
|
||||||
|
background-color: #133e7c;
|
||||||
|
}
|
||||||
|
.theme-dark .content-Qb0rXO {
|
||||||
|
color: #ea00d9;
|
||||||
|
}
|
||||||
|
.theme-dark .description-11DmNu, .theme-dark .descriptionUsername-J_75O8 {
|
||||||
|
color: #0abdc6;
|
||||||
|
}
|
||||||
|
.theme-dark .descriptionDiscriminator-3vUOCc {
|
||||||
|
color: rgba(10, 189, 198, .6);
|
||||||
|
}
|
||||||
|
.theme-dark .body-2iXqIL {
|
||||||
|
color: #0abdc6;
|
||||||
|
}
|
||||||
|
.theme-dark .header-3_S6dz {
|
||||||
|
color: #ea00d9;
|
||||||
|
}
|
||||||
|
.theme-dark .everyonePopout-nEbJY3 {
|
||||||
|
background-color: #091833;
|
||||||
|
-webkit-box-shadow: 0 2px 10px 0 rgba(10, 189, 198, .6);
|
||||||
|
box-shadow: 0 2px 10px 0 rgba(10, 189, 198, .6);
|
||||||
|
}
|
||||||
|
.theme-dark .footer-2aTx0s {
|
||||||
|
background-color: #000b1e;
|
||||||
|
color: #0abdc6;
|
||||||
|
fill: #0abdc6 !important;
|
||||||
|
}
|
||||||
|
#app-mount > div.popouts-2bnG9Z.da-popouts > div.noArrow-2foL9g.da-noArrow.noShadow-3pu20z.da-noShadow.popout-2iWAc-.da-popout.popoutTopLeft-3B0mFf > div > form > div.footer-2aTx0s.da-footer > svg > g > path {
|
||||||
|
fill: #0abdc6 !important;
|
||||||
|
}
|
||||||
|
.theme-dark .buttonHint-2OxJB8 strong {
|
||||||
|
color: #ea00d9;
|
||||||
|
}
|
||||||
|
.theme-dark .buttonHint-2OxJB8 {
|
||||||
|
color: #0abdc6;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
/* 6. Top bar */
|
/* 6. Top bar */
|
||||||
|
|
||||||
/* 6.1. Pinned messages */
|
/* 6.1. Pinned messages */
|
||||||
|
@ -1557,6 +1623,57 @@
|
||||||
color: #ea00d9;
|
color: #ea00d9;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* 9.4. Video Call */
|
||||||
|
.colorable-1bkp8v.green-plH-Mj {
|
||||||
|
background: #133e7c;
|
||||||
|
}
|
||||||
|
.colorable-1bkp8v.green-plH-Mj, .colorable-1bkp8v.green-plH-Mj .centerIcon-2G6o-T {
|
||||||
|
color: #0abdc6;
|
||||||
|
}
|
||||||
|
.colorable-1bkp8v.green-plH-Mj.active-1QRrIS {
|
||||||
|
background: #133e7c;
|
||||||
|
}
|
||||||
|
.colorable-1bkp8v.green-plH-Mj:hover {
|
||||||
|
background: #711c91;
|
||||||
|
}
|
||||||
|
.colorable-1bkp8v.red-33-Lnk.active-1QRrIS, .colorable-1bkp8v.red-33-Lnk:hover {
|
||||||
|
background: #711c91;
|
||||||
|
}
|
||||||
|
.colorable-1bkp8v.red-33-Lnk, .colorable-1bkp8v.red-33-Lnk .centerIcon-2G6o-T {
|
||||||
|
color: #0abdc6;
|
||||||
|
}
|
||||||
|
.colorable-1bkp8v.red-33-Lnk {
|
||||||
|
background: #133e7c;
|
||||||
|
}
|
||||||
|
.colorable-1bkp8v.primaryDark-3mSFDl, .colorable-1bkp8v.primaryDark-3mSFDl .centerIcon-2G6o-T {
|
||||||
|
color: #0abdc6;
|
||||||
|
}
|
||||||
|
.colorable-1bkp8v.primaryDark-3mSFDl {
|
||||||
|
background: #133e7c;
|
||||||
|
}
|
||||||
|
.colorable-1bkp8v.primaryDark-3mSFDl:hover {
|
||||||
|
background: #711c91;
|
||||||
|
}
|
||||||
|
.colorDefault-2K3EoJ.focused-3afm-j {
|
||||||
|
background-color: #711c91;
|
||||||
|
color: #0abdc6;
|
||||||
|
}
|
||||||
|
.colorable-1bkp8v.primaryDark-3mSFDl.active-1QRrIS {
|
||||||
|
background: #ea00d9;
|
||||||
|
}
|
||||||
|
.colorDefault-2K3EoJ .checkbox-3s5GYZ, .colorDefault-2K3EoJ .radioSelection-1HmrQS {
|
||||||
|
color: #711c91;
|
||||||
|
}
|
||||||
|
.colorDefault-2K3EoJ.focused-3afm-j .checkbox-3s5GYZ, .colorDefault-2K3EoJ.focused-3afm-j .radioSelection-1HmrQS, .colorDefault-2K3EoJ.focused-3afm-j .subtext-13Lvrj {
|
||||||
|
color: #ea00d9;
|
||||||
|
}
|
||||||
|
.controlIcon-35oS15 {
|
||||||
|
color: #0abdc6;
|
||||||
|
}
|
||||||
|
.controlIcon-35oS15:hover {
|
||||||
|
color: #ea00d9;
|
||||||
|
}
|
||||||
|
|
||||||
/* 10. Quickswitcher */
|
/* 10. Quickswitcher */
|
||||||
.theme-dark .keybindShortcut-1BD6Z1 span .bindArrow-2X3Aom g {
|
.theme-dark .keybindShortcut-1BD6Z1 span .bindArrow-2X3Aom g {
|
||||||
fill: #0abdc6;
|
fill: #0abdc6;
|
||||||
|
@ -1804,3 +1921,14 @@
|
||||||
background-color: #711c91;
|
background-color: #711c91;
|
||||||
color: #0abdc6;
|
color: #0abdc6;
|
||||||
}
|
}
|
||||||
|
.standardSidebarView-3F1I7i #editor-detached h3 {
|
||||||
|
color: #0abdc6;
|
||||||
|
}
|
||||||
|
.standardSidebarView-3F1I7i #editor-detached button {
|
||||||
|
background: #133e7c;
|
||||||
|
color: #0abdc6;
|
||||||
|
}
|
||||||
|
.standardSidebarView-3F1I7i #editor-detached button:hover {
|
||||||
|
background: #711c91;
|
||||||
|
color: #0abdc6;
|
||||||
|
}
|
||||||
|
|
Loading…
Reference in New Issue