boris/ElegantFin
1
0 Fork 0
mirror of https://github.com/lscambo13/ElegantFin.git synced 2026-10-26 09:39:34 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix: Smaller column gap and many other overrides were not being applied on phones

Browse Source 
Fix: Made the icon shadow a touch sharper
dev: rearranged some code and updated a color
This commit is contained in:
lscambo13 committed 2026-07-05 15:32:49 +05:30
1 parent 3c4e59be76
commit d876036eb0
1 file changed
+13 -15
Download Patch File Download Diff File Expand all files Collapse all files
Theme/ElegantFin-theme-nightly.css
+13 -15
View File
@@ -30,6 +30,12 @@
:root { :root {
--elegantFinFooterText: "ElegantFin Nightly"; --elegantFinFooterText: "ElegantFin Nightly";
font-family: "Inter", sans-serif;
font-optical-sizing: auto;
font-weight: 425;
font-style: normal;
-webkit-tap-highlight-color: transparent !important;
/* Base theme colors */ /* Base theme colors */
color-scheme: dark; color-scheme: dark;
color: var(--textColor); color: var(--textColor);
@@ -83,7 +89,7 @@
--headerColorGradientAlt: linear-gradient(180deg, rgba(30, 40, 54, 1), 70%, transparent); --headerColorGradientAlt: linear-gradient(180deg, rgba(30, 40, 54, 1), 70%, transparent);
--headerBlurMask: linear-gradient(180deg, white 50%, 85%, transparent); --headerBlurMask: linear-gradient(180deg, white 50%, 85%, transparent);
--cardFooterGradient: linear-gradient(0deg, rgb(0 0 0 / 90%), 40%, transparent); --cardFooterGradient: linear-gradient(0deg, hsla(0, 0%, 5%, 0.95), 40%, transparent);
--topOSDGradient: linear-gradient(180deg, hsla(0, 0%, 0%, 0.8), 45%, hsla(0, 0%, 0%, 0)); --topOSDGradient: linear-gradient(180deg, hsla(0, 0%, 0%, 0.8), 45%, hsla(0, 0%, 0%, 0));
--bottomOSDGradient: linear-gradient(0deg, hsla(0, 0%, 0%, 0.8), 45%, hsla(0, 0%, 0%, 0)); --bottomOSDGradient: linear-gradient(0deg, hsla(0, 0%, 0%, 0.8), 45%, hsla(0, 0%, 0%, 0));
@@ -124,7 +130,7 @@
--shadow: 0.1em 0.1em 0.15em hsla(0, 0%, 0%, 0.3); --shadow: 0.1em 0.1em 0.15em hsla(0, 0%, 0%, 0.3);
--cardShadow: 0 1px 6px 0px hsla(0, 0%, 0%, 0.3); --cardShadow: 0 1px 6px 0px hsla(0, 0%, 0%, 0.3);
--iconShadow: 0.1em 0.1em 0.15em hsla(0, 0%, 0%, 0.7); --iconShadow: 0px 0px 2px hsla(0, 0%, 0%, 0.8), 1px 1px 0px hsla(0, 0%, 0%, 0.5);
/* use "" to enable a fancy blur behind the app header / top bar [default]; /* use "" to enable a fancy blur behind the app header / top bar [default];
use none (without quotes) to disable it */ use none (without quotes) to disable it */
@@ -205,12 +211,11 @@
--resumeCardScale: 1; --resumeCardScale: 1;
} }
html { :root.layout-mobile {
font-family: "Inter", sans-serif; --headerColorGradient: var(--headerColorGradientAlt);
font-optical-sizing: auto; --blurLargest: blur(12px);
font-weight: 425; --headerBlurMask: linear-gradient(180deg, white 60%, 90%, transparent);
font-style: normal; --itemColumnGap: 0.4em;
-webkit-tap-highlight-color: transparent !important;
} }
body { body {
@@ -228,13 +233,6 @@ select {
--secondaryItemPageNegativeSpace: calc(60vh + 5em); --secondaryItemPageNegativeSpace: calc(60vh + 5em);
} }
.layout-mobile {
--headerColorGradient: var(--headerColorGradientAlt);
--blurLargest: blur(12px);
--headerBlurMask: linear-gradient(180deg, white 60%, 90%, transparent);
--itemColumnGap: 0.5em;
}
.layout-mobile > body { .layout-mobile > body {
--secondaryItemPageNegativeSpace: 45vh; --secondaryItemPageNegativeSpace: 45vh;
} }