sanoojes

const e={"settings.title":"Lyrics Settings","settings.searchPlaceholder":"Search settings...","settings.language":"Language","settings.languageDesc":"Select your preferred language","background.title":"Background","background.mode":"Background Mode","background.mode.color":"Color","background.mode.image":"Image","background.mode.animated":"Animated","background.color":"Background Color","background.imageSource":"Image Source","background.blur":"Blur","background.saturation":"Saturation","background.brightness":"Brightness","background.contrast":"Contrast","background.opacity":"Opacity","background.scale":"Scale","background.source":"Source","background.albumArt":"Album Art","background.customUrl":"Custom URL","background.autoPause":"Auto Pause","background.solidColor":"Solid background color","background.whereImage":"Where to load background image from","background.scaleOf":"Scale of the background image","background.forImage":"for background image","background.forAnimated":"for animated background","backgrou

sanoojes

createPage Helper

The createPage function allows you to register a custom React page in the Spotify client (via Spicetify). It handles:

• Mounting/unmounting your React component into Spotify’s DOM.
• Navigating to your page using Spotify’s internal History.
• Returning navigation helpers (goToPage, goBack) so you can trigger page transitions programmatically.

sanoojes

import React from 'react';
import { setWindowControlsHeight } from '@/utils/windowControlUtils';
import {
  calculateBrowserZoom,
  calculateInverseBrowserZoom,
  calculateScaledPx,
} from '@/utils/zoomUtils';
import { useLucidStore } from '@/store/useLucidStore';

const TransparentWindowControl = React.memo(() => {

sanoojes

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');

:root {
  /* Border */
  --border-thickness: 1px;
  --border-radius-sm: 0.5rem;
  --border-radius-md: 0.5rem;
  --border-radius-lg: 0.5rem;

  --default-border: var(--border-thickness) solid var(--spice-border);

sanoojes

# See https://wiki.hyprland.org/Configuring/Monitors/
monitor=,preferred,auto,auto

# See https://wiki.hyprland.org/Configuring/Workspaces/
workspace=eDP-1,1,1,1,1,1,1,1,1

# See https://wiki.hyprland.org/Configuring/Input/
input {
    kb_layout=us
    kb_variant=