kasper.space / taskler
[READ-ONLY] Mirror of https://github.com/probablykasper/taskler. Simple text editor for your New Tab page taskler.kasper.space
browser-extension chrome chrome-extension editor extension firefox firefox-addon firefox-extension notes
0
Fork 0

Configure Feed

Select the types of activity you want to include in your feed.

Made dark mode darker and bluer

Kasper (Dec 5, 2019, 1:55 PM +0100) 136e4e03 d4a7c5dd

+8 -4
+7 -2
src/index.js
··· 193 193 key: 'dark-mode', 194 194 defaultValue: false, 195 195 onUpdate: (newDarkMode) => { 196 + const darkModeDialogShadow = '0 11px 15px -7px rgba(0,0,0,.2)'; 196 197 if (newDarkMode === false) { 197 198 // body.classList.remove('dark-mode') 198 199 // body.classList.add('light-mode') ··· 204 205 'logo-dark': '#272727', 205 206 'logo-mid': '#424242', 206 207 'logo-light': '#696969', 208 + 209 + 'dialog-shadow': darkModeDialogShadow + ', 0 24px 38px 3px rgba(0,0,0,.14), 0 9px 46px 8px rgba(0,0,0,.12)', 207 210 }}) 208 211 if (darkModeCheckbox.checked === true) darkModeCheckbox.checked = false 209 212 } else if (newDarkMode === true) { 210 213 // body.classList.remove('light-mode') 211 214 // body.classList.add('dark-mode') 212 215 cssVars({ variables: { 213 - 'bgcolor': '#272727', 214 - 'bgcolor-overlay': '#313131', 216 + 'bgcolor': '#191A1F', 217 + 'bgcolor-overlay': '#272830', 215 218 'color': '#fafafa', 216 219 217 220 'logo-dark': '#fafafa', 218 221 'logo-mid': '#bdbdbd', 219 222 'logo-light': '#969696', 223 + 224 + 'dialog-shadow': darkModeDialogShadow, 220 225 }}) 221 226 if (darkModeCheckbox.checked === false) darkModeCheckbox.checked = true 222 227 }
+1 -1
src/index.styl
··· 99 99 max-height: calc(100% - 100px) 100 100 padding: 25px 101 101 border-radius: 5px 102 - box-shadow: dialog-shadow 102 + box-shadow: var(--dialog-shadow) 103 103 overflow-y: scroll 104 104 h1 105 105 font-weight: 500
-1
src/variables.styl
··· 13 13 shadow-4-inset-bottom = inset 0px -24px 8px -20px rgba(0,0,0,0.24) 14 14 shadow-5 = 0px 6px 10px 0px rgba(0,0,0,0.24) 15 15 shadow-5-inset-top = inset 0px 26px 10px -20px rgba(0,0,0,0.24) 16 - dialog-shadow = 0 11px 15px -7px rgba(0,0,0,.2), 0 24px 38px 3px rgba(0,0,0,.14), 0 9px 46px 8px rgba(0,0,0,.12) 17 16 // shadow-1 = 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24) 18 17 // shadow-2 = 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23) 19 18 // shadow-3 = 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23)