CSS updates

This commit is contained in:
Roboron3042 2020-08-19 16:48:38 +02:00
parent fa385a875b
commit e9da9ca835
4 changed files with 193 additions and 0 deletions

View File

@ -630,6 +630,35 @@ a.status-card.compact:hover {
color: #0abdc6;
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 */
.trends__item__name {
@ -679,6 +708,14 @@ a.status-card.compact:hover {
background: #091833;
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 */
body {
@ -774,6 +811,9 @@ html {
.button.logo-button svg {
fill: #0abdc6;
}
.icon-button.active {
color: #0abdc6;
}
/* 9.1.1. Followers */
.card__img {

View File

@ -3,6 +3,15 @@
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.1. Selection */
@ -501,6 +510,21 @@ html.dark .media-badge {
vertical-align: middle;
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 */

View File

@ -54,6 +54,12 @@
--deprecated-text-input-border-hover: #040405;
--deprecated-text-input-border-disabled: #202225;
--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 */
@ -141,6 +147,11 @@
border-color: #0abdc6;
}
/* 1.9. New Device Dialog */
.lookLink-9FtZy-.colorBrand-3pXr91 {
color: #ea00d9;
}
/* 2. Server list */
/* 2.1 Discord Button */
@ -889,6 +900,15 @@
.theme-dark .edited-DL9ECl {
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 */
.barButtonBase-3UKlW2 {
@ -1195,6 +1215,52 @@
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.1. Pinned messages */
@ -1557,6 +1623,57 @@
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 */
.theme-dark .keybindShortcut-1BD6Z1 span .bindArrow-2X3Aom g {
fill: #0abdc6;
@ -1804,3 +1921,14 @@
background-color: #711c91;
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;
}

View File

@ -27,6 +27,7 @@
- [ZSH](#zsh)
- [CSS Themes](#css-themes)
- [Mastodon](#css-themes)
- [TweetDeck](#css-themes)
- [Discord](#discord)
- [License](#license)