From cbadc88044ba180009a1ea48c1cd003dd1ba4739 Mon Sep 17 00:00:00 2001
From: candifloss <candifloss@candifloss.cc>
Date: Sun, 23 Aug 2026 21:58:13 +0530
Subject: [PATCH] Begin CSS styling

---
 .gitignore                      | 1 +
 ewwii.css                       | 7 ++++++-
 nbcl/config/config.example.nbcl | 3 ++-
 nbcl/panel/panel_component.nbcl | 3 +++
 scss/colors/_glass.scss         | 6 ++++++
 scss/common/_reset.scss         | 2 +-
 scss/ewwii.scss                 | 1 +
 scss/panel/_panel.scss          | 6 ++++++
 8 files changed, 26 insertions(+), 3 deletions(-)
 create mode 100644 scss/panel/_panel.scss

diff --git a/.gitignore b/.gitignore
index 5131570..d75b394 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,3 +1,4 @@
 nbcl/config/config.nbcl
 scss/local/
 dprint.json
+ewwii.core
diff --git a/ewwii.css b/ewwii.css
index f5b1be6..aec0802 100644
--- a/ewwii.css
+++ b/ewwii.css
@@ -1,4 +1,9 @@
+/* Reset all GTK styles */
 * {
 	all: unset;
-	box-sizing: border-box;
+}
+
+/* Top bar */
+.ewwii_panel {
+	background-color: rgba(95, 95, 95, .404);
 }
diff --git a/nbcl/config/config.example.nbcl b/nbcl/config/config.example.nbcl
index 240905a..c64cacb 100644
--- a/nbcl/config/config.example.nbcl
+++ b/nbcl/config/config.example.nbcl
@@ -1,3 +1,4 @@
 # Example config  
 
-const panel_height = 27
\ No newline at end of file
+const panel_height = 27
+const panel_width = 1366
\ No newline at end of file
diff --git a/nbcl/panel/panel_component.nbcl b/nbcl/panel/panel_component.nbcl
index 0b351c2..28ae330 100644
--- a/nbcl/panel/panel_component.nbcl
+++ b/nbcl/panel/panel_component.nbcl
@@ -2,6 +2,9 @@ component EwwiiPanel () {
   Box {
     orinetation = "horizontal"
     halign = "center"
+	class = "ewwii_panel"
+	height = config.panel_height
+	width = config.panel_width
 
     Label {
       widget_name = "panel_comp_sample_text"
diff --git a/scss/colors/_glass.scss b/scss/colors/_glass.scss
index 8b13789..6101de9 100644
--- a/scss/colors/_glass.scss
+++ b/scss/colors/_glass.scss
@@ -1 +1,7 @@
+//	Colors scheme: Glass
+//	Candifloss <candifloss@candifloss.cc>
+//	https://git.candifloss.cc/candifloss
 
+// Common
+$primary_bg: rgba(95, 95, 95, .404);
+$primary_text_col: #ffffff;
diff --git a/scss/common/_reset.scss b/scss/common/_reset.scss
index f5b1be6..dcce9b1 100644
--- a/scss/common/_reset.scss
+++ b/scss/common/_reset.scss
@@ -1,4 +1,4 @@
+/* Reset all GTK styles */
 * {
 	all: unset;
-	box-sizing: border-box;
 }
diff --git a/scss/ewwii.scss b/scss/ewwii.scss
index 3203744..46757db 100644
--- a/scss/ewwii.scss
+++ b/scss/ewwii.scss
@@ -1 +1,2 @@
 @use "common/reset";
+@use "panel/panel";
diff --git a/scss/panel/_panel.scss b/scss/panel/_panel.scss
new file mode 100644
index 0000000..47cdbd4
--- /dev/null
+++ b/scss/panel/_panel.scss
@@ -0,0 +1,6 @@
+@use "../colors/glass" as *;
+
+/* Top bar */
+.ewwii_panel {
+	background-color: $primary_bg;
+}