DarkMode
by
yeswasi
2019-12-22 [2019/12/22 01:17:06]
DarkMode.
-
/*
* @title DarkMode
* @description DarkMode.
* @include http://*
* @license MIT License
* @require
*/
javascript:let%20prevBgColor%20=%20getBodyColor(),%20%09darkClassList%20=%20%5B'theme-dark',%20'theme--dark',%20'theme-black',%20'theme--black'%5D;%20%20document.body.classList.add(...darkClassList);%20%20if%20(prevBgColor%20===%20getBodyColor())%20%7B%20%09var%20doc%20=%20document;%20%09var%20link%20=%20doc.createElement('link');%20%09link.href%20=%20'https://fonts.googleapis.com/css?family=Roboto&display=swap';%20%09link.rel%20=%20'stylesheet';%20%09link.type%20=%20'text/css';%20%09let%20style%20=%20document.createElement('style');%20%09%20%09style.type%20=%20%22text/css%22;%20%09document.head.appendChild(style);%20%09%20%09style.sheet.insertRule(%22@font-face%20%7Bfont-family%20:%20'Roboto%20Mono';%20src%20:%20url(URL);%7D%22);%20%09style.sheet.insertRule(%22*%20%7B%20color:%20%23EFEFEF%20!important;%20background-color:%20%231A1A1A%20!important;%20border-color:%20currentColor%20!important;%20font-family%20:%20'Roboto',sans-serif;%20word-break%20:%20break-all;%7D%22);%20%09style.sheet.insertRule(%22pre%20%7Bfont-family%20:%20'Roboto%20Mono',monospace%7D%22);%20%09style.sheet.insertRule(%22pre%20span%20%7Bfont-family%20:%20'Roboto%20Mono',monospace%7D%22);%20%09style.sheet.insertRule(%22code%20%7Bfont-family%20:%20'Roboto%20Mono',monospace%7D%22);%20%09style.sheet.insertRule(%22kbd%20%7Bfont-family%20:%20'Roboto%20Mono',monospace%7D%22);%20%09style.sheet.insertRule(%22samp%20%7Bfont-family%20:%20'Roboto%20Mono',monospace%7D%22);%20%09style.sheet.insertRule(%22div%20.Box-body%20%7Bfont-family%20:%20'Roboto%20Mono',monospace%7D%22);%20%7D%20%20function%20getBodyColor()%20%7B%20%09return%20window.getComputedStyle(document.body).backgroundColor;%7Dcompletion(true);
-
- Permalink
- このページへの個別リンクです。
- RAW
- 書かれたコードへの直接のリンクです。
- Packed
- 文字列が圧縮された書かれたコードへのリンクです。
- Userscript
- Greasemonkey 等で利用する場合の .user.js へのリンクです。
- Loader
- @require やソースコードが長い場合に多段ロードする Loader コミのコードへのリンクです。
- Metadata
- コード中にコメントで @xxx と書かれたメタデータの JSON です。