DEV Community

Hanra
Hanra

Posted on

color cells for programers

I have created this code so that anbody who is looking for a big range of colours, can find it here. You might ask me, why did you do this colour table? Well, it isn't juste a colour table, it's a colour coded table. Depending on which css property you chose and if you want a semi-colum at the end or not, you will just need to choose in the two scroll-down list. The minute you made your choice, it will be applied on every single line that condains a colour tag. Usefull, isn't it?

If you like this project, please consider sharing it and not to forget to credit the author.

If you wish, an all in one version (no need of the js or the css file, all will be included in the same page), you can download it on this github page: https://github.com/HenraL/Color-Table

If you wish to leave a review, fell free to do so here (https://forms.office.com/Pages/ResponsePage.aspx?id=DQSIkWdsW0yxEjajBLZtrQAAAAAAAAAAAANAAf0m3cRUNjNHSkk3N0xKVUpHUjAxWENFN0o4TkdTTC4u)

By the way, here is the long list of options for customising:

  • for the option "nothing" --> ""
  • "color:"
  • "background-color:"
  • "border-color:
  • "border-top-color:"
  • "border-bottom-color:"
  • "border-right-color:"
  • "border-left-color:"
  • "outline-color:"
  • "text-decoration-color:"
  • "caret-color:"
  • "column-rule-color:"
  • "stop-color:"
  • "border-inline-start-color:"
  • "border-inline-end-color:"
  • "border-block-end-color:"
  • "border-block-start-color:"
  • "flood-color:"
  • "lighting-color:"
  • "border-block-color:"
  • "border-inline-color:"
  • "scrollbar-3dlight-color:"
  • "scrollbar-arrow-color:"
  • "scrollbar-base-color:"
  • "scrollbar-darkshadow-color:"
  • "scrollbar-face-color:"
  • "scrollbar-highlight-color:"
  • "scrollbar-shadow-color:"
  • "scrollbar-track-color:"
  • "scrollbar-color:"
  • "text-emphasis-color:"
  • "-moz-column-rule-color:"
  • "-moz-text-decoration-color:"
  • "-webkit-column-rule-color:"

Top comments (0)