Use CSS variables for colors

Created on 19 November 2024, about 1 month ago

Note: this issue is related to the 2.x branch, other issue is 1.x only.

Problem/Motivation

While I worked on the theming part on my theme, I saw the colors are coded into the `assets/css/frontend.css` file without css variables.

Proposed resolution

It should working with css variables:

:root {
  --draggable-bg: #f6f6f2;
  --draggable-border: #f9f9f9;
  --draggable-header: #d6d6d6;
  --draggable-placeholder: #ccc;
  --draggable-title-shadow: #fff;
}

.draggable-dashboard .draggable-dashboard-block {
  background-color: var(--draggable-bg);
  border: 1px solid var(--draggable-border);
}

Remaining tasks

Implement proposed solution.

User interface changes

UI should not change

API changes

None

Data model changes

None

Feature request
Status

Active

Version

2.0

Component

Code

Created by

🇭🇺Hungary csakiistvan

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Merge Requests

Comments & Activities

Production build 0.71.5 2024