You are here

agate.css in FormAssembly 8

/*!
 * Agate by Taufik Nurrohman <https://github.com/tovic>
 * ----------------------------------------------------
 *
 * #ade5fc
 * #a2fca2
 * #c6b4f0
 * #d36363
 * #fcc28c
 * #fc9b9b
 * #ffa
 * #fff
 * #333
 * #62c8f3
 * #888
 *
 */

.hljs {
  display: block;
  overflow-x: auto;
  padding: 0.5em;
  background: #333;
  color: white;
}

.hljs-name,
.hljs-strong {
  font-weight: bold;
}

.hljs-code,
.hljs-emphasis {
  font-style: italic;
}

.hljs-tag {
  color: #62c8f3;
}

.hljs-variable,
.hljs-template-variable,
.hljs-selector-id,
.hljs-selector-class {
  color: #ade5fc;
}

.hljs-string,
.hljs-bullet {
  color: #a2fca2;
}

.hljs-type,
.hljs-title,
.hljs-section,
.hljs-attribute,
.hljs-quote,
.hljs-built_in,
.hljs-builtin-name {
  color: #ffa;
}

.hljs-number,
.hljs-symbol,
.hljs-bullet {
  color: #d36363;
}

.hljs-keyword,
.hljs-selector-tag,
.hljs-literal {
  color: #fcc28c;
}

.hljs-comment,
.hljs-deletion,
.hljs-code {
  color: #888;
}

.hljs-regexp,
.hljs-link {
  color: #c6b4f0;
}

.hljs-meta {
  color: #fc9b9b;
}

.hljs-deletion {
  background-color: #fc9b9b;
  color: #333;
}

.hljs-addition {
  background-color: #a2fca2;
  color: #333;
}

.hljs a {
  color: inherit;
}

.hljs a:focus,
.hljs a:hover {
  color: inherit;
  text-decoration: underline;
}

File

css/agate.css
View source
  1. /*!
  2. * Agate by Taufik Nurrohman
  3. * ----------------------------------------------------
  4. *
  5. * #ade5fc
  6. * #a2fca2
  7. * #c6b4f0
  8. * #d36363
  9. * #fcc28c
  10. * #fc9b9b
  11. * #ffa
  12. * #fff
  13. * #333
  14. * #62c8f3
  15. * #888
  16. *
  17. */
  18. .hljs {
  19. display: block;
  20. overflow-x: auto;
  21. padding: 0.5em;
  22. background: #333;
  23. color: white;
  24. }
  25. .hljs-name,
  26. .hljs-strong {
  27. font-weight: bold;
  28. }
  29. .hljs-code,
  30. .hljs-emphasis {
  31. font-style: italic;
  32. }
  33. .hljs-tag {
  34. color: #62c8f3;
  35. }
  36. .hljs-variable,
  37. .hljs-template-variable,
  38. .hljs-selector-id,
  39. .hljs-selector-class {
  40. color: #ade5fc;
  41. }
  42. .hljs-string,
  43. .hljs-bullet {
  44. color: #a2fca2;
  45. }
  46. .hljs-type,
  47. .hljs-title,
  48. .hljs-section,
  49. .hljs-attribute,
  50. .hljs-quote,
  51. .hljs-built_in,
  52. .hljs-builtin-name {
  53. color: #ffa;
  54. }
  55. .hljs-number,
  56. .hljs-symbol,
  57. .hljs-bullet {
  58. color: #d36363;
  59. }
  60. .hljs-keyword,
  61. .hljs-selector-tag,
  62. .hljs-literal {
  63. color: #fcc28c;
  64. }
  65. .hljs-comment,
  66. .hljs-deletion,
  67. .hljs-code {
  68. color: #888;
  69. }
  70. .hljs-regexp,
  71. .hljs-link {
  72. color: #c6b4f0;
  73. }
  74. .hljs-meta {
  75. color: #fc9b9b;
  76. }
  77. .hljs-deletion {
  78. background-color: #fc9b9b;
  79. color: #333;
  80. }
  81. .hljs-addition {
  82. background-color: #a2fca2;
  83. color: #333;
  84. }
  85. .hljs a {
  86. color: inherit;
  87. }
  88. .hljs a:focus,
  89. .hljs a:hover {
  90. color: inherit;
  91. text-decoration: underline;
  92. }