Problem/Motivation
With the cleanup of all core templates and the creation of the Classy theme to be the base theme for Seven and Bartik
Stark should not have any "design"
This would expose what core really outputs by default with no custom CSS over. Any CSS left should be functional.
Stark as a bare metal theme would also serve module developers that want to separate functional CSS from pretty CSS.
It would also be a very easy theme to maintain in core.
Proposed resolution
- Remove any custom CSS from Stark
- Don't let Stark remove any css files outputted from core
- Don't let Stark define any breakpoints (useless without css to leverage it)
- Change the description and readme file of the theme to reflect the change
- Update the screeshot
| Comment | File | Size | Author |
|---|---|---|---|
| #82 | Home___Stark_and_15_Must-Know_Chrome_DevTools_Tips_and_Tricks___Tutorialzine_and_Employees_on_iTunes.png | 83.69 KB | mortendk |
| #82 | screenshot.png | 31.25 KB | mortendk |
| #76 | remove_all_visual_from-2349711-74.patch | 8.64 KB | Anonymous (not verified) |
| #73 | remove_all_visual_from-2349711-72.patch | 8.74 KB | mortendk |
| #73 | stark-interdiff.txt | 699 bytes | mortendk |
Comments
Comment #1
jolidog commentedHere is the patch.
Comment #2
jolidog commentedLet's see what the test bots have to say...
Comment #4
mortendk commentedComment #5
mortendk commentedComment #7
mortendk commentedComment #8
mortendk commentedthere removed the test if the css file was there, cause its not ;)
Comment #9
mortendk commentedComment #10
mortendk commentedComment #11
manuel garcia commentedI agree with the proposal, and the patch looks right to me.
This would be useful/open the door to:
I would set this to RTBC, but would like to hear some more opinions on it =)
Comment #12
mortendk commented@maneul scopecreep alarm ;)
BUT as soon as were done with banana #2 (cleanup of all classes out of core & only in classy) then we should begin to look at cores css, at that point we know whats actually really needed for drupal core to work (my bet is a all .js-prefixed & accessability classes)
I would suggest a working order like this:
1. split core css up in [module].admin.css, [module].theme.css & [module].module.css The state of core's css is that the files might are there but the split is not, module have colors in it etc. So a cleanup there is needed
2. Figure out if the css actually should live in bartik or seven
3. lintrap everything in the future + have a team of frontend marines, that can smacss down on modules that dont follow the standards ;)
All of this is think should be discussed in a banana meta#3 , after class cleanup & file organization in classy
Comment #13
akalata commentedRerolled. Agree with Morten that we should avoid scope creep and work through Manuel's comments in existing (or new) metas.
Comment #14
yannickooThis looks really good, it's nice to see a clean version of Stark :)
I think we should replace the screenshot as well but because of #2471611: Create HiDPI ready version of theme screenshots we can postpone that task.
Check out the new clean Stark theme:
Comment #15
yannickooScreenshot of a fresh Drupal site with patch applied:
Comment #16
yannickooI can imagine that people who want to start with a new theme are using Stark and it might be a problem to have no single CSS file there.
Comment #17
mortendk commentedyannickoo - nope - people that start a theme outta stark expect NO classes no markup no nothing, else they will use classy, thats the default markup
So its a problem if theres css there!
This is a general misunderstanding of what stark is vs classy & one of the reasons i wanted it to have another name.
bte the frontend liberation army even wanna remove all the markup tags & all css files (but were gonna do that in contrib instead)
Comment #18
lewisnymanYep this is correct inline with the grand banana plan. I manually tested the patch and it worked with no errors. Go team!
Comment #19
alexpottI remember discussing this on another issue and someone being very vociferous about stark not having this css file added. Perhaps normalize should be added to classy. But that is a separate issue.
Comment #20
alexpottSee #2100571: Do not add normalize.css to stark
Comment #21
lewisnymanI created a follow up to remove this line from Stark: #2472431: Do not load normalize.css in all themes, load it in Classy
Comment #22
akalata commentedComment #23
lewisnymanWe should undo this line removal here, because we don't want to load normalize.css in Stark. We can remove these lines again in the followup
Comment #24
yannickooI did this :)
Comment #25
yannickooComment #26
lewisnymanNice! Thanks.
Comment #27
webchickThis does seem to restore my previous understanding of the Stark theme.
However, it does undo an explicit choice made earlier in the release cycle to ensure that all core themes were responsive #1322794: Make Stark use a responsive layout.
Since JohnAlbin pushed for that, and I don't see him in here, assigning to him for review.
Comment #28
akalata commented*Technically* Stark is responsive even now. It's just not pretty or laid out at all. Since this issue was started over a year after JohnAlbin's issue was wrapped, I think we're okay in how our needs/requirements shifted over time. If it helps, most of what had been done in #1322794: Make Stark use a responsive layout was just copied into Classy, I believe.
Comment #29
yannickooRe #28: I can totally agree on that!
Comment #30
manuel garcia commentedYeah, responsive and mobile first (and last) ;)
Comment #31
johnalbinIn Drupal 7, Stark was "no CSS except a simple layout". In D8, it appears that file has become a dumping ground for anything that module developers think needs to go in Stark: responsive image styles, responsive tables, HTML5 elements.
Okay, I'd rather Stark was "mobile first" (i.e. "mobile only") then what it is now. I'm fine with removing all the existing CSS in Stark. And we've discussed doing this at previous Drupalcons.
But, to be clear, if Stark is to be a window into what core modules provide, it should not be altering the CSS in any way. And, after apply this patch, Stark is still removing normalize.css from core. Let's fix that too. Delete these lines:
Comment #32
davidhernandezI'm not so sure about removing that assert in that test. The point of those is to verify that the theme is actually loading by looking for one of its assets. The layout file probably needs to be left, but empty, or find something else to check. Left-but-empty is what we were stuck with for Classy, until we find a better solution. In Stark's case though it shouldn't interfere with anything since it isn't being used as base them.
Comment #33
yannickooRe #31: What do you think about #2472431: Do not load normalize.css in all themes, load it in Classy then?
Comment #34
mortendk commentedand this is why i wanted yo have another name for the "drupalcore theme"
So we didnt get into confusions about what is what and why its called what it is + all the history that stark have, not to mention a community we have to explain why stark is not stark anymore
#2425715: Rename Stark to Vanilla
Comment #35
akalata commentedRemoving the normalize.css override per suggestion in #31, since removing it in this patch does make a bit more philosophical sense than waiting for #2472431: Do not load normalize.css in all themes, load it in Classy.
Comment #36
sqndr commentedHere's a patch that adds the layout file back, left empty.
Comment #39
sqndr commentedComment #40
sqndr commentedComment #41
aliyakhan commented@sqndr Adding interdiff.txt instead
Comment #42
aliyakhan commentedComment #43
cilefen commentedHi - nice work everyone.
@sqndr Forgive me if you know this already, but if you name the interdiffs with a .txt extension, they won't be sent for testing.
@aliyakhan The file in #41 may have been corrupted. It could be me, but it does not seem to be a standard interdiff. Could you post a new one?
Comment #44
sqndr commented@cilefen: Yeah, I know. Was just a mistake I made ;)
Comment #45
aliyakhan commentedadded a new one.
Comment #46
aliyakhan commented@sqndr #45 does it look fine to you?
Comment #47
sqndr commented@aliyakhan: Yeah, sure … it's the same as mine except for the filename. We just need someone to review the patch from #36 right now.
Comment #48
manjit.singhI dont think we need a
stark.libraries.ymlfile now since we have to remove all styles from stark. we have to make it very simple and clean as per code and file structure.@sqndr @lewis any thoughts about this ?
Comment #50
lauriiiIt seems so that we need the layout.css file in the stark for testing purposes. These tests couldn't be written for classy since its a base theme for Bartik and Seven but maybe this could be done using Seven?
Comment #51
sqndr commented@Manjit.Singh (#48): @lauriii (#50) is right, see also #32 from David. I added the empty
layout.cssback and added it into the*.libraries.ymlfor testing purposes.Comment #52
lauriiiI will take a look if this could be changed to base on a testing theme
Comment #53
lewisnyman@lauriii Are you still working on this?
Comment #54
lauriiiSorry I forgot this. I will be working today on issues I've forgotten to work on so maybe I will fix this too. If not I'll unassign myself :)
Comment #55
lauriiiCreated tests. For some reason interdiff didn't want to create interdiff for this :/
Comment #56
lauriiiComment #58
lauriiiRerolled & fixed tests
Comment #59
yannickooEmpty patch?
Comment #60
lauriiiOops!
Comment #63
lewisnymanIt looks like this patch accidentally includes tests from another patch?
Comment #64
lauriiiOopsie again
Comment #66
lauriiiMaybe finally. Don't know where to create interdiff because last few patches were completely messed up so I didn't create one.
Comment #68
tstoecklerSeems like we can remove the "almost" now :-)
Comment #70
mortendk commentedhere we go removed almost ;)
Comment #72
lauriiiNow its failing because last patch removed the libraries.yml file for the test theme
Comment #73
mortendk commentedsomebody poisened my diff command ...
Comment #75
tstoecklerThanks @mortendk!
I found two more things to complain about (sorry :-()
This should not be in the patch.
Also, shouldn't we be updating the screenshot of Stark? I saw this being discussed above, but I didn't really see a resolution to that and I also don't see it in the patch.
Comment #76
Anonymous (not verified) commentedremoved the empty interdiff from patch
Comment #77
mortendk commentednope let's take the whole screenshot in a follow up issue else this will be so bikesheeded that we can park all of Copenhagen & amsterdams bikes in this issue ;)
Comment #78
lauriiiI think we need to take the screenshot since there is visual changes.
Comment #79
yannickooComment #80
mortendk commentedeeem were talking about the screenshot.png file
screenshots for the theme changes make little sense atm ;)
Comment #81
yannickooMonday morning, sorry :D Please make sure they follow the same schema as the new screenshots in #2471611: Create HiDPI ready version of theme screenshots . This was a complicated process during the Montpellier sprint.
Comment #82
mortendk commentedlooked at a page & nope no screenshots needed as theres not a real change in style:
original:

post patch "design":

im setting this to RTBC
Comment #83
yannickooWhen I remember this correctly we already applied the patch from this issue here when creating screenshots in #2471611: Create HiDPI ready version of theme screenshots .
Comment #84
alexpottI agree that stark should be a pure window onto core and module's css and html. With this change we achieve that. Also I think not removing normalize.css is the way to go to. Then if stuff is broken in stark - it is not broken in stark - it is broken in core or the module.
This change is only CSS in the theme layer and therefore is permitted in beta. Committed b1ffbb0 and pushed to 8.0.x. Thanks!
Comment #87
yched commentedStark's only "visible action" being the addition of a layout.css that is empty, is a bit puzzling...
From the comments above it seems it was left there only for testing purpose ? If so, maybe a comment in the file would be helpful ?