mirrors/gotosocial
1
0
Fork 0
mirror of https://github.com/superseriousbusiness/gotosocial.git synced 2025-11-25 23:23:32 -06:00
Code Issues Projects Releases Packages Wiki Activity Actions

[feature] User-selectable preset CSS themes for accounts (#2777)

Browse source 
* [feature] User-selectable preset themes

* docs, more theme stuff

* lint, tests

* fix css name

* correct some little issues

* add another theme

* fix poll background

* okay last theme i swear

* make retrieval of apimodel themes more conventional

* preallocate stylesheet slices
This commit is contained in:
tobi 2024-03-25 18:32:24 +01:00 • committed by GitHub
commit 8953f57d88
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
32 changed files with 1230 additions and 28 deletions
Download patch file Download diff file Expand all files Collapse all files

92
web/assets/themes/blurple-dark.css Normal file
View file

@ -0,0 +1,92 @@
/*
theme-title: Blurple (dark)
theme-description: Official dark blurple theme
*/
:root {
/* Define our nice blurple palette */
--blurple1: #ffffff;
--blurple2: #ebe6f8;
--blurple3: #d6cceb;
--blurple4: #c2b3e1;
--blurple5: #ad99d7;
--blurple6: #9980cd;
--blurple7: #8566c2;
--blurple8: #704db8;
--blurple9: #5c33ae;
--blurple10: #471aa4;
--blurple11: #33009a;
--blurple12: #170044;
/* Restyle basic colors to use blurple */
--blue1: var(--blurple1);
--blue2: var(--blurple2);
--blue3: var(--blurple3);
/* Basic page styling (background + foreground) */
--bg: var(--blurple12);
--bg-accent: var(--blurple11);
--fg: var(--blurple1);
--fg-reduced: var(--blurple3);
/* Profile page styling (light) */
--profile-bg: var(--blurple11);
/* Blurpleize buttons */
--button-bg: var(--blurple2);
--button-fg: var(--blurple11);
/* Blurpleize statuses */
--status-bg: var(--blurple11);
--status-focus-bg: var(--blurple11);
--status-info-bg: var(--blurple9);
--status-focus-info-bg: var(--blurple9);
/* Used around statuses + other items */
--boxshadow-border: 0.08rem solid black;
}
/* Scroll bar */
html, body {
scrollbar-color: var(--blurple8) var(--blurple12);
}
/* Profile fields */
.profile .about-user .fields .field {
border-bottom: 0.1rem solid var(--blurple8);
}
.profile .about-user .fields .field:first-child {
border-top: 0.1rem solid var(--blurple8);
}
/* Status media */
.status .media .media-wrapper {
border: 0.08rem solid var(--blurple9);
}
.status .media .media-wrapper details .unknown-attachment .placeholder {
color: var(--blue2);
}
.status .media .media-wrapper details video.plyr-video {
background: var(--blurple11);
}
/* Status polls */
.status .text .poll {
background-color: var(--bg);
}
.status .text .poll .poll-info {
background-color: var(--blurple11);
}
/* Code snippets */
pre, pre[class*="language-"],
code, code[class*="language-"] {
background-color: var(--blurple12);
color: var(--fg-reduced);
}
/* Block quotes */
blockquote {
background-color: var(--blurple12);
color: var(--fg-reduced);
}