krispire/spsays-training
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

theme update

Browse Source
This commit is contained in:
gosangam
2026-05-11 01:58:02 +05:30
parent db8deb232b
commit 9a3056fbd8
3 changed files with 287 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/globals.css
+144
View File
@@ -89,6 +89,78 @@
--reading-text-align: start;
}
/* ── Light palette — "Tulasī Garden" ──
A fresh, distinctly GREEN palette — noticeably green background
(not just a green-tinted white), with deep forest text and primary. */
:root:not(.dark)[data-light-palette="tulasi-garden"] {
--background: oklch(0.92 0.07 152);
--foreground: oklch(0.22 0.09 155);
--card: oklch(0.95 0.055 150);
--card-foreground: oklch(0.22 0.09 155);
--popover: oklch(0.95 0.055 150);
--popover-foreground: oklch(0.22 0.09 155);
--primary: oklch(0.45 0.19 150);
--primary-foreground: oklch(0.97 0.04 150);
--secondary: oklch(0.85 0.1 152);
--secondary-foreground: oklch(0.22 0.09 155);
--muted: oklch(0.87 0.09 152);
--muted-foreground: oklch(0.42 0.11 150);
--accent: oklch(0.87 0.09 152);
--accent-foreground: oklch(0.22 0.09 155);
--border: oklch(0.76 0.12 150);
--input: oklch(0.76 0.12 150);
--ring: oklch(0.56 0.17 150);
--chart-1: oklch(0.45 0.19 150);
--chart-2: oklch(0.42 0.11 150);
--chart-3: oklch(0.56 0.17 150);
--chart-4: oklch(0.34 0.12 145);
--chart-5: oklch(0.22 0.09 155);
--sidebar: oklch(0.95 0.055 150);
--sidebar-foreground: oklch(0.22 0.09 155);
--sidebar-primary: oklch(0.45 0.19 150);
--sidebar-primary-foreground: oklch(0.97 0.04 150);
--sidebar-accent: oklch(0.87 0.09 152);
--sidebar-accent-foreground: oklch(0.22 0.09 155);
--sidebar-border: oklch(0.76 0.12 150);
--sidebar-ring: oklch(0.56 0.17 150);
}
/* ── Light palette — "Yamunā Mist" ──
A distinctly BLUE palette inspired by the sacred Yamunā river —
noticeably blue background (not just a blue-tinted white). */
:root:not(.dark)[data-light-palette="yamuna-mist"] {
--background: oklch(0.92 0.05 230);
--foreground: oklch(0.24 0.09 240);
--card: oklch(0.95 0.04 230);
--card-foreground: oklch(0.24 0.09 240);
--popover: oklch(0.95 0.04 230);
--popover-foreground: oklch(0.24 0.09 240);
--primary: oklch(0.52 0.2 240);
--primary-foreground: oklch(0.97 0.03 230);
--secondary: oklch(0.85 0.08 232);
--secondary-foreground: oklch(0.24 0.09 240);
--muted: oklch(0.87 0.07 232);
--muted-foreground: oklch(0.44 0.11 235);
--accent: oklch(0.87 0.07 232);
--accent-foreground: oklch(0.24 0.09 240);
--border: oklch(0.76 0.1 232);
--input: oklch(0.76 0.1 232);
--ring: oklch(0.62 0.15 235);
--chart-1: oklch(0.52 0.2 240);
--chart-2: oklch(0.44 0.11 235);
--chart-3: oklch(0.62 0.15 235);
--chart-4: oklch(0.38 0.13 240);
--chart-5: oklch(0.24 0.09 240);
--sidebar: oklch(0.95 0.04 230);
--sidebar-foreground: oklch(0.24 0.09 240);
--sidebar-primary: oklch(0.52 0.2 240);
--sidebar-primary-foreground: oklch(0.97 0.03 230);
--sidebar-accent: oklch(0.87 0.07 232);
--sidebar-accent-foreground: oklch(0.24 0.09 240);
--sidebar-border: oklch(0.76 0.1 232);
--sidebar-ring: oklch(0.62 0.15 235);
}
/* ── Dark mode — "Ancient Manuscript" ── */
.dark {
--background: oklch(0.197 0.013 55.5);
@@ -124,6 +196,78 @@
--sidebar-ring: oklch(0.636 0.08 86.9);
}
/* ── Dark palette — "Nīlamaṇi" ──
"Blue jewel" — Kṛṣṇa's sapphire complexion. Deep navy with
bright sky-blue accents — cool and distinctly BLUE. */
.dark[data-dark-palette="nilamani"] {
--background: oklch(0.16 0.05 255);
--foreground: oklch(0.92 0.04 220);
--card: oklch(0.21 0.06 252);
--card-foreground: oklch(0.92 0.04 220);
--popover: oklch(0.21 0.06 252);
--popover-foreground: oklch(0.92 0.04 220);
--primary: oklch(0.72 0.18 235);
--primary-foreground: oklch(0.16 0.05 255);
--secondary: oklch(0.28 0.06 248);
--secondary-foreground: oklch(0.92 0.04 220);
--muted: oklch(0.28 0.06 248);
--muted-foreground: oklch(0.7 0.07 230);
--accent: oklch(0.28 0.06 248);
--accent-foreground: oklch(0.92 0.04 220);
--border: oklch(0.7 0.12 235 / 22%);
--input: oklch(0.7 0.12 235 / 26%);
--ring: oklch(0.66 0.14 235);
--chart-1: oklch(0.72 0.18 235);
--chart-2: oklch(0.7 0.07 230);
--chart-3: oklch(0.66 0.14 235);
--chart-4: oklch(0.46 0.1 240);
--chart-5: oklch(0.28 0.06 248);
--sidebar: oklch(0.21 0.06 252);
--sidebar-foreground: oklch(0.92 0.04 220);
--sidebar-primary: oklch(0.72 0.18 235);
--sidebar-primary-foreground: oklch(0.16 0.05 255);
--sidebar-accent: oklch(0.28 0.06 248);
--sidebar-accent-foreground: oklch(0.92 0.04 220);
--sidebar-border: oklch(0.7 0.12 235 / 22%);
--sidebar-ring: oklch(0.66 0.14 235);
}
/* ── Dark palette — "Vraja Twilight" ──
The crimson dusk over Vraja — deep wine background with warm
rose-red accents. Distinctly RED/WARM, no overlap with the others. */
.dark[data-dark-palette="vraja-twilight"] {
--background: oklch(0.18 0.05 15);
--foreground: oklch(0.92 0.03 25);
--card: oklch(0.22 0.06 12);
--card-foreground: oklch(0.92 0.03 25);
--popover: oklch(0.22 0.06 12);
--popover-foreground: oklch(0.92 0.03 25);
--primary: oklch(0.72 0.18 25);
--primary-foreground: oklch(0.18 0.05 15);
--secondary: oklch(0.28 0.06 15);
--secondary-foreground: oklch(0.92 0.03 25);
--muted: oklch(0.28 0.06 15);
--muted-foreground: oklch(0.7 0.07 22);
--accent: oklch(0.28 0.06 15);
--accent-foreground: oklch(0.92 0.03 25);
--border: oklch(0.7 0.12 25 / 22%);
--input: oklch(0.7 0.12 25 / 26%);
--ring: oklch(0.66 0.14 25);
--chart-1: oklch(0.72 0.18 25);
--chart-2: oklch(0.7 0.07 22);
--chart-3: oklch(0.66 0.14 25);
--chart-4: oklch(0.46 0.1 20);
--chart-5: oklch(0.28 0.06 15);
--sidebar: oklch(0.22 0.06 12);
--sidebar-foreground: oklch(0.92 0.03 25);
--sidebar-primary: oklch(0.72 0.18 25);
--sidebar-primary-foreground: oklch(0.18 0.05 15);
--sidebar-accent: oklch(0.28 0.06 15);
--sidebar-accent-foreground: oklch(0.92 0.03 25);
--sidebar-border: oklch(0.7 0.12 25 / 22%);
--sidebar-ring: oklch(0.66 0.14 25);
}
@layer base {
* {
@apply border-border outline-ring/50;
app/transcriptions/[slug]/page.tsx
+5 -5
View File
@@ -117,16 +117,16 @@ export default async function TranscriptionPage({
<TranscriptionNav prev={prev} next={next} />
{/* Audio + Participants row */}
<div className="w-full flex flex-col md:flex-row items-start md:items-end justify-between gap-4">
<div className="w-full flex flex-col md:flex-row items-start md:items-start justify-between gap-4">
{/* Participants */}
{t.participants.length > 0 && (
<>
<div className="flex flex-col gap-2">
<div className="flex pl-2 items-center gap-2 flex-wrap text-sm text-muted-foreground">
<div className="">
<div className="flex flex-row pl-2 mb-2 items-center gap-2 text-sm text-muted-foreground">
<Users className="size-3.5" />
<span>Participants:</span>
</div>
<div className="flex items-center gap-2 flex-wrap text-sm text-muted-foreground">
<div className="max-w-full flex items-center gap-2 flex-wrap text-sm text-muted-foreground">
{t.participants.map((p, i) => (
<Badge
key={i}
@@ -143,7 +143,7 @@ export default async function TranscriptionPage({
{/* Play Audio button */}
{t.audioUrl && (
<div className="w-full md:w-auto flex justify-end">
<div className="w-full md:w-[25%] flex justify-end">
<PlayAudioButton
audioUrl={t.audioUrl}
title={t.name}