1/** 2 * This file provides styles for syntax highlighting in dark mode 3 * Syntax highlighting is done by GeShi 4 * It doesn't change the default style light theme style 5 */ 6 7@brackets: #bfbfbf; 8@comments: #7a7a75; 9@strings: #ff4444; 10@methods: #ffffff; 11@methods2: #ffcc66; 12@keyword1: #99ee00; 13@keyword2: #eeaa22; 14@keyword3: #dd88ff; 15@keyword4: #ff7744; 16@operators: #44ffbb; 17@numbers: #ff2288; 18@variables: #88c0ff; 19@variables2: #ccddff; 20@variables5: #ddddff; 21@lines: #252525; 22@lines2: #272727; 23@lines3: var(--background_site); 24@lines-xtra: #494d26; 25 26.darkModeGeshi{ 27 28 /* lines */ 29 .li1 { 30 background: @lines; 31 } 32 .li2 { 33 background: @lines2; 34 } 35 .li1 .de1 { 36 background: @lines3; 37 } 38 .li1.ln-xtra .de1, .ln-xtra{ 39 background: @lines-xtra; 40 } 41 42 /* brackets */ 43 .br0 { 44 color: @brackets; 45 } 46 /* comments */ 47 .co0, .co1, .coMULTI { 48 color: @comments; 49 } 50 51 /* strings */ 52 .st0, .st_h { 53 color: @strings; 54 } 55 56 /* methods */ 57 .me0, .me1 { 58 color: @methods; 59 } 60 .me2 { 61 color: @methods2; 62 } 63 64 /* keywords */ 65 .kw1 { 66 color: @keyword1; 67 } 68 .kw2 { 69 color: @keyword2; 70 } 71 .kw3 { 72 color: @keyword3; 73 } 74 .kw4 { 75 color: @keyword4; 76 } 77 78 /* operators */ 79 .sy0 { 80 color: @operators; 81 } 82 83 /* numbers */ 84 .nu0 { 85 color: @numbers; 86 } 87 88 /* variables */ 89 .re0, .re1, .re3, .re4 { 90 color: @variables; 91 } 92 .re2 { 93 color: @variables2; 94 } 95 .re5 { 96 color: @variables5; 97 } 98 99 100} 101 102/* dark theme and automatic is switched off*/ 103&:root[theme="dark"] { 104 .darkModeGeshi(); 105} 106 107/* User prefers dark theme and automatic is switched on*/ 108@media (prefers-color-scheme: dark){ 109 &:root[theme="auto"] { 110 .darkModeGeshi(); 111 } 112} 113