FbIN/fossq
FbIN/fossq
Watch
1
0
Fork
You've already forked fossq
 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Added more themes from FSKY

Browse source 
https://foundry.fsky.io/fsky/4get
This commit is contained in:
FbIN Support 2026-05-20 16:31:37 +05:30
commit de13991c86
5 changed files with 249 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

2
data/config.php
View file

@ -18,7 +18,7 @@ class config{
// Add your own themes in "static/themes". Set to "Dark" for default theme.
// Eg. To use "static/themes/Cream.css", specify "Cream".
const DEFAULT_THEME = "Catppuccin Latte";
const DEFAULT_THEME = "Ascent";
// Enable the API?
const API_ENABLED = false;

43
static/themes/Ascent Dark.css Normal file
View file

@ -0,0 +1,43 @@
@import url("/static/themes/Ascent.css");
:root {
color-scheme: dark;
--bg-gradient: linear-gradient(#16181d, #101010);
--bg-fallback: #101010;
--main: #e7e7e7;
--muted: #999;
--border: #2a2a2a;
--surface: #18181a;
--surface-hover: #222428;
--code-bg: #222428;
--input-bg: #222325;
--input-border: #444;
--input-focus: #284186;
--metadata-bg: #18181a;
--button: #ececec;
--button-bg: #242424;
--button-bg-hover: #303030;
--button-top-shadow: rgba(255, 255, 255, 0.1);
--button-bottom-shadow: rgba(0, 0, 0, 0.1);
--accent: #2f80fa;
--accent-hover: #1b74fa;
--1d2021: var(--bg-fallback);
--282828: var(--surface);
--3c3836: var(--surface-hover);
--504945: var(--border);
--928374: var(--muted);
--a89984: var(--main);
--bdae93: var(--main);
--8ec07c: #bbf7d0;
--ebdbb2: var(--main);
--fbf1c7: var(--main);
--comment: #89929f;
--default: var(--main);
--html: var(--main);
--keyword: #b890ff;
--string: #8ee8b5;
--green: #22c55e;
--yellow: #fbbf24;
--red: #fb7185;
}

43
static/themes/Ascent Light.css Normal file
View file

@ -0,0 +1,43 @@
@import url("/static/themes/Ascent.css");
:root {
color-scheme: light;
--bg-gradient: linear-gradient(#eefeff, #fff);
--bg-fallback: #fff;
--main: #202020;
--muted: #666;
--border: #ddd;
--surface: #fafafa;
--surface-hover: #efefef;
--code-bg: #dadce0;
--input-bg: #f7f7f7;
--input-border: #ccc;
--input-focus: #7c9fff;
--metadata-bg: #ebecee;
--button: #183352;
--button-bg: #dfeaf8;
--button-bg-hover: #d1def0;
--button-top-shadow: rgba(255, 255, 255, 0.45);
--button-bottom-shadow: rgba(55, 82, 122, 0.12);
--accent: #2f80fa;
--accent-hover: #1b74fa;
--1d2021: var(--bg-fallback);
--282828: var(--surface);
--3c3836: var(--surface-hover);
--504945: var(--border);
--928374: var(--muted);
--a89984: var(--main);
--bdae93: var(--main);
--8ec07c: #257a4d;
--ebdbb2: var(--main);
--fbf1c7: var(--main);
--comment: #68737f;
--default: var(--main);
--html: var(--main);
--keyword: #8b4fd1;
--string: #0f7a4d;
--green: #178b3f;
--yellow: #b7791f;
--red: #d22d3d;
}

112
static/themes/Ascent.css Normal file
View file

@ -0,0 +1,112 @@
@font-face {
font-family: "Instrument Serif";
src: url("/static/font/InstrumentSerif-Regular.woff2") format("woff2");
font-weight: 400;
font-style: normal;
font-display: swap;
}
:root {
color-scheme: light;
--bg-gradient: linear-gradient(#eefeff, #fff);
--bg-fallback: #fff;
--main: #202020;
--muted: #666;
--border: #ddd;
--surface: #fafafa;
--surface-hover: #efefef;
--code-bg: #dadce0;
--input-bg: #f7f7f7;
--input-border: #ccc;
--input-focus: #7c9fff;
--metadata-bg: #ebecee;
--button: #183352;
--button-bg: #dfeaf8;
--button-bg-hover: #d1def0;
--button-top-shadow: rgba(255, 255, 255, 0.45);
--button-bottom-shadow: rgba(55, 82, 122, 0.12);
--accent: #2f80fa;
--accent-hover: #1b74fa;
--warning: #ff9800;
--1d2021: var(--bg-fallback);
--282828: var(--surface);
--3c3836: var(--surface-hover);
--504945: var(--border);
--928374: var(--muted);
--a89984: var(--main);
--bdae93: var(--main);
--8ec07c: #257a4d;
--ebdbb2: var(--main);
--fbf1c7: var(--main);
--comment: #68737f;
--default: var(--main);
--html: var(--main);
--keyword: #8b4fd1;
--string: #0f7a4d;
--green: #178b3f;
--yellow: #b7791f;
--red: #d22d3d;
}
@media (prefers-color-scheme: dark) {
:root {
color-scheme: dark;
--bg-gradient: linear-gradient(#16181d, #101010);
--bg-fallback: #101010;
--main: #e7e7e7;
--muted: #999;
--border: #2a2a2a;
--surface: #18181a;
--surface-hover: #222428;
--code-bg: #222428;
--input-bg: #222325;
--input-border: #444;
--input-focus: #284186;
--metadata-bg: #18181a;
--button: #ececec;
--button-bg: #242424;
--button-bg-hover: #303030;
--button-top-shadow: rgba(255, 255, 255, 0.1);
--button-bottom-shadow: rgba(0, 0, 0, 0.1);
--1d2021: var(--bg-fallback);
--282828: var(--surface);
--3c3836: var(--surface-hover);
--504945: var(--border);
--928374: var(--muted);
--a89984: var(--main);
--bdae93: var(--main);
--8ec07c: #bbf7d0;
--ebdbb2: var(--main);
--fbf1c7: var(--main);
--comment: #89929f;
--default: var(--main);
--html: var(--main);
--keyword: #b890ff;
--string: #8ee8b5;
--green: #22c55e;
--yellow: #fbbf24;
--red: #fb7185;
}
}
html,
body {
background: var(--bg-fallback) var(--bg-gradient) no-repeat;
background-attachment: fixed;
}
.home {
background: transparent;
background-attachment: fixed;
}
@media only screen and (max-width: 1000px) {
.web.has-answer .left::before {
font-family: "Instrument Serif", Georgia, serif;
font-weight: 400;
}
}

50
static/themes/Material Ocean.css Normal file
View file

@ -0,0 +1,50 @@
:root {
color-scheme: dark;
/* semantic tokens */
--bg-fallback: #00010a;
--main: #e5e9f0;
--muted: #7b8ea8;
--border: #4c566a;
--surface: #0f111a;
--surface-hover: #3b4252;
--code-bg: #161824;
--input-bg: #00010a;
--input-border: #4c566a;
--input-focus: #c0303e;
--metadata-bg: rgba(15, 17, 26, 0.85);
--button: #e5e9f0;
--button-bg: #3b4252;
--button-bg-hover: #4c566a;
--button-top-shadow: rgba(255, 255, 255, 0.06);
--button-bottom-shadow: rgba(0, 0, 0, 0.28);
--accent: #ff4151;
--accent-hover: #e63a4a;
--accent-text: #ffffff;
--warning: #ebcb8b;
/* legacy palette variables */
--1d2021: #00010a;
--282828: #0f111a;
--3c3836: #3b4252;
--504945: #4c566a;
--928374: #e5e9f0;
--a89984: #e5e9f0;
--bdae93: #e5e9f0;
--8ec07c: #a3be8c;
--ebdbb2: #e5e9f0;
--fbf1c7: #e5e9f0;
/* code highlighting */
--comment: #3b4252;
--default: #e5e9f0;
--keyword: #88c0d0;
--string: #81a1c1;
--html: #e5e9f0;
/* status colors */
--green: #a3be8c;
--yellow: #ebcb8b;
--red: #bf616a;
}