nosignal/nosignal-shell
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

config: add vibrant option

Browse source 
Adds extra vibrancy (i.e. extra saturation)
This commit is contained in:
2 * r + 2 * t 2025-03-23 15:45:39 +11:00
parent 48a2ddc5d5
commit 7baceef03e
2 changed files with 8 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
app.tsx
View file

@ -5,7 +5,7 @@ import Osds from "@/modules/osds";
import Popdowns from "@/modules/popdowns"; import Popdowns from "@/modules/popdowns";
import Session from "@/modules/session"; import Session from "@/modules/session";
import Monitors from "@/services/monitors"; import Monitors from "@/services/monitors";
import Palette, { type Hex } from "@/services/palette"; import Palette from "@/services/palette";
import Players from "@/services/players"; import Players from "@/services/players";
import Schemes from "@/services/schemes"; import Schemes from "@/services/schemes";
import Wallpapers from "@/services/wallpapers"; import Wallpapers from "@/services/wallpapers";
@ -21,15 +21,19 @@ const shouldBeTransparent = (name: string) =>
name.startsWith("surface") || name.startsWith("surface") ||
name.startsWith("overlay"); name.startsWith("overlay");
const applyTransparency = (name: string, hex: Hex) => { const applyTransparency = (name: string, hex: string) => {
if (style.transparency.get() === "off" || !shouldBeTransparent(name)) return hex; if (style.transparency.get() === "off" || !shouldBeTransparent(name)) return hex;
const amount = style.transparency.get() === "high" ? 0.58 : 0.78; const amount = style.transparency.get() === "high" ? 0.58 : 0.78;
return `color.change(${hex}, $alpha: ${amount})`; return `color.change(${hex}, $alpha: ${amount})`;
}; };
const applyVibrancy = (hex: string) => {
return style.vibrant.get() ? `color.scale(${hex}, $saturation: 40%)` : hex;
};
export const loadStyleAsync = async () => { export const loadStyleAsync = async () => {
const schemeColours = Object.entries(Palette.get_default().colours) const schemeColours = Object.entries(Palette.get_default().colours)
.map(([name, hex]) => `$${name}: ${applyTransparency(name, hex)};`) .map(([name, hex]) => `$${name}: ${applyVibrancy(applyTransparency(name, hex))};`)
.join("\n"); .join("\n");
await writeFileAsync(`${SRC}/scss/scheme/_index.scss`, `@use "sass:color";\n${schemeColours}`); await writeFileAsync(`${SRC}/scss/scheme/_index.scss`, `@use "sass:color";\n${schemeColours}`);
App.apply_css(await execAsync(`sass ${SRC}/style.scss`), true); App.apply_css(await execAsync(`sass ${SRC}/style.scss`), true);

1
config.ts
View file

@ -48,6 +48,7 @@ export const initConfig = () => {
const DEFAULTS = { const DEFAULTS = {
style: { style: {
transparency: "normal", // One of "off", "normal", "high" transparency: "normal", // One of "off", "normal", "high"
vibrant: false, // Extra saturation
}, },
// Modules // Modules
bar: { bar: {