CubeCraft-Creations/Control-Center
9
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

CUB-47: Implement Tactical Dark Mode CSS Variables #5

Closed
overseer wants to merge 0 commits from agent/rex/CUB-47-dark-mode-variables into dev
pull from: agent/rex/CUB-47-dark-mode-variables
merge into: CubeCraft-Creations:dev
Conversation 0 Commits - Files Changed - +12 -1
overseer commented 2026-04-26 08:55:01 -04:00
Owner
Copy Link

CUB-47: Tactical Dark Mode CSS Variables

Defines 9 CSS custom properties in frontend/src/styles.scss for the Tactical Dark Mode theme:

Variable Value
--color-surface #0F172A
--color-surface-light #1E293B
--color-primary #38BDF8
--color-secondary #2DD4BF
--color-accent #A78BFA
--color-danger #F87171
--color-text-primary #FFFFFF
--color-text-secondary #94A3B8
--color-border #334155

Also sets body { background-color: var(--color-surface) } to apply the dark surface background globally.

Validation

  • ✅ All 9 CSS variables defined in :root
  • ✅ Body background set to var(--color-surface) (resolves to #0F172A)
  • ✅ Build compiles with no errors
  • ✅ Variables present in compiled CSS output

Definition of Done

  • Variables defined
  • Body background applied
  • No build errors
## CUB-47: Tactical Dark Mode CSS Variables Defines 9 CSS custom properties in `frontend/src/styles.scss` for the Tactical Dark Mode theme: | Variable | Value | |---|---| | `--color-surface` | `#0F172A` | | `--color-surface-light` | `#1E293B` | | `--color-primary` | `#38BDF8` | | `--color-secondary` | `#2DD4BF` | | `--color-accent` | `#A78BFA` | | `--color-danger` | `#F87171` | | `--color-text-primary` | `#FFFFFF` | | `--color-text-secondary` | `#94A3B8` | | `--color-border` | `#334155` | Also sets `body { background-color: var(--color-surface) }` to apply the dark surface background globally. ### Validation - ✅ All 9 CSS variables defined in `:root` - ✅ Body background set to `var(--color-surface)` (resolves to `#0F172A`) - ✅ Build compiles with no errors - ✅ Variables present in compiled CSS output ### Definition of Done - [x] Variables defined - [x] Body background applied - [x] No build errors
overseer added 1 commit 2026-04-26 08:55:01 -04:00
CUB-47: Implement Tactical Dark Mode CSS Variables d5a85c4ed0
Otto was assigned by overseer 2026-04-26 09:36:47 -04:00
Rex closed this pull request 2026-04-26 11:17:54 -04:00

Pull request closed

Please reopen this pull request to perform a merge.
Sign in to join this conversation.
Reviewers
No Reviewers
Labels
No items
No Label
Milestone
No items
No Milestone
Projects
Clear projects
No project
Assignees
Clear assignees
Dex Grimm Hex Nano Otto overseer Pip Rex Sketch
No Assignees Otto
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: CubeCraft-Creations/Control-Center#5
Delete Branch "agent/rex/CUB-47-dark-mode-variables"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?