Giter Club home page Giter Club logo

color's Introduction

COLOR

A tool for exploring and creating color palettes

color's People

Contributors

hturan avatar neynah avatar mrmrs avatar dependabot[bot] avatar knowler avatar sammdec avatar

Stargazers

Nick Wittwer avatar Scott Jensen avatar Arda Acar avatar avatar Michael Smyers avatar Joshua Klosterman avatar avatar Subhan Bakhtiyarov avatar Joohun, Maeng avatar Thierry Charbonnel avatar David avatar avatar SuricatoX avatar Larissa Abreu avatar Kenneth Luster avatar Bruno Cechet avatar Jace avatar Rowe Morehouse avatar Beniamino Marini avatar Pete avatar Tom Hermans avatar zangwang avatar Nuno Loureiro avatar Andrew avatar avatar veer jain avatar avatar Gigin George avatar Matthew Simo avatar Chris Hart avatar Jason Todd avatar JohnsonB avatar avatar Caleb Sylvest avatar Jordan Winick avatar Sudo avatar Michael Xander avatar WildCrow avatar Quan Pham avatar ogaclejapan avatar Pixelle avatar Sungwhee Kim avatar Riccardo Erra avatar Andrew Ying avatar Lewis Goddard avatar nova skye avatar avatar Jie Peng avatar Scott de Jonge avatar nth avatar 黄文飞 avatar Shubham Gupta avatar Musa Kurt avatar Hadhad / HanoHano avatar Philip Gardner avatar Toan Tran avatar Matt Cowley avatar

Watchers

Dane avatar James Cloos avatar avatar Dmitry Atamanov avatar Blake Mattos avatar Arun Sathiya avatar avatar

Forkers

dariuszo shawnd louderthanten pix3lle wadkar eduardoleao andrew-colman-2 virtuoushub brunocechet kenman79 edba5 thierryc isabella232

color's Issues

HTML5 progressbar does not dynamically change in Firefox

Hello, I'd like to report an issue where the progress bar color does not dynamically change in Firefox due to missing CSS properties. It was first reported in webcompat/web-bugs#46522 in 2019, so kudos to @ksy36 and the rest of the Webcompat team.

The progressbar color seems to depend on ::-webkit-progress-value to determine its background color, which is OK in both WebKit (Safari) and Chromium-based (Chrome, Edge, Opera, etc.) browsers. However, Firefox does not support the property and instead uses its own ::-moz-progress-bar. And since the ::-moz-progress-bar property has not been set, Firefox renders the progress bar with the default blue color as shown on the screenshots below.

image
image
image

There's at least a discussion in https://bugzilla.mozilla.org/show_bug.cgi?id=1455565 to make ::-webkit-progress-value an alias of ::-moz-progress-bar, but the issue has not been followed up. You can change the code in FormBlock.js from:

          <Progress
            color={currentCombination.color}
            border="1px solid currentColor"
            css={{
              "&[value]::-webkit-progress-bar": {
                backgroundColor: "transparent"
              },
              "&[value]::-webkit-progress-value": {
                backgroundColor: currentCombination.color
              }
            }}
          />

to:

          <Progress
            color={currentCombination.color}
            border="1px solid currentColor"
            css={{
              "&[value]::-webkit-progress-bar": {
                backgroundColor: "transparent"
              },
              "&[value]::-webkit-progress-value": {
                backgroundColor: currentCombination.color
              },
              "&[value]::-moz-progress-bar": {
                backgroundColor: currentCombination.color
              }
            }}
          />

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.