Wibble199

JSONView sublime theme

Sep 18th, 2015
161
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 2.00 KB | None | 0 0
  1. /*    Chrome JSONView plgin theme    */
  2. /* Sublime Text style - Will Bennion */
  3. body {
  4.   white-space: pre;
  5.   font-family: monospace;
  6.   background-color: rgb(39, 40, 34);
  7.   color: white;
  8. }
  9.  
  10. body::-webkit-scrollbar {
  11.     width: 8px;
  12.     margin-right: 4px;
  13. }
  14. body::-webkit-scrollbar-track {
  15.     background-color: rgb(79, 80, 74);
  16. }
  17. body::-webkit-scrollbar-thumb {
  18.     background-color: rgb(59, 60, 54);
  19.     border-radius: 5px;
  20. }
  21.  
  22. .property {
  23.   color: rgb(249, 38, 114);
  24. }
  25.  
  26. .type-null {
  27.   color: white;
  28. }
  29.  
  30. .type-boolean {
  31.   color: rgb(174, 129, 188);;
  32. }
  33.  
  34. .type-number {
  35.   color: rgb(174, 129, 188);
  36. }
  37.  
  38. .type-string {
  39.   color: rgb(230, 219, 116);
  40. }
  41.  
  42. a {
  43.   color: rgb(106, 198, 046);
  44. }
  45.  
  46. .callback-function {
  47.   color: gray;
  48. }
  49.  
  50. .collapser:after {
  51.   content: "-";
  52. }
  53.  
  54. .collapsed > .collapser:after {
  55.   content: "+";
  56. }
  57.  
  58. .ellipsis {
  59.   height: 5px;
  60. }
  61.  
  62. .ellipsis:after {
  63.   content: " ... ";
  64.   background-color: rgb(243, 243, 073);
  65.   color: rgb(151, 151, 107);
  66.   font-weight: bold;
  67.   font-size: 60%;
  68.   border: 1px solid rgb(151, 151, 107);
  69.   border-radius: 2px;
  70. }
  71.  
  72. .collapsible {
  73.   margin-left: 2em;
  74. }
  75.  
  76. .hoverable {
  77.   padding-top: 1px;
  78.   padding-bottom: 1px;
  79.   padding-left: 2px;
  80.   padding-right: 2px;
  81.   border-radius: 2px;
  82. }
  83.  
  84. .hovered {
  85.   background-color: rgba(255, 255, 255, .1);  
  86. }
  87.  
  88. .collapser {
  89.   padding-right: 6px;
  90.   padding-left: 6px;
  91.   color: rgb(253, 151, 031);
  92. }
  93.  
  94. /* Toolbox */
  95. .toolbox {
  96.   opacity: 1;
  97.   background-color: #5D5E56;
  98.   border: 1px solid #878787;
  99.   border-radius: 3px;
  100.   top: 4px;
  101.   right: 4px;
  102.   height: 16px;
  103. }
  104.  
  105. .toolbox img {
  106.   display: none;
  107. }
  108.  
  109. .toolbox a {
  110.   display: none;
  111. }
  112.  
  113. .toolbox span:nth-child(1):after {
  114.   content: " Expand all";
  115. }
  116.  
  117. .toolbox span:nth-child(2):after {
  118.   content: " Collapse all";
  119. }
  120.        
  121. .toolbox span {
  122.   position: relative;
  123.   top: 2px;
  124.   height: 16px;
  125.   border-radius: 1px;
  126.   margin-right: 2px;
  127. }
  128.          
  129. .toolbox span:hover {
  130.   background-color: rgba(255, 255, 255, 0.2);
  131. }
Advertisement
Add Comment
Please, Sign In to add comment