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* { 107 outline: 0; 108} 109 110::-moz-selection, 111::selection { 112 color: var(--kiwiki-main); 113 background: var(--kiwiki-btn-hover-bg); 114} 115 116html, 117body { 118 background-color: var(--kiwiki-body-bg); 119 color: var(--kiwiki-text-color); 120 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, 121 "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", 122 "Segoe UI Symbol"; 123 margin: 0; 124 padding: 0; 125} 126 127html { 128 overflow-x: auto; 129 overflow-y: scroll; 130 scroll-behavior: smooth; 131} 132 133body { 134 -webkit-text-size-adjust: 100%; 135 -moz-text-size-adjust: 100%; 136 -ms-text-size-adjust: 100%; 137 text-size-adjust: 100%; 138} 139 140img { 141 border-width: 0; 142} 143 144img, 145video { 146 height: auto; 147} 148 149img, 150object, 151iframe, 152video, 153audio, 154select { 155 max-width: 100%; 156} 157 158a, 159a:visited { 160 color: var(--kiwiki-btn-bg); 161} 162 163a:hover { 164 color: var(--kiwiki-btn-hover-bg); 165} 166