Skip to content

Instantly share code, notes, and snippets.

@prmadev
Created November 22, 2022 09:29
Show Gist options
  • Save prmadev/8abbe584f9f30b8aaa35ffd6035400ef to your computer and use it in GitHub Desktop.
Save prmadev/8abbe584f9f30b8aaa35ffd6035400ef to your computer and use it in GitHub Desktop.
Fosstodon using RosePine pallete
*{
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