Przeniesienie styli offers z podkatalogu do głownego

src/islands/Internet/InternetAddonsModal.jsx

@@ -1,6 +1,6 @@
 import { useEffect, useMemo, useState } from "preact/hooks";
 import "../../styles/modal.css";
-import "../../styles/offers/offers-table.css";
+import "../../styles/offers-table.css";
 
 function formatFeatureValue(val) {
   if (val === true || val === "true") return "✓";

src/islands/Internet/InternetAddonsModalCompact.jsx

@@ -1,6 +1,6 @@
 import { useEffect, useMemo, useState } from "preact/hooks";
 import "../../styles/modal.css";
-import "../../styles/offers/offers-table.css";
+import "../../styles/offers-table.css";
 
 function formatFeatureValue(val) {
   if (val === true || val === "true") return "✓";

src/islands/Internet/InternetCards.jsx

@@ -2,7 +2,7 @@ import { useEffect, useState } from "preact/hooks";
 import Markdown from "../Markdown.jsx";
 import OffersSwitches from "../OffersSwitches.jsx";
 import InternetAddonsModal from "./InternetAddonsModalCompact.jsx";
-import "../../styles/offers/offers-table.css";
+import "../../styles/offers-table.css";
 
 function formatMoney(amount, currency = "PLN") {
   if (typeof amount !== "number" || Number.isNaN(amount)) return "";

src/islands/jambox/JamboxAddonsModal.jsx

@@ -1,6 +1,6 @@
 import { useEffect, useMemo, useState } from "preact/hooks";
 import "../../styles/modal.css";
-import "../../styles/offers/offers-table.css";
+import "../../styles/offers-table.css";
 
 function formatFeatureValue(val) {
   if (val === true || val === "true") return "✓";

src/islands/jambox/JamboxAddonsModalCompact.jsx

@@ -1,6 +1,6 @@
 import { useEffect, useMemo, useState } from "preact/hooks";
 import "../../styles/modal.css";
-import "../../styles/offers/offers-table.css";
+import "../../styles/offers-table.css";
 
 function formatFeatureValue(val) {
   if (val === true || val === "true") return "✓";

src/islands/jambox/JamboxCards.jsx

@@ -1,5 +1,5 @@
 import { useEffect, useState } from "preact/hooks";
-import "../../styles/offers/offers-table.css";
+import "../../styles/offers-table.css";
 
 import OffersSwitches from "../OffersSwitches.jsx";
 import JamboxChannelsModal from "./JamboxChannelsModal.jsx";

src/islands/jambox/JamboxChannelsModal.jsx

@@ -1,6 +1,6 @@
 import { useEffect, useMemo, useState } from "preact/hooks";
 import "../../styles/modal.css";
-import "../../styles/offers/offers-table.css";
+import "../../styles/offers-table.css";
 import "../../styles/channels-search.css";
 
 export default function JamboxChannelsModal({ isOpen, onClose, pkg }) {

src/islands/phone/OffersPhoneCards.jsx

@@ -1,5 +1,5 @@
 import Markdown from "../../islands/Markdown.jsx";
-import "../../styles/offers/offers-table.css";
+import "../../styles/offers-table.css";
 
 /**
  * @typedef {{ klucz: string, label: string, value: (string|number) }} PhoneParam

src/styles/base.css

@@ -12,7 +12,7 @@
 @import "./footer.css";
 @import "./cookie.css";
 @import "./contact.css";
-@import "./offers/offers-switches.css";
+@import "./offers-switches.css";
 
 html {
   font-family: 'Nunito', sans-serif;

src/styles/theme.css

@@ -9,19 +9,25 @@
   --brand-light: hsl(var(--brand-hue) var(--brand-saturation) var(--brand-lightness));
   --link-color-light: hsla(210, 100%, 40%, 1);
   --link-hover-light: hsla(165, 80%, 25%, 1);
-  /* --link-background-light: hsla(0 0% 50% 1); */
-
-
 
   --text1-light: hsl(var(--brand-hue) var(--brand-saturation) 10%);
   --text2-light: hsl(var(--brand-hue) 30% 30%);
   --text3-light: hsl(var(--brand-hue) 15% 85%);
+  /* 
   --surface1-light: hsl(var(--brand-hue) 25% 90%);
   --surface2-light: hsl(var(--brand-hue) 20% 99%);
   --surface3-light: hsl(var(--brand-hue) 20% 92%);
   --surface4-light: hsl(var(--brand-hue) 20% 85%);
+  --surface5-light: hsla(217, 70%, 26%, 1); 
+  */
+
+  --surface1-light: hsla(200, 25%, 90%, 1);
+  --surface2-light: hsla(200, 20%, 99%, 1);
+  --surface3-light: hsla(200, 20%, 92%, 1);
+  --surface4-light: hsla(200, 20%, 85%, 1);
   --surface5-light: hsla(217, 70%, 26%, 1);
 
+
   --surface-shadow-light: var(--brand-hue) 10% 20%;
   --shadow-strength-light: .02;
   --border1-light: hsl(var(--brand-hue) 5% 80%);
@@ -30,11 +36,18 @@
   --brand-dark: hsl(var(--brand-hue) calc(var(--brand-saturation) / 0.2) calc(var(--brand-lightness) / 1.5));
   --text1-dark: hsl(var(--brand-hue) 15% 85%);
   --text2-dark: hsl(var(--brand-hue) 5% 65%);
-  --surface1-dark: hsl(var(--brand-hue) 10% 10%);
-  --surface2-dark: hsl(var(--brand-hue) 10% 15%);
-  --surface3-dark: hsl(var(--brand-hue) 5% 20%);
-  --surface4-dark: hsl(var(--brand-hue) 5% 25%);
-  --surface5-dark: hsl(var(--brand-hue) 35% 25%);
+
+  --surface1-dark: hsla(200, 10%, 10%, 1);
+  --surface2-dark: hsla(200, 10%, 15%, 1);
+  --surface3-dark: hsla(200, 5%, 20%, 1);
+  --surface4-dark: hsla(200, 5%, 25%, 1);
+  --surface5-dark: hsla(200, 35%, 25%, 1);
+  --surface6-dark: hsla(205, 51%, 41%, 1);
+
+  /*
+
+
+  */
 
   --surface-shadow-dark: var(--brand-hue) 50% 3%;
   --shadow-strength-dark: .8;