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