[Meta] Clean up CSS [#3582351]

Cleanup CSS files in migrate/css by moving them over to css, either adding missing pieces to existing files or by adding entire new files.

Note this will be a blocker for many issues, including most accessibility issues.

#3582826: Untangle gin.css
#3583057: Convert the compiled CSS in default_admin's components, layout, and theme to modern PostCSS
#3582833: Consolidate, refactor, remove and untangle Claro's CSS from Default Admin theme
Consolidate, merge, and refactor Gin's CSS variable's into Claro's original variables.
Remove any gin namespacing from CSS classes and variables, including CSS selectors used in PHP and template files.
implement box-sizing: border-box on :root element
Attempt to simplify selectors where we can, and remove !important declarations where possible
Change focus outlines to use outline property instead of box-shadow
Remove CSS files that extend contrib modules. Open issues in the respective modules to move CSS there
Why is default admin theme changing Navigation toolbar styles? Should it be? If so, move those styles to Navigation module
Remove gin from various namespaces in CSS and JS
Default Admin & Navigation both load the Inter font. This needs to be consolidated.
Update CSS to use modern CSS (indentation, logical properties, et al)
For sticky tables, Gin completely duplicates the table header element, and then stickies it. This is the old way. Claro at one point moved to just using position: sticky. We should do that

Comments

Comment #1

31 March 2026 at 07:22

jurgenhaas created an issue. See original summary.

Comment #2

jurgenhaas

he/him

German

Gottmadingen

commented 31 March 2026 at 07:25

Parent issue:

» #3576488: [meta] Admin theme: path to stable

Comment #3

cilefen commented 31 March 2026 at 12:37

Title:

Cleanup CSS

» Clean up CSS

Comment #4

mherchel

he/him

English

Gainesville, FL, US

commented 1 April 2026 at 14:10

default_admin's CSS is a huge mess. IMO this should have been completed before it was merged into core. There will need to be many, many core commits (which introduce many delays).

Gin has 41 Sass partials in Gin's styles/base directory that get compiled into one file. This one file was committed to default_admin. It's > 5660 lines of CSS that needs to be untangled.
There's tons of shims for contrib modules (e.g. dropzone, coffee, layout paragraphs). How do we handle these?
There's a number of Sass functions, mixins, and variables that need to be extracted in Gin's styles/helpers/
The CSS in general is very old. Lots of comments regarding Drupal 9 and 10.
It appears that the entirety of Claro's CSS was copied over. This is because Gin used Claro as a base theme.
All in all, there's somewhere around 2-3 CSS files/partials per component. We need to figure this out.

Comment #5

mherchel

he/him

English

Gainesville, FL, US

commented 1 April 2026 at 14:11

On the good news front, I created https://github.com/mherchel/ddev-drupal-admin-vrt, which is a DDEV add-on that sets up a visual-regression system, so we can easily test for regressions.

Comment #6

rkoller

he/him

German

Nürnberg, Germany

commented 1 April 2026 at 22:35

i just found this issue. looking at the issue summary and mikes comment, would it be preferable to wait with opening more issues until this issue is in? and that most of those bugs are potentially obsolete after cleanup? found #3576874: Toggle switches are visually broken within dialog modals a few weeks ago but also have a hand full of bugs in ios that would need issues as well.