JSONViewer-for-Chrome icon indicating copy to clipboard operation
JSONViewer-for-Chrome copied to clipboard

Add an option for DarkMode outside of custom CSS

Open barkermn01 opened this issue 8 years ago • 1 comments

It would be good if this shipped with a DarkMode option i just had to spend 20 mins building a dark mode for this you can see if here if you would like to use it your welcome to.

body {
  white-space: pre;
  font-family: monospace;
  background-color: #292929;
  color: white;
}
 
.property {
  font-weight: bold;
}
 
.type-null {
  color: gray;
}
 
.type-boolean {
  color: firebrick;
}
 
.type-number {
  color:#ffa500;
}
 
.type-string {
  color: green;
}
 
.callback-function {
  color: gray;
}
 
.collapser:after {
  content: "-";
}
 
.collapsed > .collapser:after {
  content: "+";
}
 
.ellipsis:after {
  content: " … ";
}
 
.collapsible {
  margin-left: 2em;
}
 
.hoverable {
  padding-top: 1px;
  padding-bottom: 1px;
  padding-left: 2px;
  padding-right: 2px;
  border-radius: 2px;
  width: 99%;
}
 
.hovered {
  background-color:#545454;
}
 
.collapser {
  padding-right: 6px;
  padding-left: 6px;
}
 
a:link, a:visited{
    color:#ffc0cb;
}
 
a:hover{
    color:#e8778b;
}

image

barkermn01 avatar Jan 16 '18 16:01 barkermn01

Thank you. I will add it to the css and I will add you as contributor.

teocci avatar Jan 31 '19 08:01 teocci