From e9da9ca835f4d05435a5b35e1a18bbb6414a3acb Mon Sep 17 00:00:00 2001 From: Roboron3042 Date: Wed, 19 Aug 2020 16:48:38 +0200 Subject: [PATCH] CSS updates --- CSS/Mastodon-Cyberpunk-Neon.css | 40 ++++++++++ CSS/TweetDeck-Cyberpunk-Neon.css | 24 ++++++ CSS/discord/base.css | 128 +++++++++++++++++++++++++++++++ README.md | 1 + 4 files changed, 193 insertions(+) diff --git a/CSS/Mastodon-Cyberpunk-Neon.css b/CSS/Mastodon-Cyberpunk-Neon.css index b800ee0..8ce1e92 100644 --- a/CSS/Mastodon-Cyberpunk-Neon.css +++ b/CSS/Mastodon-Cyberpunk-Neon.css @@ -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 { diff --git a/CSS/TweetDeck-Cyberpunk-Neon.css b/CSS/TweetDeck-Cyberpunk-Neon.css index 34db170..5060e8c 100644 --- a/CSS/TweetDeck-Cyberpunk-Neon.css +++ b/CSS/TweetDeck-Cyberpunk-Neon.css @@ -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 */ diff --git a/CSS/discord/base.css b/CSS/discord/base.css index 9b1cb43..41b815a 100644 --- a/CSS/discord/base.css +++ b/CSS/discord/base.css @@ -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; +} diff --git a/README.md b/README.md index a27e679..29a32db 100644 --- a/README.md +++ b/README.md @@ -27,6 +27,7 @@ - [ZSH](#zsh) - [CSS Themes](#css-themes) - [Mastodon](#css-themes) + - [TweetDeck](#css-themes) - [Discord](#discord) - [License](#license)