[web] Add custom stylelint rule for catching themed variables in :root selector (#34571)

* [web] Add custom stylelint rule for catching themed variables in root selector

* [web] Add lint rule for themed custom property naming

GitOrigin-RevId: 989452e26e427a93f9276ecf011ab7434f96efb1
This commit is contained in:
Mathias Jakobsen
2026-06-15 08:06:50 +00:00
committed by Copybot
parent 74fa4d95b2
commit e2e01090a6
4 changed files with 112 additions and 4 deletions
@@ -1,7 +1,6 @@
/* ====== Semantic CSS color variables that adjust depending on the current theme ====== */
:root {
--editor-border-color: var(--neutral-80);
--bg-primary-themed: var(--bg-dark-primary);
--bg-secondary-themed: var(--bg-dark-secondary);
--bg-tertiary-themed: var(--bg-dark-tertiary);
@@ -30,7 +29,6 @@
}
@include theme('light') {
--editor-border-color: var(--neutral-20);
--bg-primary-themed: var(--bg-light-primary);
--bg-secondary-themed: var(--bg-light-secondary);
--bg-tertiary-themed: var(--bg-light-tertiary);