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:[email protected]&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=