Created
November 22, 2022 09:29
-
-
Save prmadev/8abbe584f9f30b8aaa35ffd6035400ef to your computer and use it in GitHub Desktop.
Fosstodon using RosePine pallete
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| *{ | |
| background-color: unset; | |
| } | |
| .compose-form .spoiler-input__input { | |
| border-radius: 0px!important; | |
| } | |
| div.columns-area__panels { | |
| background-color: #191724; | |
| } | |
| .compose-form__autosuggest-wrapper,.compose-form__buttons-wrapper{ | |
| border-radius:0px; | |
| } | |
| .compose-form__autosuggest-wrapper{ | |
| border: 5px solid #31748f; | |
| background-color: #1f1d2e; | |
| box-shadow: -10px 10px 0px #31748f; | |
| margin:10px; | |
| } | |
| div.link-footer { | |
| display: none; | |
| } | |
| div.status.status-public { | |
| background-color: #1f1d2e; | |
| margin-bottom:30px; | |
| margin-left:10px; | |
| border: 5px solid #26233a; | |
| padding:20px; | |
| position:relative; | |
| color:#26233a; | |
| } | |
| div.status.status-public::after { | |
| content:''; | |
| position:absolute; | |
| background-color:#26233a; | |
| top:15px; | |
| left:-15px; | |
| right:15px; | |
| bottom:-15px; | |
| z-index:-1; | |
| } | |
| div.status__prepend { | |
| background-color: #191724; | |
| border: px solid ; | |
| margin-left: 10px; | |
| margin-bottom: 10px; | |
| color: #6e6a86; | |
| } | |
| div h1 button { | |
| background-color: #191724; | |
| color: #6e6a86; | |
| display:none; | |
| } | |
| input.search__input { | |
| background-color: #191724; | |
| color: #6e6a86; | |
| } | |
| input.search__input::placeholder { | |
| background-color: #191724; | |
| color: #6e6a86; | |
| } | |
| div div p { | |
| color: #e0def4; | |
| font-weight: 400; | |
| font-style: normal; | |
| line-height: 24px; | |
| padding-top:1em; | |
| padding-bottom: 1em; | |
| } | |
| span a span, | |
| a.u-url.mention.status-link, | |
| p a span { | |
| color: #6e6a86; | |
| text-decoration:none; | |
| } | |
| a.mention.hashtag.status-link{ | |
| background-color:#26233a; | |
| text-decoration:none; | |
| color: #eb6f92; | |
| padding: 5px; | |
| font-size: 0.7em; | |
| } | |
| strong.display-name__html { | |
| color: #6e6a86; | |
| font-weight: 900; | |
| font-style: normal; | |
| } | |
| div a time { | |
| color: #6e6a86; | |
| } | |
| i.fa.fa-globe { | |
| color: #6e6a86; | |
| } | |
| div.status__action-bar { | |
| color: #6e6a86; | |
| } | |
| i.fa.fa-reply.fa-fw { | |
| color: #6e6a86; | |
| } | |
| i.fa.fa-retweet.fa-fw { | |
| color: #6e6a86; | |
| } | |
| i.fa.fa-bookmark.fa-fw { | |
| color: #6e6a86; | |
| } | |
| i.fa.fa-star.fa-fw { | |
| color: #6e6a86; | |
| } | |
| button.status__action-bar__button.icon-button { | |
| color: #6e6a86; | |
| } | |
| i.fa.fa-ellipsis-h.fa-fw { | |
| color: #6e6a86; | |
| } | |
| span.display-name__account { | |
| color: #6e6a86; | |
| } | |
| a bdi strong { | |
| color: #6e6a86; | |
| } | |
| div.navigation-bar { | |
| color: #6e6a86; | |
| background-color: #1f1d2e; | |
| margin-bottom:30px; | |
| margin-left:10px; | |
| border: 5px solid #26233a; | |
| padding:20px; | |
| position:relative; | |
| } | |
| div.navigation-bar::after { | |
| content:''; | |
| position:absolute; | |
| background-color:#26233a; | |
| top:15px; | |
| left:-15px; | |
| right:15px; | |
| bottom:-15px; | |
| z-index:-1; | |
| } | |
| strong.navigation-bar__profile-account { | |
| color: #6e6a86; | |
| } | |
| a.column-link.column-link--transparent { | |
| color: #6e6a86; | |
| text-transform: uppercase; | |
| margin:5px; | |
| font-size: 15px; | |
| border: 5px solid #1f1d2e; | |
| } | |
| div.navigation-panel { | |
| color: #6e6a86; | |
| background-color:#191724 ; | |
| border:none; | |
| padding-right:10px; | |
| } | |
| div h4 span { | |
| color: #6e6a86; | |
| } | |
| div.trends__item { | |
| color: #6e6a86; | |
| display: none; | |
| } | |
| textarea.autosuggest-textarea__textarea::placeholder { | |
| color: #e0def4; | |
| } | |
| textarea.autosuggest-textarea__textarea { | |
| color: #e0def4; | |
| background-color: #191724; | |
| border-radius: 0px; | |
| } | |
| div.emoji-button { | |
| background-color: #191724; | |
| opacity: 30%; | |
| } | |
| div.compose-form__uploads-wrapper { | |
| background-color: #191724; | |
| } | |
| div.compose-form__buttons-wrapper { | |
| background-color: #191724; | |
| } | |
| span.character-counter { | |
| color: #6e6a86; | |
| } | |
| button.text-icon-button { | |
| color: #6e6a86; | |
| } | |
| button.compose-form__poll-button-icon.icon-button.inverted { | |
| color: #6e6a86; | |
| align-content: center; | |
| } | |
| button.button.button--block { | |
| background-color: #1f1d2e; | |
| color: #31748f; | |
| text-transform: uppercase; | |
| border: 5px solid #31748f; | |
| border-radius: 0px; | |
| box-shadow: -10px 10px 0px #31748f; | |
| padding:20px 50px; | |
| font-weight: bold; | |
| font-size:10px; | |
| position: relative; | |
| margin:10px; | |
| margin-right: 10px; | |
| margin-left:10px; | |
| } | |
| i.icon-with-badge__badge { | |
| color: #191724; | |
| background-color: #31748f; | |
| border-radius: 0px; | |
| margin-left:140px; | |
| } | |
| span.ellipsis { | |
| color: #6e6a86; | |
| text-transform: none; | |
| text-decoration: none; | |
| } | |
| a:not(:hover) { | |
| text-decoration:none; | |
| } | |
| div div h4 { | |
| display: none; | |
| } | |
| a svg use { | |
| Display: none; | |
| } | |
| a.column-link.column-link--logo { | |
| display: none; | |
| } | |
| div.navigation-panel__logo { | |
| display: none; | |
| } | |
| button.icon-button { | |
| color: #6e6a86; | |
| border:none; | |
| } | |
| div a span { | |
| text-transform: uppercase; | |
| } | |
| div.scrollable { | |
| background-color: #191724; | |
| } | |
| div.compose-form__publish-button-wrapper { | |
| justify-content: center; | |
| justify-items: center; | |
| align-content: center; | |
| padding:10px; | |
| border-radius: 0px; | |
| } | |
| form.compose-form { | |
| border-radius: 0px; | |
| padding:0px; | |
| } | |
| div.detailed-status.detailed-status-public { | |
| background-color: #1f1d2e; | |
| margin-bottom:30px; | |
| margin-left:10px; | |
| border: 5px solid #26233a; | |
| padding:20px; | |
| position:relative; | |
| color:#26233a; | |
| } | |
| div.detailed-status.detailed-status-public::after { | |
| content:''; | |
| position:absolute; | |
| background-color:#26233a; | |
| top:15px; | |
| left:-15px; | |
| right:15px; | |
| bottom:-15px; | |
| z-index:-1; | |
| } | |
| div.detailed-status__action-bar { | |
| background-color: #191724; | |
| margin:10px; | |
| border:none; | |
| } | |
| div.ui__header { | |
| background-color: #191724; | |
| border:none; | |
| } | |
| i.fa.fa-paperclip.fa-fw { | |
| color: #6e6a86; | |
| } | |
| div.regeneration-indicator { | |
| background-color: #191724; | |
| color: #e0def4; | |
| } | |
| button.column-back-button { | |
| background-color: #191724; | |
| color: #e0def4; | |
| } | |
| div.regeneration-indicator__label { | |
| color: #e0def455; | |
| } | |
| i.fa.fa-home.column-header__icon.fa-fw { | |
| display:none; | |
| } | |
| h1.column-header { | |
| display:none; | |
| } | |
| div.status-card__content { | |
| color:#6e6a86; | |
| border-radius: 0px; | |
| } | |
| strong.status-card__title { | |
| color:#6e6a86; | |
| } | |
| a.status-card.compact { | |
| border-radius: 0px; | |
| border: 5px solid #26233a; | |
| box-shadow: -5px 5px 0px #26233a; | |
| } | |
| div.account__header__bar { | |
| background-color: #191724; | |
| } | |
| dl { | |
| margin-bottom: 10px; | |
| border: none; | |
| } | |
| dl.verified { | |
| margin-bottom: 10px; | |
| border: 5px solid #31748f; | |
| } | |
| dt.translate { | |
| color:#31748f; | |
| } | |
| dd.translate { | |
| color:#31748f; | |
| } | |
| span a span { | |
| color:#31748f; | |
| } | |
| div div dl { | |
| background-color: #1f1d2e; | |
| } | |
| div.account__header__fields { | |
| background-color: #191724; | |
| } | |
| button.button.logo-button.button--destructive.button--with-bell { | |
| color: #191724; | |
| background-color:#31748f; | |
| } | |
| button { | |
| border-radius: 0px; | |
| } | |
| i.fa.fa-check.verified__mark { | |
| color:#31748f | |
| } | |
| a.active { | |
| background-color: #31748f; | |
| } | |
| div.account-role.bot { | |
| color: #191724; | |
| background-color: #ebbcba; | |
| border: none; | |
| border-radius: 0px; | |
| } | |
| button.status__content__spoiler-link.status__content__spoiler-link--show-more { | |
| margin-top: 10px; | |
| color:#31748f; | |
| display: block; | |
| border-right: 700px solid; | |
| border-left: 10px solid; | |
| } | |
| div.account__avatar { | |
| border-radius: 0px; | |
| border: none; | |
| } | |
| a.column-link.column-link--transparent.active { | |
| color:#e0def4; | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment