Skip to content

CSS variables for web templates - #866

Open
clarfonthey wants to merge 1 commit into
rust-lang:mainfrom
clarfonthey:darkmode
Open

clarfonthey wants to merge 1 commit into
rust-lang:mainfrom
clarfonthey:darkmode

Conversation

@clarfonthey

Copy link
Copy Markdown

Kind of doing this out of spite and annoyance at the queue page flashbanging me and wanting to implement dark mode, but, 100% only going to implement it as a proper solution that honours system settings.

So, to initiate that, starting by refactoring the existing CSS to use variables which can be fixed later. Also fixing up a few oddities with the current CSS, like the border around the docs next to the rollup statuses not being the same as the text colour.

That last point being basically the only place where it will be observable.

Note this won't make it trivial to change the colours to use light-dark immediately, but, hopefully this is 90% of what we need and okay to merge as-is for now so that it's testable more easily on the live queue with actual data.

@clarfonthey

Copy link
Copy Markdown
Author

Since I should have looked at issues first, cc #832.

@medzernik medzernik left a comment •

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Hi, Jakub mentioned this issue and that I should take a look at it.

It's definitely a good idea to merge the various colors into variables to be easily changed later.

I will test this out soon, for now I just wanted to leave this comment and also point out that we will be using the Vue framework for the bors queue page (it's something I'm starting to work on now). Part of that migration will be also to have a dark mode (as you've seen in the issue link).

Will 'approve' as soon as I get to my proper PC to see things better :D

View changes since this review

@clarfonthey

Copy link
Copy Markdown
Author

All good, I'm mostly trying to find a way to make things better with minimal changes in the meantime. And, well, I guess you can yoink the colour choices too.

This branch has not been deployed

No deployments
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants