Coder Social home page Coder Social logo

clean up colors about conflatao HOT 2 OPEN

marcobiedermann avatar marcobiedermann commented on July 20, 2024
clean up colors

from conflatao.

Comments (2)

marcobiedermann avatar marcobiedermann commented on July 20, 2024

Currently there are 43 unique colors:
#1C273E
#24305A
#26324A
#4B85BA
#4D555B
#555555
#666666
#6E6E6E
#838990
#888888
#8AB858
#999999
#A6A6A6
#AAAAAA
#BBBBBB
#C6C6C6
#C8C8C8
#CC3333
#CCCCCC
#D49822
#D68C23
#D9DBE8
#DDDDDD
#E5E5E5
#EEEEEE
#EFF5FA
#F0F0F0
#F0F1F5
#F3F3F3
#F3F8EE
#F57710
#F6F6F6
#F7642A
#F89111
#F9F9F9
#F9FAFA
#FAEEEE
#FCFCFC
#FF9900
#FFF3E0
#FFFFCC
#FFFFDD
#FFFFFF

See the Pen 6b8e12827b7e1aa9331de3eb16a2eb4e by Marco Biedermann (@m412c0) on CodePen.

<script async src="//assets.codepen.io/assets/embed/ei.js"></script>

base.css:

Collision: #dddddd, #e5e5e5
  - #ddd (#dddddd) [line: 118:14, 120:9, 374:14] is too close (1.77807871541877) to #e5e5e5 (#e5e5e5) [line: 218:20]

Collision: #ffffff, #f9fafa
  - #fff (#ffffff) [line: 148:14, 448:9] is too close (1.15451992825228) to #f9fafa (#f9fafa) [line: 214:20, 217:20]

Collision: #ffffff, #f9f9f9
  - #fff (#ffffff) [line: 148:14, 448:9] is too close (1.1980804237236402) to #f9f9f9 (#f9f9f9) [line: 254:20]

Collision: #f9fafa, #f9f9f9
  - #f9fafa (#f9fafa) [line: 214:20, 217:20] is too close (0.5273333718059817) to #f9f9f9 (#f9f9f9) [line: 254:20]

Collision: #f9fafa, #eeeeee
  - #f9fafa (#f9fafa) [line: 214:20, 217:20] is too close (2.479395421294926) to #eee (#eeeeee) [line: 342:14, 343:52, 350:25]

Collision: #e5e5e5, #eeeeee
  - #e5e5e5 (#e5e5e5) [line: 218:20] is too close (1.931560591638482) to #eee (#eeeeee) [line: 342:14, 343:52, 350:25]

Collision: #f9f9f9, #eeeeee
  - #f9f9f9 (#f9f9f9) [line: 254:20] is too close (2.2690874223417064) to #eee (#eeeeee) [line: 342:14, 343:52, 350:25]

Collision: #c8c8c8, #cccccc
  - #c8c8c8 (#c8c8c8) [line: 255:20] is too close (0.9839890182345273) to #ccc (#cccccc) [line: 343:44]

main.css:

Collision: #f9fafa, #ffffff
  - #f9fafa (#f9fafa) [line: 6:14, 84:14, 562:14, 591:20, 609:14, 642:14, 761:14, 768:14, 968:14, 1012:14, 1234:14, 1716:14, 1764:14] is too close (1.15451992825228) to #fff (#ffffff) [line: 12:14, 50:9, 59:20, 60:9, 72:14, 77:14, 89:14, 124:14, 152:9, 158:27, 159:24, 171:14, 172:27, 188:9, 193:27, 197:27, 214:9, 219:9, 483:14, 484:14, 517:14, 572:14, 1017:20, 1170:14, 1182:14, 1513:9, 1828:24]

Collision: #f9fafa, #f0f1f5
  - #f9fafa (#f9fafa) [line: 6:14, 84:14, 562:14, 591:20, 609:14, 642:14, 761:14, 768:14, 968:14, 1012:14, 1234:14, 1716:14, 1764:14] is too close (2.7582482248528897) to #f0f1f5 (#f0f1f5) [line: 33:14, 866:14]

Collision: #f9fafa, #f3f3f3
  - #f9fafa (#f9fafa) [line: 6:14, 84:14, 562:14, 591:20, 609:14, 642:14, 761:14, 768:14, 968:14, 1012:14, 1234:14, 1716:14, 1764:14] is too close (1.4730331716101264) to #f3f3f3 (#f3f3f3) [line: 340:14, 665:14, 1128:14]

Collision: #f9fafa, #f6f6f6
  - #f9fafa (#f9fafa) [line: 6:14, 84:14, 562:14, 591:20, 609:14, 642:14, 761:14, 768:14, 968:14, 1012:14, 1234:14, 1716:14, 1764:14] is too close (0.9181163882895654) to #f6f6f6 (#f6f6f6) [line: 651:14, 984:14, 1684:14]

Collision: #f9fafa, #f0f0f0
  - #f9fafa (#f9fafa) [line: 6:14, 84:14, 562:14, 591:20, 609:14, 642:14, 761:14, 768:14, 968:14, 1012:14, 1234:14, 1716:14, 1764:14] is too close (2.0701065516573274) to #f0f0f0 (#f0f0f0) [line: 1006:14]

Collision: #f9fafa, #fcfcfc
  - #f9fafa (#f9fafa) [line: 6:14, 84:14, 562:14, 591:20, 609:14, 642:14, 761:14, 768:14, 968:14, 1012:14, 1234:14, 1716:14, 1764:14] is too close (0.6705488356932213) to #fcfcfc (#fcfcfc) [line: 1122:14, 1698:14]

Collision: #ffffff, #f3f3f3
  - #fff (#ffffff) [line: 12:14, 50:9, 59:20, 60:9, 72:14, 77:14, 89:14, 124:14, 152:9, 158:27, 159:24, 171:14, 172:27, 188:9, 193:27, 197:27, 214:9, 219:9, 483:14, 484:14, 517:14, 572:14, 1017:20, 1170:14, 1182:14, 1513:9, 1828:24] is too close (2.4236085137933556) to #f3f3f3 (#f3f3f3) [line: 340:14, 665:14, 1128:14]

Collision: #ffffff, #f6f6f6
  - #fff (#ffffff) [line: 12:14, 50:9, 59:20, 60:9, 72:14, 77:14, 89:14, 124:14, 152:9, 158:27, 159:24, 171:14, 172:27, 188:9, 193:27, 197:27, 214:9, 219:9, 483:14, 484:14, 517:14, 572:14, 1017:20, 1170:14, 1182:14, 1513:9, 1828:24] is too close (1.8073473165599867) to #f6f6f6 (#f6f6f6) [line: 651:14, 984:14, 1684:14]

Collision: #ffffff, #fcfcfc
  - #fff (#ffffff) [line: 12:14, 50:9, 59:20, 60:9, 72:14, 77:14, 89:14, 124:14, 152:9, 158:27, 159:24, 171:14, 172:27, 188:9, 193:27, 197:27, 214:9, 219:9, 483:14, 484:14, 517:14, 572:14, 1017:20, 1170:14, 1182:14, 1513:9, 1828:24] is too close (0.5956745296239889) to #fcfcfc (#fcfcfc) [line: 1122:14, 1698:14]

Collision: #f0f1f5, #eff5fa
  - #f0f1f5 (#f0f1f5) [line: 33:14, 866:14] is too close (2.360583051017249) to #eff5fa (#eff5fa) [line: 290:14]

Collision: #f0f1f5, #f3f3f3
  - #f0f1f5 (#f0f1f5) [line: 33:14, 866:14] is too close (2.0611066187583456) to #f3f3f3 (#f3f3f3) [line: 340:14, 665:14, 1128:14]

Collision: #f0f1f5, #f6f6f6
  - #f0f1f5 (#f0f1f5) [line: 33:14, 866:14] is too close (2.2624562536176005) to #f6f6f6 (#f6f6f6) [line: 651:14, 984:14, 1684:14]

Collision: #f0f1f5, #f0f0f0
  - #f0f1f5 (#f0f1f5) [line: 33:14, 866:14] is too close (2.034879441284711) to #f0f0f0 (#f0f0f0) [line: 1006:14]

Collision: #e5e5e5, #f3f3f3
  - #e5e5e5 (#e5e5e5) [line: 38:27, 85:24, 279:20, 321:24, 331:24, 336:27, 341:24, 485:24, 555:20, 563:27, 569:24, 573:27, 624:27, 632:27, 643:27, 652:27, 658:27, 668:27, 762:27, 769:27, 960:20, 969:20, 985:24, 989:27, 1235:27, 1685:24, 1689:27, 1718:20] is too close (2.974737581439205) to #f3f3f3 (#f3f3f3) [line: 340:14, 665:14, 1128:14]

Collision: #e5e5e5, #dddddd
  - #e5e5e5 (#e5e5e5) [line: 38:27, 85:24, 279:20, 321:24, 331:24, 336:27, 341:24, 485:24, 555:20, 563:27, 569:24, 573:27, 624:27, 632:27, 643:27, 652:27, 658:27, 668:27, 762:27, 769:27, 960:20, 969:20, 985:24, 989:27, 1235:27, 1685:24, 1689:27, 1718:20] is too close (1.77807871541877) to #ddd (#dddddd) [line: 438:24, 518:20, 519:24, 1659:20]

Collision: #e5e5e5, #f0f0f0
  - #e5e5e5 (#e5e5e5) [line: 38:27, 85:24, 279:20, 321:24, 331:24, 336:27, 341:24, 485:24, 555:20, 563:27, 569:24, 573:27, 624:27, 632:27, 643:27, 652:27, 658:27, 668:27, 762:27, 769:27, 960:20, 969:20, 985:24, 989:27, 1235:27, 1685:24, 1689:27, 1718:20] is too close (2.351331784331219) to #f0f0f0 (#f0f0f0) [line: 1006:14]

Collision: #888888, #808080
  - #888 (#888888) [line: 66:20, 1354:20] is too close (2.9467940651017637) to gray (#808080) [line: 952:20]

Collision: #bbbbbb, #c6c6c6
  - #bbb (#bbbbbb) [line: 78:23] is too close (2.8314053054194015) to #c6c6c6 (#c6c6c6) [line: 715:9]

Collision: #f3f3f3, #f6f6f6
  - #f3f3f3 (#f3f3f3) [line: 340:14, 665:14, 1128:14] is too close (0.6164159426775635) to #f6f6f6 (#f6f6f6) [line: 651:14, 984:14, 1684:14]

Collision: #f3f3f3, #f0f0f0
  - #f3f3f3 (#f3f3f3) [line: 340:14, 665:14, 1128:14] is too close (0.6236567363439105) to #f0f0f0 (#f0f0f0) [line: 1006:14]

Collision: #f3f3f3, #fcfcfc
  - #f3f3f3 (#f3f3f3) [line: 340:14, 665:14, 1128:14] is too close (1.8280851486469865) to #fcfcfc (#fcfcfc) [line: 1122:14, 1698:14]

Collision: #f6f6f6, #f0f0f0
  - #f6f6f6 (#f6f6f6) [line: 651:14, 984:14, 1684:14] is too close (1.2400453139916068) to #f0f0f0 (#f0f0f0) [line: 1006:14]

Collision: #f6f6f6, #fcfcfc
  - #f6f6f6 (#f6f6f6) [line: 651:14, 984:14, 1684:14] is too close (1.2117474864815152) to #fcfcfc (#fcfcfc) [line: 1122:14, 1698:14]

Collision: #f0f0f0, #fcfcfc
  - #f0f0f0 (#f0f0f0) [line: 1006:14] is too close (2.451581545705773) to #fcfcfc (#fcfcfc) [line: 1122:14, 1698:14]

from conflatao.

ro-a-fi avatar ro-a-fi commented on July 20, 2024

I wasn't aware of the fact there are so many colors in use, so I'm okay
with that.

from conflatao.

Related Issues (17)

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.