PageRenderTime 50ms CodeModel.GetById 22ms RepoModel.GetById 1ms app.codeStats 0ms

/lib/syntaxhighlighter_3.0.83/compass/_theme_template.scss

#
Sass | 120 lines | 96 code | 19 blank | 5 comment | 0 complexity | d50f648beaeef989b6b1ea6ecf6178c9 MD5 | raw file
Possible License(s): LGPL-2.1, Apache-2.0, BSD-3-Clause
  1. $background: white !default;
  2. $line_alt1_background: $background !default;
  3. $line_alt2_background: $background !default;
  4. $line_highlighted_background: #e0e0e0 !default;
  5. $line_highlighted_number: black !default;
  6. $gutter_text: #afafaf !default;
  7. $gutter_border_color: #6ce26c !default;
  8. $gutter_border: 3px solid $gutter_border_color !default;
  9. $toolbar_collapsed_a: #00f !default;
  10. $toolbar_collapsed_a_hover: #f00 !default;
  11. $toolbar_collapsed_background: #fff !default;
  12. $toolbar_collapsed_border: 1px solid $gutter_border_color !default;
  13. $toolbar_a: #fff !default;
  14. $toolbar_a_hover: #000 !default;
  15. $toolbar_background: $gutter_border_color !default;
  16. $toolbar_border: none !default;
  17. $code_plain: black !default;
  18. $code_comments: #008200 !default;
  19. $code_string: blue !default;
  20. $code_keyword: #006699 !default;
  21. $code_preprocessor: gray !default;
  22. $code_variable: #aa7700 !default;
  23. $code_value: #009900 !default;
  24. $code_functions: #ff1493 !default;
  25. $code_constants: #0066cc !default;
  26. $code_script: $code_keyword !default;
  27. $code_script_background: none !default;
  28. $code_color1: gray !default;
  29. $code_color2: #ff1493 !default;
  30. $code_color3: red !default;
  31. $caption_color: $code_plain !default;
  32. // Interface elements.
  33. .syntaxhighlighter {
  34. background-color: $background !important;
  35. // Highlighed line number
  36. .line {
  37. &.alt1 { background-color: $line_alt1_background !important; }
  38. &.alt2 { background-color: $line_alt2_background !important; }
  39. // Highlighed line
  40. &.highlighted {
  41. &.alt1, &.alt2 { background-color: $line_highlighted_background !important; }
  42. &.number { color: $line_highlighted_number !important; }
  43. }
  44. }
  45. table {
  46. caption {
  47. color: $caption_color !important;
  48. }
  49. }
  50. // Add border to the lines
  51. .gutter {
  52. color: $gutter_text !important;
  53. .line {
  54. border-right: $gutter_border !important;
  55. &.highlighted {
  56. background-color: $gutter_border_color !important;
  57. color: $background !important;
  58. }
  59. }
  60. }
  61. &.printing .line .content { border: none !important; }
  62. &.collapsed {
  63. overflow: visible !important;
  64. .toolbar {
  65. color: $toolbar_collapsed_a !important;
  66. background: $toolbar_collapsed_background !important;
  67. border: $toolbar_collapsed_border !important;
  68. a {
  69. color: $toolbar_collapsed_a !important;
  70. &:hover { color: $toolbar_collapsed_a_hover !important; }
  71. }
  72. }
  73. }
  74. .toolbar {
  75. color: $toolbar_a !important;
  76. background: $toolbar_background !important;
  77. border: $toolbar_border !important;
  78. a {
  79. color: $toolbar_a !important;
  80. &:hover { color: $toolbar_a_hover !important; }
  81. }
  82. }
  83. // Actual syntax highlighter colors.
  84. .plain, .plain a { color: $code_plain !important; }
  85. .comments, .comments a { color: $code_comments !important; }
  86. .string, .string a { color: $code_string !important; }
  87. .keyword { color: $code_keyword !important; }
  88. .preprocessor { color: $code_preprocessor !important; }
  89. .variable { color: $code_variable !important; }
  90. .value { color: $code_value !important; }
  91. .functions { color: $code_functions !important; }
  92. .constants { color: $code_constants !important; }
  93. .script {
  94. font-weight: bold !important;
  95. color: $code_script !important;
  96. background-color: $code_script_background !important;
  97. }
  98. .color1, .color1 a { color: $code_color1 !important; }
  99. .color2, .color2 a { color: $code_color2 !important; }
  100. .color3, .color3 a { color: $code_color3 !important; }
  101. }