├── LICENSE ├── README.md ├── darkmode.css ├── darkmode.js ├── icon.png ├── icon@2x.png ├── manifest.json └── screenshot.png /LICENSE: -------------------------------------------------------------------------------- 1 | Copyright (c) 2024 Matvey Ryabchikov 2 | 3 | Permission is hereby granted, free of charge, to any person obtaining a copy 4 | of this software and associated documentation files (the "Software"), to deal 5 | in the Software without restriction, including without limitation the rights 6 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 7 | copies of the Software, and to permit persons to whom the Software is 8 | furnished to do so, subject to the following conditions: 9 | 10 | The above copyright notice and this permission notice shall be included in all 11 | copies or substantial portions of the Software. 12 | 13 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 14 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 15 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 16 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 17 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 18 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 19 | SOFTWARE. 20 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Free UploadThing Darkmode Browser Extension 2 | 3 | [UploadThing made darkmode a paid feature](https://github.com/pingdotgg/uploadthing/issues/606), this extension adds it for free. 4 | 5 | ## Installation 6 | 7 | ### Chrome (and other Chromium-based browsers) 8 | 9 | Get it on [Chrome Web Store](https://chromewebstore.google.com/detail/free-uploadthing-darkmode/lhhjcmacegkmfklpodaiiikgdmdbooff) or install it manually from the [Releases tab](https://github.com/ronanru/uploadthing-darkmode/releases). 10 | 11 | ### Firefox 12 | 13 | You can install the extetesnion on the [Firefox Add-ons](https://addons.mozilla.org/en-US/firefox/addon/free-uploadthing-darkmode/) 14 | 15 | ## Screenshot 16 | 17 | ![UploadThing.com page in a dark mode](screenshot.png) 18 | -------------------------------------------------------------------------------- /darkmode.css: -------------------------------------------------------------------------------- 1 | :root { 2 | color-scheme: dark !important; 3 | } 4 | 5 | body { 6 | --background: 0 0% 7%; 7 | --foreground: 0 0% 98%; 8 | --border: 240 4% 16%; 9 | --card: 240 6% 10%; 10 | --card-foreground: 0 0% 98%; 11 | --muted: 240 6% 10%; 12 | --accent: 240 6% 10%; 13 | --accent-foreground: 240 5% 96%; 14 | --input: 240 4% 16%; 15 | --popover: 240 6% 10%; 16 | --popover-foreground: 0 0% 98%; 17 | } 18 | 19 | .text-gray-900 { 20 | --tw-text-opacity: 1; 21 | color: rgb(244 244 245 / var(--tw-text-opacity)) !important; 22 | } 23 | 24 | .text-gray-800 { 25 | --tw-text-opacity: 1; 26 | color: rgb(228 228 231 / var(--tw-text-opacity)) !important; 27 | } 28 | 29 | .text-gray-700 { 30 | --tw-text-opacity: 1; 31 | color: rgb(212 212 216 / var(--tw-text-opacity)) !important; 32 | } 33 | 34 | .text-gray-600 { 35 | --tw-text-opacity: 1; 36 | color: rgb(161 161 170 / var(--tw-text-opacity)) !important; 37 | } 38 | 39 | .text-black { 40 | --tw-text-opacity: 1; 41 | color: rgb(255 255 255 / var(--tw-text-opacity)) !important; 42 | } 43 | 44 | .bg-white { 45 | --tw-bg-opacity: 1; 46 | background-color: rgb(24 24 27 / var(--tw-bg-opacity)) !important; 47 | } 48 | 49 | .bg-red-200 { 50 | --tw-bg-opacity: 1; 51 | background-color: rgb(127 29 29 / var(--tw-bg-opacity)) !important; 52 | } 53 | 54 | header.via-white\/60 { 55 | --tw-gradient-to: hsla(240, 10%, 4%, 0) var(--tw-gradient-to-position); 56 | --tw-gradient-stops: var(--tw-gradient-from), 57 | hsla(240, 10%, 4%, 0.6) var(--tw-gradient-via-position), 58 | var(--tw-gradient-to); 59 | } 60 | 61 | header.from-white { 62 | --tw-gradient-from: #09090b var(--tw-gradient-from-position) !important; 63 | } 64 | 65 | .border-gray-200 { 66 | --tw-border-opacity: 1; 67 | border-color: rgb(39 39 42 / var(--tw-border-opacity)) !important; 68 | } 69 | 70 | .hover\:bg-gray-300\/50:hover { 71 | background-color: hsla(240, 5%, 26%, 0.5) !important; 72 | } 73 | 74 | svg { 75 | fill: currentColor !important; 76 | } 77 | -------------------------------------------------------------------------------- /darkmode.js: -------------------------------------------------------------------------------- 1 | setTimeout(() => document.documentElement.classList.add("dark"), 500); 2 | -------------------------------------------------------------------------------- /icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ronanru/uploadthing-darkmode/99bd698618a7600139042e766d4d09d690da1246/icon.png -------------------------------------------------------------------------------- /icon@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ronanru/uploadthing-darkmode/99bd698618a7600139042e766d4d09d690da1246/icon@2x.png -------------------------------------------------------------------------------- /manifest.json: -------------------------------------------------------------------------------- 1 | { 2 | "manifest_version": 3, 3 | "name": "Free UploadThing DarkMode", 4 | "version": "1.0.0", 5 | "description": "Add Dark Mode on UploadThing.com for free", 6 | "content_scripts": [ 7 | { 8 | "matches": ["https://uploadthing.com/*"], 9 | "css": ["darkmode.css"], 10 | "js": ["darkmode.js"] 11 | } 12 | ], 13 | "icons": { 14 | "48": "icon.png", 15 | "96": "icon@2x.png" 16 | } 17 | } 18 | -------------------------------------------------------------------------------- /screenshot.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ronanru/uploadthing-darkmode/99bd698618a7600139042e766d4d09d690da1246/screenshot.png --------------------------------------------------------------------------------