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