mirror of
https://github.com/superseriousbusiness/gotosocial.git
synced 2026-01-08 03:53:15 -06:00
Merge branch 'main' into moonlight_hunt
This commit is contained in:
commit
8956673545
422 changed files with 637240 additions and 159032 deletions
BIN
web/assets/fonts/noto-sans-mono-v30-latin-regular.woff2
Normal file
BIN
web/assets/fonts/noto-sans-mono-v30-latin-regular.woff2
Normal file
Binary file not shown.
|
|
@ -22,7 +22,7 @@
|
|||
--blue3: var(--blurple3);
|
||||
|
||||
/* Basic page styling (background + foreground) */
|
||||
--bg: linear-gradient(var(--blurple7), black);
|
||||
--bg: var(--blurple7);
|
||||
--bg-accent: var(--blurple6);
|
||||
--fg: var(--blurple1);
|
||||
--fg-reduced: var(--blurple2);
|
||||
|
|
@ -44,6 +44,11 @@
|
|||
--boxshadow-border: 0.08rem solid black;
|
||||
}
|
||||
|
||||
/* Main page background */
|
||||
body {
|
||||
background: linear-gradient(var(--blurple7), black);
|
||||
}
|
||||
|
||||
/* Scroll bar */
|
||||
html, body {
|
||||
scrollbar-color: var(--blurple4) var(--blurple7);
|
||||
|
|
|
|||
|
|
@ -24,7 +24,7 @@
|
|||
--blue3: var(--blurple6);
|
||||
|
||||
/* Basic page styling (background + foreground) */
|
||||
--bg: linear-gradient(var(--blurple1), white);
|
||||
--bg: var(--blurple1);
|
||||
--bg-accent: var(--white2);
|
||||
--fg: var(--gray1);
|
||||
--fg-reduced: var(--gray2);
|
||||
|
|
@ -46,6 +46,11 @@
|
|||
--boxshadow-border: 0.08rem solid var(--blurple6);
|
||||
}
|
||||
|
||||
/* Main page background */
|
||||
body {
|
||||
background: linear-gradient(var(--blurple1), white);
|
||||
}
|
||||
|
||||
/* Scroll bar */
|
||||
html, body {
|
||||
scrollbar-color: var(--blurple5) var(--blurple2);
|
||||
|
|
|
|||
|
|
@ -14,6 +14,8 @@
|
|||
--ecks-pee-lightest-blue: #c5dafc;
|
||||
--ecks-pee-orange: #f69438;
|
||||
--ecks-pee-white: #ffffff;
|
||||
--ecks-pee-beige: #ece9d8;
|
||||
--ecks-pee-darker-beige: #a8a79b;
|
||||
--ecks-pee-green: #369836;
|
||||
--ecks-pee-light-green: #96c496;
|
||||
--ecks-pee-dark-green: #1f611f;
|
||||
|
|
@ -64,7 +66,7 @@
|
|||
--blue3: var(--ecks-pee-white);
|
||||
|
||||
/* Basic page styling (background + foreground) */
|
||||
--bg: radial-gradient(circle closest-corner at 20% 20%, var(--ecks-pee-lighter-blue), var(--ecks-pee-light-blue));
|
||||
--bg: var(--ecks-pee-light-blue);
|
||||
--bg-accent: var(--ecks-pee-blue);
|
||||
--fg: var(--ecks-pee-white);
|
||||
--fg-reduced: var(--ecks-pee-lightest-blue);
|
||||
|
|
@ -116,6 +118,15 @@
|
|||
src: url(/assets/fonts/Atkinson-Hyperlegible-BoldItalic-102.woff) format('woff');
|
||||
}
|
||||
|
||||
/* Main page background */
|
||||
body {
|
||||
background: radial-gradient(
|
||||
circle closest-corner at 20% 20%,
|
||||
var(--ecks-pee-lighter-blue),
|
||||
var(--ecks-pee-light-blue)
|
||||
);
|
||||
}
|
||||
|
||||
/* Scroll bar */
|
||||
html, body {
|
||||
/* Try Atkinson, fall back to default GtS fonts */
|
||||
|
|
@ -168,6 +179,17 @@ html, body {
|
|||
border-top: var(--ecks-pee-dotted-trim);
|
||||
}
|
||||
|
||||
/* Status text */
|
||||
.status .text {
|
||||
padding: 0.5rem;
|
||||
background: var(--ecks-pee-beige);
|
||||
border: 0.2rem inset var(--ecks-pee-darker-beige);
|
||||
|
||||
color: black;
|
||||
text-shadow: none;
|
||||
--link-fg: var(--ecks-pee-darkest-blue);
|
||||
}
|
||||
|
||||
/* Status media */
|
||||
.status .media .media-wrapper {
|
||||
border: 0.1rem solid black;
|
||||
|
|
@ -181,10 +203,14 @@ html, body {
|
|||
|
||||
/* Status polls */
|
||||
.status .text .poll {
|
||||
background-color: black;
|
||||
background-color: var(--ecks-pee-beige);
|
||||
border: 0.1rem solid var(--ecks-pee-darker-beige);
|
||||
border-radius: 0;
|
||||
}
|
||||
.status .text .poll .poll-info {
|
||||
background: var(--ecks-pee-start-menu);
|
||||
background: var(--ecks-pee-beige);
|
||||
border: 0.1rem solid var(--ecks-pee-darker-beige);
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
/* Code snippets */
|
||||
|
|
@ -192,12 +218,17 @@ pre, pre[class*="language-"],
|
|||
code, code[class*="language-"] {
|
||||
background: black;
|
||||
color: var(--ecks-pee-white);
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
/* Block quotes */
|
||||
blockquote {
|
||||
background: black;
|
||||
color: var(--ecks-pee-white);
|
||||
padding: 0.5rem;
|
||||
background: var(--ecks-pee-beige);
|
||||
border-top: 0.1rem solid var(--ecks-pee-darker-beige);
|
||||
border-right: 0.1rem solid var(--ecks-pee-darker-beige);
|
||||
border-bottom: 0.1rem solid var(--ecks-pee-darker-beige);
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
/* Cheeky little border */
|
||||
|
|
|
|||
|
|
@ -19,8 +19,14 @@
|
|||
--blue3: var(--acid-green);
|
||||
}
|
||||
|
||||
/* Main page background */
|
||||
body {
|
||||
background: linear-gradient(90deg, var(--darkmagenta), black, var(--darkmagenta));
|
||||
background: linear-gradient(
|
||||
90deg,
|
||||
var(--darkmagenta),
|
||||
black,
|
||||
var(--darkmagenta)
|
||||
);
|
||||
}
|
||||
|
||||
html, body {
|
||||
|
|
|
|||
|
|
@ -8,21 +8,21 @@
|
|||
v1.0 by xmgz at github */
|
||||
|
||||
:root {
|
||||
/* color definitions */
|
||||
--dgreen1: #003333;
|
||||
--dgreen2: #196C41;
|
||||
--dgreen3: #027C68;
|
||||
--dgreen4: #009933;
|
||||
--dblue1: #141E46; /* very dark blue */
|
||||
--typecolor: #F8F4EC;
|
||||
--linkcolor: #c0f0c0; /* very soft lime green */
|
||||
--sunny: #FCDC2A;
|
||||
--lesssunny: #FF7431; /* papaya */
|
||||
/* wood/earth colors */
|
||||
--codebg: #3A2722; /* darker caoba */
|
||||
--quotebg: #800000; /* maroon */
|
||||
/* water, post's date and stats. User stats */
|
||||
--fg-reduced: #BBEBFF;
|
||||
/* color definitions */
|
||||
--dgreen1: #003333;
|
||||
--dgreen2: #196C41;
|
||||
--dgreen3: #027C68;
|
||||
--dgreen4: #009933;
|
||||
--dblue1: #141E46; /* very dark blue */
|
||||
--typecolor: #F8F4EC;
|
||||
--linkcolor: #c0f0c0; /* very soft lime green */
|
||||
--sunny: #FCDC2A;
|
||||
--lesssunny: #FF7431; /* papaya */
|
||||
/* wood/earth colors */
|
||||
--codebg: #3A2722; /* darker caoba */
|
||||
--quotebg: #800000; /* maroon */
|
||||
/* water, post's date and stats. User stats */
|
||||
--fg-reduced: #BBEBFF;
|
||||
|
||||
/* Restyle basic colors */
|
||||
--blue1: var(--dgreen2);
|
||||
|
|
@ -43,12 +43,9 @@
|
|||
--button-bg: var(--lesssunny);
|
||||
--button-fg: var(--dblue1);
|
||||
|
||||
|
||||
|
||||
/* Used around statuses + other items */
|
||||
--boxshadow: 0 0.4rem 0.7rem -0.1rem rgba(252,220,42,0.15); /* subtle status glow */
|
||||
--boxshadow-border: 0.07rem solid var(--lesssunny); /* thin papaya border */
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -20,7 +20,7 @@
|
|||
--br-inner: 0.4rem;
|
||||
|
||||
/* Basic page styling (background + foreground) */
|
||||
--bg: linear-gradient(-90deg, var(--soft-blue), var(--soft-pink), white, var(--soft-pink), var(--soft-blue));
|
||||
--bg: var(--soft-pink);
|
||||
--bg-accent: var(--soft-pink-translucent);
|
||||
--fg: var(--gray1);
|
||||
--fg-reduced: var(--gray3);
|
||||
|
|
@ -41,6 +41,18 @@
|
|||
--boxshadow-border: 0.08rem solid var(--gray8);
|
||||
}
|
||||
|
||||
/* Main page background */
|
||||
body {
|
||||
background: linear-gradient(
|
||||
-90deg,
|
||||
var(--soft-blue),
|
||||
var(--soft-pink),
|
||||
white,
|
||||
var(--soft-pink),
|
||||
var(--soft-blue)
|
||||
);
|
||||
}
|
||||
|
||||
/* Scroll bar */
|
||||
html, body {
|
||||
scrollbar-color: var(--orange2) var(--soft-pink);
|
||||
|
|
|
|||
175
web/assets/themes/solarized-dark.css
Normal file
175
web/assets/themes/solarized-dark.css
Normal file
|
|
@ -0,0 +1,175 @@
|
|||
/*
|
||||
theme-title: Solarized dark
|
||||
theme-description: Dark green and grey solarized theme with red trim
|
||||
*/
|
||||
|
||||
/*
|
||||
Solarized colors + design - https://github.com/altercation/solarized
|
||||
|
||||
Copyright (c) 2011 Ethan Schoonover
|
||||
|
||||
Permission is hereby granted, free of charge, to any person obtaining a copy
|
||||
of this software and associated documentation files (the "Software"), to deal
|
||||
in the Software without restriction, including without limitation the rights
|
||||
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
||||
copies of the Software, and to permit persons to whom the Software is
|
||||
furnished to do so, subject to the following conditions:
|
||||
|
||||
The above copyright notice and this permission notice shall be included in
|
||||
all copies or substantial portions of the Software.
|
||||
|
||||
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
||||
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
||||
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
||||
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
||||
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
||||
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
||||
THE SOFTWARE.
|
||||
*/
|
||||
|
||||
:root {
|
||||
/* Define solarized palette */
|
||||
--base03: #002b36; /* Background. */
|
||||
--base02: #073642; /* Background highlights. */
|
||||
--base01: #586e75; /* Comments / secondary color. */
|
||||
--base0: #839496; /* Body text / default code / primary content. */
|
||||
--base1: #93a1a1; /* Optional emphasized content. */
|
||||
--red: #dc322f; /* Trim. */
|
||||
|
||||
/* Override orange trim */
|
||||
--orange2: var(--red);
|
||||
|
||||
/* Restyle basic colors to use Solarized */
|
||||
--white1: var(--base02);
|
||||
--white2: var(--base03);
|
||||
--blue2: var(--base0);
|
||||
--blue3: var(--base1);
|
||||
|
||||
/* Basic page styling (background + foreground) */
|
||||
--bg: var(--base03);
|
||||
--bg-accent: var(--base02);
|
||||
--fg-reduced: var(--base0);
|
||||
--fg: var(--base1);
|
||||
|
||||
/* Profile page styling */
|
||||
--profile-bg: var(--white2);
|
||||
|
||||
/* Solarize statuses */
|
||||
--status-bg: var(--white1);
|
||||
--status-focus-bg: var(--white1);
|
||||
--status-info-bg: var(--white2);
|
||||
--status-focus-info-bg: var(--white2);
|
||||
|
||||
/* Used around statuses + other items */
|
||||
--boxshadow-border: 0.1rem solid var(--base01);
|
||||
|
||||
--plyr-video-control-color: var(--fg);
|
||||
--plyr-video-control-color-hover: var(--fg-reduced);
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: "Noto Sans Mono";
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
src: url(/assets/fonts/noto-sans-mono-v30-latin-regular.woff2) format('woff2');
|
||||
}
|
||||
|
||||
/* Scroll bar */
|
||||
html, body {
|
||||
font-family: 'Noto Sans Mono', monospace;
|
||||
scrollbar-color: var(--orange2) var(--white1) ;
|
||||
}
|
||||
|
||||
/* Column headers */
|
||||
.col-header {
|
||||
border: var(--boxshadow-border);
|
||||
}
|
||||
|
||||
.profile .about-user .col-header {
|
||||
border-bottom: none;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
/* Header card */
|
||||
.profile .profile-header {
|
||||
border: var(--boxshadow-border);
|
||||
}
|
||||
|
||||
/* Fiddle around with borders on about sections */
|
||||
.profile .about-user .fields,
|
||||
.profile .about-user .bio,
|
||||
.profile .about-user .accountstats {
|
||||
border-left: var(--boxshadow-border);
|
||||
border-right: var(--boxshadow-border);
|
||||
}
|
||||
.profile .about-user .accountstats {
|
||||
border-bottom: var(--boxshadow-border);
|
||||
}
|
||||
|
||||
/* Profile fields */
|
||||
.profile .about-user .fields .field {
|
||||
border-bottom: var(--boxshadow-border);
|
||||
}
|
||||
.profile .about-user .fields .field:first-child {
|
||||
border-top: var(--boxshadow-border);
|
||||
}
|
||||
|
||||
/* Status media */
|
||||
.status .media .media-wrapper {
|
||||
border: var(--boxshadow-border);
|
||||
}
|
||||
.status .media .media-wrapper details .unknown-attachment .placeholder {
|
||||
color: var(--base01);
|
||||
border: 0.2rem dashed var(--base01);
|
||||
}
|
||||
.status .media .media-wrapper details video.plyr-video {
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
/* Status polls */
|
||||
.status .text .poll {
|
||||
background-color: var(--white2);
|
||||
}
|
||||
.status .text .poll .poll-info {
|
||||
background-color: var(--white1);
|
||||
}
|
||||
|
||||
/* Code snippets */
|
||||
pre, pre[class*="language-"],
|
||||
code, code[class*="language-"] {
|
||||
background-color: black;
|
||||
color: #93a1a1;
|
||||
}
|
||||
|
||||
/* Block quotes */
|
||||
blockquote {
|
||||
background-color: var(--base03);
|
||||
color: var(--base0);
|
||||
}
|
||||
|
||||
button, .button,
|
||||
.status .text-spoiler > summary .button {
|
||||
font-family: 'Noto Sans Mono', monospace;
|
||||
}
|
||||
|
||||
.button {
|
||||
color: var(--base0);
|
||||
background: var(--base03);
|
||||
border: var(--boxshadow-border);
|
||||
}
|
||||
|
||||
.button:hover {
|
||||
color: var(--base1);
|
||||
background: var(--base02);
|
||||
border: var(--boxshadow-border);
|
||||
}
|
||||
|
||||
/* Ensure role badge readable */
|
||||
.profile .profile-header .basic-info .namerole .role.admin {
|
||||
color: var(--base0);
|
||||
}
|
||||
|
||||
/* Distinguish bot icon from background */
|
||||
.profile .profile-header .basic-info .namerole .bot-username-wrapper .bot-legend-wrapper {
|
||||
border: var(--boxshadow-border);
|
||||
}
|
||||
191
web/assets/themes/solarized-light.css
Normal file
191
web/assets/themes/solarized-light.css
Normal file
|
|
@ -0,0 +1,191 @@
|
|||
/*
|
||||
theme-title: Solarized light
|
||||
theme-description: Beige and grey solarized theme with orange trim
|
||||
*/
|
||||
|
||||
/*
|
||||
Solarized colors + design - https://github.com/altercation/solarized
|
||||
|
||||
Copyright (c) 2011 Ethan Schoonover
|
||||
|
||||
Permission is hereby granted, free of charge, to any person obtaining a copy
|
||||
of this software and associated documentation files (the "Software"), to deal
|
||||
in the Software without restriction, including without limitation the rights
|
||||
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
||||
copies of the Software, and to permit persons to whom the Software is
|
||||
furnished to do so, subject to the following conditions:
|
||||
|
||||
The above copyright notice and this permission notice shall be included in
|
||||
all copies or substantial portions of the Software.
|
||||
|
||||
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
||||
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
||||
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
||||
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
||||
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
||||
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
||||
THE SOFTWARE.
|
||||
*/
|
||||
|
||||
:root {
|
||||
/* Define solarized palette */
|
||||
--base3: #fdf6e3; /* Background. */
|
||||
--base2: #eee8d5; /* Background highlights. */
|
||||
--base1: #93a1a1; /* Comments / secondary color. */
|
||||
--base00: #657b83; /* Body text / default code / primary content. */
|
||||
--base01: #586e75; /* Optional emphasized content. */
|
||||
--red: #cb4b16; /* Trim. */
|
||||
|
||||
/* Override orange trim */
|
||||
--orange2: var(--red);
|
||||
|
||||
/* Restyle basic colors to use Solarized */
|
||||
--white1: var(--base3);
|
||||
--white2: var(--base2);
|
||||
--blue2: var(--base00);
|
||||
--blue3: var(--base01);
|
||||
|
||||
/* Basic page styling (background + foreground) */
|
||||
--bg: var(--base2);
|
||||
--bg-accent: var(--base3);
|
||||
--fg-reduced: var(--base00);
|
||||
--fg: var(--base01);
|
||||
|
||||
/* Profile page styling */
|
||||
--profile-bg: var(--white2);
|
||||
|
||||
/* Solarize statuses */
|
||||
--status-bg: var(--white1);
|
||||
--status-focus-bg: var(--white1);
|
||||
--status-info-bg: var(--white2);
|
||||
--status-focus-info-bg: var(--white2);
|
||||
|
||||
/* Used around statuses + other items */
|
||||
--boxshadow-border: 0.1rem solid var(--base1);
|
||||
|
||||
--plyr-video-control-color: var(--fg);
|
||||
--plyr-video-control-color-hover: var(--fg-reduced);
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: "Noto Sans Mono";
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
src: url(/assets/fonts/noto-sans-mono-v30-latin-regular.woff2) format('woff2');
|
||||
}
|
||||
|
||||
/* Scroll bar */
|
||||
html, body {
|
||||
font-family: 'Noto Sans Mono', monospace;
|
||||
scrollbar-color: var(--orange2) var(--white1) ;
|
||||
}
|
||||
|
||||
/* Column headers */
|
||||
.col-header {
|
||||
border: var(--boxshadow-border);
|
||||
background: var(--base3);
|
||||
}
|
||||
|
||||
.profile .about-user .col-header {
|
||||
border-bottom: none;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
/* Header card */
|
||||
.profile .profile-header {
|
||||
border: var(--boxshadow-border);
|
||||
background: var(--base3);
|
||||
}
|
||||
|
||||
/* Fiddle around with borders on about sections */
|
||||
.profile .about-user .fields,
|
||||
.profile .about-user .bio,
|
||||
.profile .about-user .accountstats {
|
||||
background: var(--base3);
|
||||
color: var(--base01);
|
||||
border-left: var(--boxshadow-border);
|
||||
border-right: var(--boxshadow-border);
|
||||
}
|
||||
.profile .about-user .accountstats {
|
||||
border-bottom: var(--boxshadow-border);
|
||||
}
|
||||
|
||||
/* Profile fields */
|
||||
.profile .about-user .fields .field {
|
||||
border-bottom: var(--boxshadow-border);
|
||||
}
|
||||
.profile .about-user .fields .field:first-child {
|
||||
border-top: var(--boxshadow-border);
|
||||
}
|
||||
|
||||
/* Status media */
|
||||
.status .media .media-wrapper {
|
||||
border: var(--boxshadow-border);
|
||||
}
|
||||
.status .media .media-wrapper details .unknown-attachment .placeholder {
|
||||
color: var(--base1);
|
||||
border: 0.2rem dashed var(--base1);
|
||||
}
|
||||
.status .media .media-wrapper details video.plyr-video {
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
/* Status polls */
|
||||
.status .text .poll {
|
||||
background-color: var(--base3);
|
||||
border: var(--boxshadow-border);
|
||||
}
|
||||
.status .text .poll .poll-info {
|
||||
background-color: var(--base3);
|
||||
border: var(--boxshadow-border);
|
||||
}
|
||||
|
||||
/* Code snippets */
|
||||
pre, pre[class*="language-"],
|
||||
code, code[class*="language-"] {
|
||||
background-color: black;
|
||||
color: #93a1a1;
|
||||
}
|
||||
|
||||
/* Block quotes */
|
||||
blockquote {
|
||||
background-color: var(--base3);
|
||||
color: var(--base01);
|
||||
}
|
||||
|
||||
button, .button,
|
||||
.status .text-spoiler > summary .button {
|
||||
font-family: 'Noto Sans Mono', monospace;
|
||||
}
|
||||
|
||||
.button {
|
||||
color: var(--base01);
|
||||
background: var(--base3);
|
||||
border: var(--boxshadow-border);
|
||||
}
|
||||
|
||||
.button:hover {
|
||||
color: var(--base01);
|
||||
background: var(--base2);
|
||||
border: var(--boxshadow-border);
|
||||
}
|
||||
|
||||
/* Ensure role badge readable */
|
||||
.profile .profile-header .basic-info .namerole .role.admin {
|
||||
background: var(--base3);
|
||||
color: var(--base01);
|
||||
}
|
||||
|
||||
/* Back + next links */
|
||||
.backnextlinks {
|
||||
padding: 0.5rem;
|
||||
background: var(--base3);
|
||||
border: var(--boxshadow-border);
|
||||
border-radius: var(--br);
|
||||
}
|
||||
|
||||
.page-footer {
|
||||
margin-top: 2rem;
|
||||
background-color: var(--base3);
|
||||
border-top: var(--boxshadow-border);
|
||||
}
|
||||
|
|
@ -23,7 +23,7 @@
|
|||
--orange2: var(--pink);
|
||||
|
||||
/* Basic page styling (background + foreground) */
|
||||
--bg: linear-gradient(var(--eggplant1), var(--pink), var(--orange), var(--yellow), var(--eggshell));
|
||||
--bg: var(--eggshell);
|
||||
--bg-accent: var(--white2);
|
||||
--fg: var(--eggplant4);
|
||||
--fg-reduced: var(--eggplant3);
|
||||
|
|
@ -45,6 +45,17 @@
|
|||
--boxshadow-border: 0.08rem solid var(--orange);
|
||||
}
|
||||
|
||||
/* Main page background */
|
||||
body {
|
||||
background: linear-gradient(
|
||||
var(--eggplant1),
|
||||
var(--pink),
|
||||
var(--orange),
|
||||
var(--yellow),
|
||||
var(--eggshell)
|
||||
);
|
||||
}
|
||||
|
||||
/* Scroll bar */
|
||||
html, body {
|
||||
scrollbar-color: var(--pink) var(--eggshell);
|
||||
|
|
@ -55,12 +66,6 @@ html, body {
|
|||
color: var(--eggshell);
|
||||
}
|
||||
|
||||
/* Role and bot badge backgrounds */
|
||||
.profile .profile-header .basic-info .namerole .role,
|
||||
.profile .profile-header .basic-info .namerole .bot-username-wrapper .bot-legend-wrapper {
|
||||
background: var(--eggshell);
|
||||
}
|
||||
|
||||
/* Profile fields */
|
||||
.profile .about-user .fields .field {
|
||||
border-bottom: 0.1rem solid var(--orange);
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue