zan1456/firka-extension
1
0
Fork 0
mirror of https://github.com/QwIT-Development/firka-extension.git synced 2026-06-12 03:41:39 +02:00
Code Issues Actions Releases 1 Activity

Removed refilc colors, added theme customisation (WIP)

Browse Source
This commit is contained in:
Zan
2025-09-23 19:31:22 +02:00
parent 0f9bae45a5
commit 636a325470
12 changed files with 989 additions and 228 deletions
Download Patch File Download Diff File Expand all files Collapse all files

58
global/theme.css
View File

@@ -1,18 +1,18 @@
:root {
--background:#DAE4F7;
--background-0:#dae4f700;
--background:#FAFFF0;
--background-0:#fafff000;
--success:var(--grades-4);
--shadow-blur:2px;
--text-primary:#050B15;
--text-secondary:#050b15cc;
--text-teritary:#050b1580;
--card-card:#EDF3FF;
--card-translucent:#edf3ff80;
--button-secondaryFill:#FBFCFF;
--accent-accent:#3673EE;
--accent-secondary:#1C469A;
--accent-shadow:#1c469a26;
--accent-15:#3673ee26;
--text-primary:#394C0A;
--text-secondary:#394c0acc;
--text-teritary:#394c0a80;
--card-card:#F3FBDE;
--card-translucent:#f3fbde80;
--button-secondaryFill:#FEFFFD;
--accent-accent:#A7DC22;
--accent-secondary:#6E8F1B;
--accent-shadow:#647e2226;
--accent-15:#a7dc2226;
--warning-accent:var(--grades-2);
--warning-text:#8F531B;
--warning-15:#ffa04626;
@@ -66,40 +66,6 @@
--grades-background-4:#92EA3B26;
--grades-background-5:#22CCAD26;
}
:root[data-theme="dark-blue"] {
--background:#070A0E;
--background-0:#070a0e00;
--success:var(--grades-4);
--shadow-blur:0;
--text-primary:#EBF1FD;
--text-secondary:#ebf1fdcc;
--text-teritary:#ebf1fd80;
--card-card:#0F131B;
--card-translucent:#0f131b80;
--button-secondaryFill:#131822;
--accent-accent:#3673EE;
--accent-secondary:#AEC8FC;
--accent-shadow:#0000;
--accent-15:#3673ee26;
--warning-accent:var(--grades-2);
--warning-text:#f0b37a;
--warning-15:#ffa04626;
--warning-card:#201203;
--error-accent:var(--grades-1);
--error-text:#f59ec5;
--error-15:#ff54a126;
--error-card:#1e030f;
--grades-1:#FF54A1;
--grades-2:#FFA046;
--grades-3:#F9CF00;
--grades-4:#92EA3B;
--grades-5:#22CCAD;
--grades-background-1:#FF54A126;
--grades-background-2:#FFA04626;
--grades-background-3:#F9CF0026;
--grades-background-4:#92EA3B26;
--grades-background-5:#22CCAD26;
}
:root[data-theme="dark-green"] {
--background:#0D1202;
--background-0:#0E130200;

13
global/theme.js
View File

@@ -1,18 +1,13 @@
(() => {
async function setTheme(theme) {
try {
const actualTheme = theme === "default" ? "light-blue" : theme;
document.documentElement.setAttribute("data-theme", actualTheme);
await storageManager.set("themePreference", actualTheme);
localStorage.setItem("themePreference", actualTheme);
document.documentElement.setAttribute("data-theme", theme);
await storageManager.set("themePreference", theme);
localStorage.setItem("themePreference", theme);
chrome.runtime
.sendMessage({
action: "themeChanged",
theme: actualTheme,
theme: theme,
})
.catch(() => {});
} catch (error) {