diff --git a/Resources/Plugins/edit-design/browser.js b/Resources/Plugins/edit-design/browser.js index 24e5ddf8..d0f036ef 100644 --- a/Resources/Plugins/edit-design/browser.js +++ b/Resources/Plugins/edit-design/browser.js @@ -16,6 +16,7 @@ enabled(){ hideTweetActions: true, moveTweetActionsToRight: true, revertReplies: false, + themeColorTweaks: true, roundedScrollBars: false, smallComposeTextSize: false, optimizeAnimations: true, @@ -320,15 +321,19 @@ enabled(){ this.css.insert(".txt-base-smallest:not(.icon), .txt-base-largest:not(.icon) { font-size: "+this.config.fontSize+" !important }"); this.css.insert(".avatar { border-radius: "+this.config.avatarRadius+"% !important }"); - switch(TD.settings.getTheme()){ - case "dark": - this.css.insert(".app-content, .app-columns-container { background-color: #444448 }"); - break; - - case "light": - this.css.insert(".scroll-styled-v::-webkit-scrollbar-thumb, .scroll-styled-h::-webkit-scrollbar-thumb { background-color: #d2d6da }"); - this.css.insert(".app-columns-container.scroll-styled-h::-webkit-scrollbar-thumb:not(:hover) { background-color: #a5aeb5 }"); - break; + if (this.config.themeColorTweaks){ + switch(TD.settings.getTheme()){ + case "dark": + this.css.insert(".app-content, .app-columns-container { background-color: #444448 }"); + this.css.insert(".column-drag-handle { opacity: 0.5 }"); + this.css.insert(".column-drag-handle:hover { opacity: 1 }"); + break; + + case "light": + this.css.insert(".scroll-styled-v::-webkit-scrollbar-thumb, .scroll-styled-h::-webkit-scrollbar-thumb { background-color: #d2d6da }"); + this.css.insert(".app-columns-container.scroll-styled-h::-webkit-scrollbar-thumb:not(:hover) { background-color: #a5aeb5 }"); + break; + } } if (this.config.hideTweetActions){ diff --git a/Resources/Plugins/edit-design/modal.html b/Resources/Plugins/edit-design/modal.html index 742228a0..0d9a6ede 100644 --- a/Resources/Plugins/edit-design/modal.html +++ b/Resources/Plugins/edit-design/modal.html @@ -98,6 +98,10 @@ <label class="txt-uppercase touch-larger-label"> <b>Design</b> </label> + <label class="checkbox"> + <input data-td-key="themeColorTweaks" class="js-theme-checkbox touch-larger-label" type="checkbox"> + Theme color tweaks + </label> <label class="checkbox"> <input data-td-key="roundedScrollBars" class="js-theme-checkbox touch-larger-label" type="checkbox"> Rounded scroll bars