1body { 2 --kiwiki-body-bg: __kiwiki_body_bg_color__; 3 --kiwiki-text-color: __kiwiki_text_color__; 4 --kiwiki-main: __kiwiki_main_color__; 5 --kiwiki-ui-color: __kiwiki_ui_color__; 6 --kiwiki-ui-100: __kiwiki_ui_100_color__; 7 --kiwiki-ui-200: __kiwiki_ui_200_color__; 8 --kiwiki-ui-300: __kiwiki_ui_300_color__; 9 --kiwiki-ui-400: __kiwiki_ui_400_color__; 10 --kiwiki-ui-500: __kiwiki_ui_500_color__; 11 --kiwiki-ui-600: __kiwiki_ui_600_color__; 12 --kiwiki-ui-700: __kiwiki_ui_700_color__; 13 --kiwiki-ui-800: __kiwiki_ui_800_color__; 14 --kiwiki-ui-900: __kiwiki_ui_900_color__; 15 --kiwiki-btn-bg: __kiwiki_btn_bg_color__; 16 --kiwiki-btn-text: __kiwiki_btn_text_color__; 17 --kiwiki-btn-hover-bg: __kiwiki_btn_bg_hover_color__; 18 --kiwiki-btn-hover-text: __kiwiki_btn_hover_text_color__; 19 --kiwiki-btn-border: __kiwiki_btn_border_color__; 20} 21 22#theme-mode svg#themeicon #dark { 23 display: none; 24} 25 26@media (prefers-color-scheme: dark) { 27 body { 28 --kiwiki-body-bg: __kiwiki_dark_body_bg_color__; 29 --kiwiki-text-color: __kiwiki_dark_text_color__; 30 --kiwiki-main: __kiwiki_dark_main_color__; 31 --kiwiki-ui-color: __kiwiki_dark_ui_color__; 32 --kiwiki-ui-100: __kiwiki_dark_ui_100_color__; 33 --kiwiki-ui-200: __kiwiki_dark_ui_200_color__; 34 --kiwiki-ui-300: __kiwiki_dark_ui_300_color__; 35 --kiwiki-ui-400: __kiwiki_dark_ui_400_color__; 36 --kiwiki-ui-500: __kiwiki_dark_ui_500_color__; 37 --kiwiki-ui-600: __kiwiki_dark_ui_600_color__; 38 --kiwiki-ui-700: __kiwiki_dark_ui_700_color__; 39 --kiwiki-ui-800: __kiwiki_dark_ui_800_color__; 40 --kiwiki-ui-900: __kiwiki_dark_ui_900_color__; 41 --kiwiki-btn-bg: __kiwiki_dark_btn_bg_color__; 42 --kiwiki-btn-text: __kiwiki_dark_btn_text_color__; 43 --kiwiki-btn-hover-bg: __kiwiki_dark_btn_bg_hover_color__; 44 --kiwiki-btn-hover-text: __kiwiki_dark_btn_hover_text_color__; 45 --kiwiki-btn-border: __kiwiki_dark_btn_border_color__; 46 } 47 #theme-mode svg#themeicon #light { 48 display: none; 49 } 50 #theme-mode svg#themeicon #dark { 51 display: initial; 52 } 53} 54 55body.lightmode { 56 --kiwiki-body-bg: __kiwiki_body_bg_color__; 57 --kiwiki-text-color: __kiwiki_text_color__; 58 --kiwiki-main: __kiwiki_main_color__; 59 --kiwiki-ui-color: __kiwiki_ui_color__; 60 --kiwiki-ui-100: __kiwiki_ui_100_color__; 61 --kiwiki-ui-200: __kiwiki_ui_200_color__; 62 --kiwiki-ui-300: __kiwiki_ui_300_color__; 63 --kiwiki-ui-400: __kiwiki_ui_400_color__; 64 --kiwiki-ui-500: __kiwiki_ui_500_color__; 65 --kiwiki-ui-600: __kiwiki_ui_600_color__; 66 --kiwiki-ui-700: __kiwiki_ui_700_color__; 67 --kiwiki-ui-800: __kiwiki_ui_800_color__; 68 --kiwiki-ui-900: __kiwiki_ui_900_color__; 69 --kiwiki-btn-bg: __kiwiki_btn_bg_color__; 70 --kiwiki-btn-text: __kiwiki_btn_text_color__; 71 --kiwiki-btn-hover-bg: __kiwiki_btn_bg_hover_color__; 72 --kiwiki-btn-hover-text: __kiwiki_btn_hover_text_color__; 73 --kiwiki-btn-border: __kiwiki_btn_border_color__; 74} 75 76body.darkmode { 77 --kiwiki-body-bg: __kiwiki_dark_body_bg_color__; 78 --kiwiki-text-color: __kiwiki_dark_text_color__; 79 --kiwiki-main: __kiwiki_dark_main_color__; 80 --kiwiki-ui-color: __kiwiki_dark_ui_color__; 81 --kiwiki-ui-100: __kiwiki_dark_ui_100_color__; 82 --kiwiki-ui-200: __kiwiki_dark_ui_200_color__; 83 --kiwiki-ui-300: __kiwiki_dark_ui_300_color__; 84 --kiwiki-ui-400: __kiwiki_dark_ui_400_color__; 85 --kiwiki-ui-500: __kiwiki_dark_ui_500_color__; 86 --kiwiki-ui-600: __kiwiki_dark_ui_600_color__; 87 --kiwiki-ui-700: __kiwiki_dark_ui_700_color__; 88 --kiwiki-ui-800: __kiwiki_dark_ui_800_color__; 89 --kiwiki-ui-900: __kiwiki_dark_ui_900_color__; 90 --kiwiki-btn-bg: __kiwiki_dark_btn_bg_color__; 91 --kiwiki-btn-text: __kiwiki_dark_btn_text_color__; 92 --kiwiki-btn-hover-bg: __kiwiki_dark_btn_bg_hover_color__; 93 --kiwiki-btn-hover-text: __kiwiki_dark_btn_hover_text_color__; 94 --kiwiki-btn-border: __kiwiki_dark_btn_border_color__; 95} 96 97body.darkmode #theme-mode svg#themeicon #light, 98body.lightmode #theme-mode svg#themeicon #dark { 99 display: none; 100} 101body.darkmode #theme-mode svg#themeicon #dark, 102body.lightmode #theme-mode svg#themeicon #light { 103 display: initial; 104} 105 106#kiwiki.darkmode form.search .no button[type="submit"] { 107 border: 1px solid var(--kiwiki-text-color); 108} 109 110* { 111 outline: 0; 112} 113 114::-moz-selection, 115::selection { 116 color: var(--kiwiki-main); 117 background: var(--kiwiki-btn-hover-bg); 118} 119 120html, 121body { 122 background-color: var(--kiwiki-body-bg); 123 color: var(--kiwiki-text-color); 124 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, 125 "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", 126 "Segoe UI Symbol"; 127 margin: 0; 128 padding: 0; 129} 130 131html { 132 overflow-x: auto; 133 overflow-y: scroll; 134 scroll-behavior: smooth; 135} 136 137body { 138 -webkit-text-size-adjust: 100%; 139 -moz-text-size-adjust: 100%; 140 -ms-text-size-adjust: 100%; 141 text-size-adjust: 100%; 142} 143 144img { 145 border-width: 0; 146} 147 148img, 149video { 150 height: auto; 151} 152 153img, 154object, 155iframe, 156video, 157audio, 158select { 159 max-width: 100%; 160} 161 162a, 163a:visited { 164 color: var(--kiwiki-btn-bg); 165} 166 167a:hover { 168 color: var(--kiwiki-btn-hover-bg); 169} 170