diff --git a/src/islands/Internet/InternetAddonsModal.jsx b/src/islands/Internet/InternetAddonsModal.jsx
index a12f61c..133918e 100644
--- a/src/islands/Internet/InternetAddonsModal.jsx
+++ b/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 "✓";
diff --git a/src/islands/Internet/InternetAddonsModalCompact.jsx b/src/islands/Internet/InternetAddonsModalCompact.jsx
index 6c508dc..02c4ce3 100644
--- a/src/islands/Internet/InternetAddonsModalCompact.jsx
+++ b/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 "✓";
diff --git a/src/islands/Internet/InternetCards.jsx b/src/islands/Internet/InternetCards.jsx
index 4cf6698..00c1989 100644
--- a/src/islands/Internet/InternetCards.jsx
+++ b/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 "";
diff --git a/src/islands/jambox/JamboxAddonsModal.jsx b/src/islands/jambox/JamboxAddonsModal.jsx
index 276dd69..2aab4df 100644
--- a/src/islands/jambox/JamboxAddonsModal.jsx
+++ b/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 "✓";
diff --git a/src/islands/jambox/JamboxAddonsModalCompact.jsx b/src/islands/jambox/JamboxAddonsModalCompact.jsx
index ea75747..b1fad63 100644
--- a/src/islands/jambox/JamboxAddonsModalCompact.jsx
+++ b/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 "✓";
diff --git a/src/islands/jambox/JamboxCards.jsx b/src/islands/jambox/JamboxCards.jsx
index 4d9ebda..93bc34f 100644
--- a/src/islands/jambox/JamboxCards.jsx
+++ b/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";
diff --git a/src/islands/jambox/JamboxChannelsModal.jsx b/src/islands/jambox/JamboxChannelsModal.jsx
index 1143345..57d8e0d 100644
--- a/src/islands/jambox/JamboxChannelsModal.jsx
+++ b/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 }) {
diff --git a/src/islands/phone/OffersPhoneCards.jsx b/src/islands/phone/OffersPhoneCards.jsx
index 5efb5e6..6b20c4c 100644
--- a/src/islands/phone/OffersPhoneCards.jsx
+++ b/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
diff --git a/src/styles/base.css b/src/styles/base.css
index 937968a..eaaf59c 100644
--- a/src/styles/base.css
+++ b/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;
diff --git a/src/styles/offers/offers-switches.css b/src/styles/offers-switches.css
similarity index 100%
rename from src/styles/offers/offers-switches.css
rename to src/styles/offers-switches.css
diff --git a/src/styles/offers/offers-table.css b/src/styles/offers-table.css
similarity index 100%
rename from src/styles/offers/offers-table.css
rename to src/styles/offers-table.css
diff --git a/src/styles/theme.css b/src/styles/theme.css
index f5b6ca0..bb4a64d 100644
--- a/src/styles/theme.css
+++ b/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;