sturobson,
@sturobson@front-end.social avatar

toying around in CSS … using:

  • css custom properties
  • color-mix
  • color(display-p3 N N N / N)
  • light-dark
  • prefers-color-scheme
Luke,
@Luke@typo.social avatar

@sturobson things are so great and much more complex!

sarajw,
@sarajw@front-end.social avatar

@sturobson don't forget color-scheme in the mix :)

sturobson,
@sturobson@front-end.social avatar

@sarajw gotta catch 'em all :D

sarajw,
@sarajw@front-end.social avatar

@sturobson I'm loving color-mix lately, particularly when already using color-scheme: light dark; and mixing the colours with Canvas or CanvasText

sturobson,
@sturobson@front-end.social avatar

@sarajw this is from the work in progress redesign that I started in March last year 😭

Added light-dark yesterday … one day it might ship 😭

sarajw,
@sarajw@front-end.social avatar

@sturobson lol my redesign has totally stalled, feel you there.

Yesss light-dark solves so much so neatly!

sarajw,
@sarajw@front-end.social avatar

@sturobson oh btw if you want a pretty colour spectrum thing, I love @kate's:

https://iamkate.com/data/12-bit-rainbow/

mia,
@mia@front-end.social avatar

@sarajw @sturobson oh this is an excellent idea!

(just picked up my stalled redesign again, we'll see how far i get)

sturobson,
@sturobson@front-end.social avatar

@mia @sarajw here's where I'm currently at - https://codepen.io/sturobson/full/xxMdOZP/6243a68ab6409c9f95cea6991c62550a - note -- my CSS is all over the place.

Not tested outside Firefox.

anniegreens,
@anniegreens@social.lol avatar

@sarajw @sturobson I was thinking of this exact thing when I was working with accent-color on form elements and wanting the Field/FieldText to pick up a "hue" so to speak!

anniegreens,
@anniegreens@social.lol avatar

@sarajw This is using color-mix() with my accent-color custom property for the style with Field system color on input[type="text"], select, and textarea, in both the light and dark scheme. This is just the level of "hue" I was thinking I wanted. Not using a percentage for either but I might play around with it to get it "just right". Love it!

Screenshot of the light color scheme in Vinca on themes.lol showing the form controls area.

sarajw,
@sarajw@front-end.social avatar

@anniegreens beautiful!

  • All
  • Subscribed
  • Moderated
  • Favorites
  • random
  • rosin
  • everett
  • thenastyranch
  • magazineikmin
  • ngwrru68w68
  • DreamBathrooms
  • modclub
  • Youngstown
  • slotface
  • PowerRangers
  • osvaldo12
  • InstantRegret
  • kavyap
  • hgfsjryuu7
  • anitta
  • Durango
  • vwfavf
  • khanakhh
  • tester
  • GTA5RPClips
  • ethstaker
  • mdbf
  • cubers
  • tacticalgear
  • normalnudes
  • cisconetworking
  • Leos
  • provamag3
  • All magazines