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-header-bg: __kiwiki_header_bg_color__; 58 --kiwiki-text-color: __kiwiki_text_color__; 59 --kiwiki-main: __kiwiki_main_color__; 60 --kiwiki-ui-color: __kiwiki_ui_color__; 61 --kiwiki-ui-100: __kiwiki_ui_100_color__; 62 --kiwiki-ui-200: __kiwiki_ui_200_color__; 63 --kiwiki-ui-300: __kiwiki_ui_300_color__; 64 --kiwiki-ui-400: __kiwiki_ui_400_color__; 65 --kiwiki-ui-500: __kiwiki_ui_500_color__; 66 --kiwiki-ui-600: __kiwiki_ui_600_color__; 67 --kiwiki-ui-700: __kiwiki_ui_700_color__; 68 --kiwiki-ui-800: __kiwiki_ui_800_color__; 69 --kiwiki-ui-900: __kiwiki_ui_900_color__; 70 --kiwiki-btn-bg: __kiwiki_btn_bg_color__; 71 --kiwiki-btn-text: __kiwiki_btn_text_color__; 72 --kiwiki-btn-hover-bg: __kiwiki_btn_bg_hover_color__; 73 --kiwiki-btn-hover-text: __kiwiki_btn_hover_text_color__; 74 --kiwiki-btn-border: __kiwiki_btn_border_color__; 75} 76 77body.darkmode { 78 --kiwiki-body-bg: __kiwiki_dark_body_bg_color__; 79 --kiwiki-header-bg: __kiwiki_dark_header_bg_color__; 80 --kiwiki-text-color: __kiwiki_dark_text_color__; 81 --kiwiki-main: __kiwiki_dark_main_color__; 82 --kiwiki-ui-color: __kiwiki_dark_ui_color__; 83 --kiwiki-ui-100: __kiwiki_dark_ui_100_color__; 84 --kiwiki-ui-200: __kiwiki_dark_ui_200_color__; 85 --kiwiki-ui-300: __kiwiki_dark_ui_300_color__; 86 --kiwiki-ui-400: __kiwiki_dark_ui_400_color__; 87 --kiwiki-ui-500: __kiwiki_dark_ui_500_color__; 88 --kiwiki-ui-600: __kiwiki_dark_ui_600_color__; 89 --kiwiki-ui-700: __kiwiki_dark_ui_700_color__; 90 --kiwiki-ui-800: __kiwiki_dark_ui_800_color__; 91 --kiwiki-ui-900: __kiwiki_dark_ui_900_color__; 92 --kiwiki-btn-bg: __kiwiki_dark_btn_bg_color__; 93 --kiwiki-btn-text: __kiwiki_dark_btn_text_color__; 94 --kiwiki-btn-hover-bg: __kiwiki_dark_btn_bg_hover_color__; 95 --kiwiki-btn-hover-text: __kiwiki_dark_btn_hover_text_color__; 96 --kiwiki-btn-border: __kiwiki_dark_btn_border_color__; 97} 98 99body.darkmode #theme-mode svg#themeicon #light, 100body.lightmode #theme-mode svg#themeicon #dark { 101 display: none; 102} 103body.darkmode #theme-mode svg#themeicon #dark, 104body.lightmode #theme-mode svg#themeicon #light { 105 display: initial; 106} 107 108#kiwiki.darkmode form.search .no button[type="submit"] { 109 border: 1px solid var(--kiwiki-text-color); 110} 111 112* { 113 outline: 0; 114} 115 116::-moz-selection, 117::selection { 118 color: var(--kiwiki-main); 119 background: var(--kiwiki-btn-hover-bg); 120} 121 122html, 123body { 124 background-color: var(--kiwiki-body-bg); 125 color: var(--kiwiki-text-color); 126 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, 127 "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", 128 "Segoe UI Symbol"; 129 margin: 0; 130 padding: 0; 131} 132 133html { 134 overflow-x: auto; 135 overflow-y: scroll; 136 scroll-behavior: smooth; 137} 138 139body { 140 -webkit-text-size-adjust: 100%; 141 -moz-text-size-adjust: 100%; 142 -ms-text-size-adjust: 100%; 143 text-size-adjust: 100%; 144} 145 146img { 147 border-width: 0; 148} 149 150img, 151video { 152 height: auto; 153} 154 155img, 156object, 157iframe, 158video, 159audio, 160select { 161 max-width: 100%; 162} 163 164a, 165a:visited { 166 color: var(--kiwiki-btn-bg); 167} 168 169a:hover { 170 color: var(--kiwiki-btn-hover-bg); 171} 172 173a.wikilink2:link, a.wikilink2:hover, a.wikilink2:visited { 174 color: red; 175} 176