Skip to content

Commit

Permalink
Add Mastodon inspired theme
Browse files Browse the repository at this point in the history
  • Loading branch information
jordan-warne committed Mar 16, 2024
1 parent 6368413 commit d53a355
Showing 1 changed file with 89 additions and 0 deletions.
89 changes: 89 additions & 0 deletions profiles/themes/mastodon.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,89 @@
/* Theme: Mastodon Inspired (https://joinmastodon.org)
Author: Jordan Warne (jw.omg.lol)
License: Public domain
Version: 1.0 */
/* -- General Styles -- */

:root {
--bg: #edf1f3;
/* Mastodon light background */
--fg: #24292e;
/* Dark Text */
--profile: #ffffff;
/* Inner profile background */
--verified: #6364FF;
/* Verified checkmark and location dot color */
--border: #b8c6d3
/* Border around profile */
}

@media (prefers-color-scheme: dark) {
:root {
--bg: #17181c;
/* Mastodon dark background */
--fg: #e1e1e1;
/* Light text */
--profile: #242730;
/* Inner profile background */
--verified: #6364FF;
/* Verified checkmark and location dot color */
--border: #323745;
/* Border around profile */
}
}

body {
padding-top: 0.5em;
padding-bottom: 0.5em;
background: var(--bg);
color: var(--fg);
font-family: "Roboto", Arial, sans-serif;
}

main {
background: var(--profile);
border: 1px solid var(--border);
border-radius: 5px;
padding: 25px;
margin: 30px auto;
}

h1#name a i.fa-badge-check,
.omg-verified {
color: var(--verified) !important;
}

#pronouns a:link,
#pronouns a:visited,
#pronouns a:hover,
#pronouns a:active,
#pronouns {
color: var(--fg);
opacity: 0.7;
}

a:link,
a:visited {
color: #8082fa;
border-bottom: 2px solid var(--profile);
}

a:hover,
a:active {
color: #8082fa;
border-bottom: 2px solid #8082fa;
}

.fa-li,
.fas,
.omg-icon,
.omg-icon path {
color: #858AFA;
fill: #858AFA;
stroke: #858AFA;
}

.fa-location-dot {
color: var(--verified);
/* Location stays Mastodon blue */
}

0 comments on commit d53a355

Please sign in to comment.