From 0d76aaa6223ebcda601ba5d6c4ee05f80a3e8077 Mon Sep 17 00:00:00 2001
From: eldov <eldovcrew@gmail.com>
Date: Sun, 30 Aug 2026 05:17:09 +0200
Subject: [PATCH] feat: initial import of Discourse W-MAKE theme SCSS

---
 themes/w-make-theme.scss | 192 +++++++++++++++++++++++++++++++++++++++
 1 file changed, 192 insertions(+)
 create mode 100644 themes/w-make-theme.scss

diff --git a/themes/w-make-theme.scss b/themes/w-make-theme.scss
new file mode 100644
index 0000000..8c6dab6
--- /dev/null
+++ b/themes/w-make-theme.scss
@@ -0,0 +1,192 @@
+/* FREE-WAREZ — Premium Theme v2
+   Technical · Minimal · Sharp */
+
+:root {
+  --fw-cyan:   #00d4ff;
+  --fw-purple: #8b5cf6;
+  --fw-indigo: #6366f1;
+  --fw-dark:   #0d0d1a;
+  --fw-surface:#141428;
+  --fw-border: rgba(0, 212, 255, 0.14);
+  --fw-text:   #e8e8ff;
+  --fw-muted:  #94a3b8;
+}
+
+/* ─── HEADER ─── */
+.d-header {
+  background-color: rgba(13, 13, 26, 0.95) !important;
+  background-image: none !important;
+  backdrop-filter: blur(16px) saturate(1.5) !important;
+  -webkit-backdrop-filter: blur(16px) saturate(1.5) !important;
+  border-bottom: 1px solid var(--fw-border) !important;
+  box-shadow: 0 4px 32px rgba(0, 0, 0, 0.5) !important;
+  position: relative !important;
+  z-index: 1000 !important;
+}
+
+/* Gradient accent line — bottom of header */
+.d-header::after {
+  content: '' !important;
+  position: absolute !important;
+  bottom: -1px !important;
+  left: 0 !important;
+  right: 0 !important;
+  height: 2px !important;
+  background: linear-gradient(
+    90deg,
+    transparent 0%,
+    var(--fw-cyan) 15%,
+    var(--fw-indigo) 50%,
+    var(--fw-purple) 85%,
+    transparent 100%
+  ) !important;
+  pointer-events: none !important;
+  z-index: 1001 !important;
+}
+
+.d-header .wrap {
+  padding: 10px 24px !important;
+  max-width: 100% !important;
+}
+
+/* ─── LOGO ─── */
+.title .logo-big img,
+.title img.logo-big {
+  height: 40px !important;
+  width: auto !important;
+  max-width: 280px !important;
+  image-rendering: -webkit-optimize-contrast !important;
+  transition: opacity 0.25s ease !important;
+}
+
+.title .logo-big img:hover {
+  opacity: 0.85 !important;
+}
+
+.title .logo-small img,
+.title img.logo-small {
+  height: 30px !important;
+  width: auto !important;
+}
+
+/* ─── ICONS & BUTTONS ─── */
+.d-header .btn,
+.d-header button,
+.d-header .icon {
+  color: var(--fw-muted) !important;
+  background: transparent !important;
+  border-radius: 6px !important;
+  transition: color 0.15s ease, background 0.15s ease !important;
+}
+
+.d-header .btn:hover,
+.d-header button:hover,
+.d-header .icon:hover {
+  color: var(--fw-cyan) !important;
+  background: rgba(0, 212, 255, 0.1) !important;
+}
+
+/* ─── SEARCH ─── */
+.search-input,
+#search-term {
+  background: rgba(20, 20, 40, 0.85) !important;
+  border: 1px solid var(--fw-border) !important;
+  color: var(--fw-text) !important;
+  border-radius: 6px !important;
+  font-size: 14px !important;
+  transition: border-color 0.15s, box-shadow 0.15s !important;
+}
+
+.search-input:focus,
+#search-term:focus {
+  border-color: var(--fw-cyan) !important;
+  box-shadow: 0 0 0 3px rgba(0, 212, 255, 0.1) !important;
+  outline: none !important;
+}
+
+/* ─── NAV TABS ─── */
+.nav-pills > li > a {
+  font-size: 11px !important;
+  font-weight: 600 !important;
+  letter-spacing: 1.5px !important;
+  text-transform: uppercase !important;
+  color: var(--fw-muted) !important;
+  border: 1px solid transparent !important;
+  border-radius: 5px !important;
+  padding: 5px 12px !important;
+  transition: color 0.15s, border-color 0.15s, background 0.15s !important;
+}
+
+.nav-pills > li.active > a,
+.nav-pills > li > a:hover {
+  color: var(--fw-cyan) !important;
+  border-color: var(--fw-border) !important;
+  background: rgba(0, 212, 255, 0.07) !important;
+}
+
+/* ─── TOPIC TITLES ─── */
+.topic-list-item .title a:hover,
+.fancy-title:hover {
+  color: var(--fw-cyan) !important;
+}
+
+/* ─── BUTTONS ─── */
+.btn-primary,
+.btn-primary:visited {
+  background: linear-gradient(135deg, var(--fw-cyan) 0%, var(--fw-purple) 100%) !important;
+  border: none !important;
+  font-size: 12px !important;
+  font-weight: 700 !important;
+  letter-spacing: 0.5px !important;
+  border-radius: 6px !important;
+  box-shadow: 0 2px 14px rgba(0, 212, 255, 0.22) !important;
+  transition: box-shadow 0.2s ease, transform 0.1s ease !important;
+}
+
+.btn-primary:hover {
+  box-shadow: 0 4px 24px rgba(0, 212, 255, 0.38) !important;
+  transform: translateY(-1px) !important;
+}
+
+.btn-primary:active {
+  transform: translateY(0) !important;
+}
+
+/* ─── CUSTOM SCROLLBAR ─── */
+::-webkit-scrollbar {
+  width: 5px;
+  height: 5px;
+}
+::-webkit-scrollbar-track {
+  background: var(--fw-dark);
+}
+::-webkit-scrollbar-thumb {
+  background: linear-gradient(180deg, var(--fw-cyan), var(--fw-purple));
+  border-radius: 3px;
+}
+::-webkit-scrollbar-thumb:hover {
+  background: linear-gradient(180deg, #33dcff, #a78bfa);
+}
+
+/* ─── BADGES ─── */
+.badge-notification {
+  background: var(--fw-purple) !important;
+  font-size: 10px !important;
+  font-weight: 700 !important;
+}
+
+/* ─── CATEGORY BADGES ─── */
+.badge-category {
+  font-size: 10px !important;
+  font-weight: 600 !important;
+  letter-spacing: 0.5px !important;
+}
+
+/* ─── AVATAR ring on hover ─── */
+.avatar {
+  transition: box-shadow 0.15s ease !important;
+}
+.avatar:hover {
+  box-shadow: 0 0 0 2px var(--fw-cyan) !important;
+}
+