CSS Chat Summary: 30 July 2020

Full meeting transcript on Slack: https://wordpress.slack.com/archives/CQ7V4966Q/p1596142878412300

I (@notlaura) facilitated the meeting.

CSSCSS Cascading Style Sheets. Audit Updates

No CSS audit updates this week.

Color Scheming Updates

Global vs. UIUI User interface based color naming

tl;dr – We’ve gotten sidetracked by naming!

@ryelle pointed out @kburgoine‘s comment on the color schemes ticket #49999 – it gives an excellent summary of where are now and suggests a path forward. We discussed being sidetracked by the details in naming. While that will be important for an implementation, we aren’t there yet and as @kburgoine suggested in the ticketticket Created for both bug reports and feature development on the bug tracker., we first need to figure out a set of colors to work with based on what we have learned in the audit. @ryelle referenced this part of the comment for our next steps:

Look at the default colour usage in the adminadmin (and super admin) (which has been done as part of the audit already), identify the main colours (including colours not currently included in schemes i.e background-colour) and try to whittle it down to a usable/manageable colour palette

The goal here is to create a color inventory that can then be mapped into custom properties, which can then be used to implement one of the existing color schemes. I mentioned that I got access to the WordPress Figma library which can help us with the color inventory step.

@kburgoine‘s comment refers to this post about building a dark mode on StackOverflow and @ryelle mentioned it is a great read.

Dark mode as a toggle vs. a categoryCategory The 'category' taxonomy lets you group posts / content together that share a common bond. Categories are pre-defined and broad ranging. for schemes

@danfarrow mentioned the concept of scheme categories makes sense to him, and @ryelle mentioned that we will likely start with default light and dark color schemes, and the others can be either. We can use some default detection for prefers-color-scheme and use the default dark scheme for users who have that preference.

But…this is all getting ahead of things again 🙂

I summarized our next steps for color schemes to be:

CSS Latest and Greatest Link Share

@danfarrow shared CSS Sweeper, an implementation of MineSweeper using only CSS and HTMLHTML HyperText Markup Language. The semantic scripting language primarily used for outputting content in web browsers.!! This uses the Space Toggle trick to manage state without JavaScriptJavaScript JavaScript or JS is an object-oriented computer programming language commonly used to create interactive effects within web browsers. WordPress makes extensive use of JS for a better user experience. While PHP is executed on the server, JS executes within a user’s browser. https://www.javascript.com/.. So cool!

#core-css, #summary