Added rad.dad & brat themes

neatnik · Sep 26, 2024 · e5009b2 · e5009b2
1 parent b0c6c33
commit e5009b2
Show file tree

Hide file tree

Showing 2 changed files with 195 additions and 0 deletions.
diff --git a/profiles/themes/brat.css b/profiles/themes/brat.css
@@ -0,0 +1,40 @@
+/*
+
+Theme: brat
+Author: Ediz Baha (@ediz)
+License: MIT
+Version: 1.0
+Description: brat - This theme is inspired by the design of the brat album.
+
+*/
+
+main {
+    background: none ! important;
+}
+
+body {
+    background: #8ACF00;
+    font-weight: 500;
+    font-family: "Arial Narrow", sans-serif;
+    filter: blur(1px);
+}
+
+#name {
+    filter: blur(1.5px);
+    font-size: 2.8em;
+    text-transform: lowercase;
+    font-weight: 500;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center !important;
+}
+
+
+.omg-verified {
+    color: #000 !important;
+    font-size: 0.7em;
+}
+
+#profile-picture {
+    border-radius: 100%;
+}
diff --git a/profiles/themes/rad-dad.css b/profiles/themes/rad-dad.css
@@ -0,0 +1,155 @@
+/*
+
+Theme: Rad.Dad
+Author: Ediz Baha (@ediz)
+License: MIT
+Version: 1.0
+Description: Rad.Dad - This theme is inspired by the design of the rad.dad.
+
+*/
+
+@import url('https://cdn.cache.lol/type/konsole/konsole.css');
+
+:root {
+    --bg: #eee;
+    --fg: #ddd;
+    --text: #444;
+    --verified: #444;
+}
+
+@media (prefers-color-scheme: dark) {
+    :root {
+        --bg: #444;
+        --fg: #333;
+        --text: #eee;
+        --verified: #eee;
+    }
+}
+
+* {
+    font-family: 'Konsole', sans-serif;
+}
+
+h2, h3 {
+    color: var(--text);
+    font-family: 'Konsole', sans-serif;
+}
+
+#name {
+    font-family: 'Konsole Wide', sans-serif;
+    font-size: 1.5em;
+    letter-spacing: -0.065em;
+    text-transform: uppercase;
+    margin-bottom: 0.2em;
+}
+
+body {
+    background: var(--bg);
+    color: var(--text);
+    font-family: 'Konsole', sans-serif;
+}
+
+main {
+    background: var(--fg);
+    border-radius: 0%;
+}
+
+a:link,
+a:visited {
+    color: var(--text);
+    text-decoration-color: var(--text);
+    text-decoration: none;
+    border-bottom: 1px dotted var(--text);
+}
+
+a:hover,
+a:active {
+    color: var(--text);
+    text-decoration-color: var(--text);
+    text-decoration: none;
+    border-bottom: 2px solid var(--text);
+}
+
+#profile-picture {
+    border-radius: 100%;
+}
+
+#pronouns {
+    color: var(--text);
+}
+
+hr {
+    background: var(--text);
+}
+
+#footer a:link,
+#footer a:visited,
+#footer a:hover,
+#footer a:active {
+    color: var(--text);
+}
+
+/* Now Page Style */
+#now {
+    margin-top: 2em;
+    text-align: left !important;
+}
+
+/* Color for profile items list */
+.fa-li,
+.fas,
+.omg-icon,
+.omg-icon path {
+    color: var(--text);
+    fill: var(--text);
+    stroke: var(--text);
+}
+
+/* Specific colors for individual icons */
+.fa-plug {
+    color: var(--text);
+}
+
+.fa-badge-check {
+    color: var(--verified) !important;
+    /* important is needed to override inline style */
+}
+
+.omg-verified {
+    color: var(--verified) !important;
+    /* important is needed to override inline style */
+    font-size: 1.2em !important;
+}
+
+
+/* Footer Style */
+.logotype,
+.logotype dot {
+    color: var(--text) !important;
+    font-family: 'Konsole Wide' !important;
+    text-transform: uppercase;
+    font-size: 0.7em;
+}
+
+.prami-body {
+    fill: var(--text) !important;
+}
+
+.prami-left-eye,
+.prami-right-eye {
+    fill: var(--fg) !important;
+}
+
+.prami-left-eye-pupil,
+.prami-right-eye-pupil {
+    stroke: var(--fg) !important;
+}
+
+.prami-left-cheek,
+.prami-right-cheek {
+    fill: var(--bg) !important;
+}
+
+.prami-mouth {
+    stroke: var(--fg) !important;
+}