Dodanie nowej palety kolorów inspirowanej niebem i szybownictwem – delikatne błękity przechodzące w szarości. Paleta ma działać zarówno w na jasnym i ciemnym tle. W lewym sidebarze, pojawił się przycisk z ikonką palety malarskiej, pozwalający przełączać paletę kolorów w całym systemie.

CSS – Nowa Paleta

globals.css

Dodajemy nowe selektory CSS dla palety glider (szybownictwo). Paleta opiera się na OKLCH z delikatnym chroma w odcieniach niebieskim (hue ~230-250):

Light Mode (:root[data-palette="glider"]):

  • Filozofia: Kolor nieba o wschodzie słońca – jasnobłękitne szarości, spokojne i przestrzenne

  • Background: ciepłobiały z ledwo wyczuwalnym błękitnym podtonem

  • Cards: czyste białe z delikatnym lodowym odcieniem

  • Borders: srebrno-błękitne

  • Highlight (accent): głęboki cerulean blue

  • Sidebar: delikatna błękitna mgła

  • Shadows: niebieskawe

Dark Mode (.dark[data-palette="glider"]):

  • Filozofia: Nocne niebo nad lotniskiem – głębokie granatowe czernie

  • Background: głęboki granatowy-czarny

  • Cards: ciemnygrafit z niebieskim podtonem

  • Borders: stalowo-niebieskie

  • Highlight: jasny elektryczny błękit

  • Sidebar: matchuje background

  • Shadows: głęboko niebieskie


Szczegóły Palety „Szybownictwo" (OKLCH Values)

Light Mode

Token Wartość OKLCH Opis

--background 0.975 0.008 235 Lodowy biały z błękitnym oddechem

--foreground 0.18 0.02 240 Granatowy-prawie-czarny

--card 0.99 0.005 230 Krystaliczny biały

--muted 0.955 0.012 235 Jasna mgła

--muted-foreground 0.48 0.02 240 Stalowy

--accent 0.955 0.012 235 = muted

--border 0.90 0.015 235 Srebrno-błękitna

--highlight 0.55 0.16 245 Cerulean blue – główny akcent

--outline 0.90 0.015 235 = border

--sidebar 0.97 0.01 235 Lekka mgła

--shadow-color 0.30 0.04 240 Niebieskawy cień

Dark Mode

Token Wartość OKLCH Opis

--background 0.16 0.02 240 Nocne niebo

--foreground 0.94 0.01 230 Lodowy biały

--card 0.20 0.025 240 Głęboki grafit-blue

--muted 0.24 0.02 240 Ciemna mgła

--muted-foreground 0.58 0.025 235 Stalowo-błękitny

--accent 0.24 0.02 240 = muted

--border 0.30 0.025 240 Stalowa linia

--highlight 0.72 0.14 235 Elektryczny błękit

--outline 0.30 0.025 240 = border

--sidebar 0.16 0.02 240 = background

--shadow-color 0.08 0.03 240 Głęboki niebieskawy