diff --git a/Themes/BasicBackground/BasicBackground.css b/Themes/BasicBackground/BasicBackground.css index 658022b0fe..6145c393ab 100644 --- a/Themes/BasicBackground/BasicBackground.css +++ b/Themes/BasicBackground/BasicBackground.css @@ -6720,26 +6720,6 @@ img[src="/assets/e8b66317ab0dc9ba3bf8d41a4f3ec914.png"] { /* videosettings opus #bd-customcss-detach-container { /* customcsseditor detached */ background: transparent; } -#app-mount .ace-monokai { /* customcsseditor container */ - background-color: rgba(var(--vtransparencycolor), 0.5); - color: rgb(var(--fontwhite1)); -} -#app-mount .ace_selection { - background-color: rgb(var(--vaccentcolor)); -} -#app-mount .ace_selected-word { - border-color: rgb(var(--vaccentcolor)); -} -#app-mount .ace_gutter { - background-color: rgba(var(--vtransparencycolor), 0.3); - color: rgb(var(--fontwhite4)); -} -#app-mount .ace_active-line { - background-color: rgba(var(--vaccentcolor), 0.5); -} -#app-mount .ace_gutter-active-line { - background-color: rgba(var(--vaccentcolor), 0.7); -} #bd-customcss-attach-controls { background-color: rgba(var(--vtransparencycolor), 0.8); box-shadow: none; @@ -6770,164 +6750,6 @@ img[src="/assets/e8b66317ab0dc9ba3bf8d41a4f3ec914.png"] { /* videosettings opus background-color: rgba(var(--vtransparencycolor), 0.4); } -body #ace_settingsmenu { /* customcsseditor settings */ - position: absolute !important; - top: 10vh !important; - right: calc(50vw - 300px) !important; - bottom: 10vh !important; - left: calc(50vw - 300px) !important; - background-color: rgba(var(--vtransparencycolor), calc(var(--vtransparencyalpha) + 0.2)) !important; - border-radius: 5px; - box-shadow: 0 0 0 1px rgba(var(--vtransparencycolor), 0.3), 0 2px 10px 0 rgba(var(--vtransparencycolor), 0.3) !important; - padding: 0; - overflow: hidden; -} -body #ace_settingsmenu::before { - content: ""; - position: absolute; - top: 0; - bottom: 0; - right: 0; - left: 0; - background: var(--vpopout) center/var(--vpopoutsize); - background-attachment: fixed; - filter: blur(var(--vpopoutblur)); - border-radius: 5px; - z-index: -1; - pointer-events: none; -} -body #ace_settingsmenu > table { - height: 100%; - padding: 0.5em 0.5em 0 1em; - overflow: scroll; -} -body #ace_settingsmenu table, -body #ace_settingsmenu tr, -body #ace_settingsmenu td { - display: block; -} -body #ace_settingsmenu > table > tr:last-child { - color: var(--text-muted); - float: right; -} -body #ace_settingsmenu .ace_optionsMenuEntry { - height: 40px; - display: flex; - align-items: center; - justify-content: flex-start; - margin-bottom: 10px; -} -body #ace_settingsmenu .ace_optionsMenuEntry:hover { - background: transparent; -} -body #ace_settingsmenu .ace_optionsMenuEntry > td:first-child { - flex: 1 0 auto; - margin-right: 10px; -} -body #ace_settingsmenu .ace_optionsMenuEntry label { - color: rgb(var(--fontwhite1)); - font-size: 16px; - font-weight: 500; - line-height: 24px; - cursor: pointer; -} -body #ace_settingsmenu .ace_optionsMenuEntry button { - justify-content: center; - align-items: center; - text-align: center; - background: transparent; - box-shadow: none; - border: none; - border-radius: 4px; - color: var(--interactive-normal); - min-width: 40px; - margin: 0 8px; - padding: 2px 8px; -} -body #ace_settingsmenu .ace_optionsMenuEntry button:hover { - background-color: rgba(var(--vtransparencycolor), 0.2); - box-shadow: none; - border: none; - color: var(--interactive-hover); -} -body #ace_settingsmenu .ace_optionsMenuEntry button[ace_selected_button=true] { - background-color: rgb(var(--vaccentcolor)); - box-shadow: none; - border: none; - color: rgb(var(--fontwhite1)); - text-shadow: 1px 1px var(--vtextshadow); - cursor: default; -} -body #ace_settingsmenu .ace_optionsMenuEntry input[type="text"], -body #ace_settingsmenu .ace_optionsMenuEntry input[type="number"], -body #ace_settingsmenu .ace_optionsMenuEntry select { - flex: 0 1 auto; - float: unset; - width: 200px; - height: 40px; - padding: 10px; - background-color: rgba(var(--vtransparencycolor), 0.1); - border: 1px solid rgba(var(--vtransparencycolor), 0.3); - border-radius: 3px; - box-sizing: border-box; - color: rgb(var(--fontwhite1)); - font-size: 16px; - transition: background-color .15s ease,border .15s ease; -} -body #ace_settingsmenu .ace_optionsMenuEntry input[type="number"] { - padding-right: 2px; -} -body #ace_settingsmenu .ace_optionsMenuEntry input[type="text"]:hover, -body #ace_settingsmenu .ace_optionsMenuEntry input[type="number"]:hover, -body #ace_settingsmenu .ace_optionsMenuEntry select:hover { - border-color: #040405; -} -body #ace_settingsmenu .ace_optionsMenuEntry input[type="text"]:focus, -body #ace_settingsmenu .ace_optionsMenuEntry input[type="number"]:focus, -body #ace_settingsmenu .ace_optionsMenuEntry select:focus { - border-color: rgb(var(--vaccentcolor)); -} -body #ace_settingsmenu .ace_optionsMenuEntry select option { - background-color: #303339; - color: rgb(var(--fontwhite1)); -} -body #ace_settingsmenu input[type="checkbox"] { - position: relative; - width: 44px; - height: 24px; - -webkit-appearance: none; -} -body #ace_settingsmenu input[type="checkbox"]::before { - content: ""; - display: block; - position: relative; - width: 44px; - height: 24px; - background: rgba(var(--vtransparencycolor), 0.3); - border-radius: 14px; - transition: background .15s ease-in-out,box-shadow .15s ease-in-out,border .15s ease-in-out; -} -body #ace_settingsmenu input[type="checkbox"]:checked::before { - background: rgb(var(--vaccentcolor)); -} -body #ace_settingsmenu input[type="checkbox"]::after { - content: ""; - display: block; - position: absolute; - top: 3px; - left: 3px; - bottom: 3px; - width: 18px; - height: 18px; - background-color: rgb(var(--fontwhite1)); - box-shadow: 0 2px 4px rgba(var(--vtransparencycolor), 0.6); - border-radius: 10px; - transition: all .15s ease; -} -body #ace_settingsmenu input[type="checkbox"]:checked::after { - transform: translateX(20px); -} - /* ~~~~ 17. PLUGINSUPPORT ~~~~ */ diff --git a/Themes/BlurpleRecolor/BlurpleRecolor.css b/Themes/BlurpleRecolor/BlurpleRecolor.css index efd52fbd33..59a1ea0661 100644 --- a/Themes/BlurpleRecolor/BlurpleRecolor.css +++ b/Themes/BlurpleRecolor/BlurpleRecolor.css @@ -2016,7 +2016,7 @@ img[src*="/assets/0f4d1ff76624bb45a3fee4189279ee92.svg"] + * + *::before { box-shadow: none; } -html .editor-wrapper .bd-monokai .ace_marker-layer .ace_selection { +html .mtk8 { background-color: rgb(var(--vaccentcolor)); } diff --git a/Themes/DiscordRecolor/DiscordRecolor.css b/Themes/DiscordRecolor/DiscordRecolor.css index 2a6316ad26..b691327f91 100644 --- a/Themes/DiscordRecolor/DiscordRecolor.css +++ b/Themes/DiscordRecolor/DiscordRecolor.css @@ -4100,212 +4100,10 @@ html #bd-editor-controls button path:not([fill]) { fill: currentColor; } -html .ace_scroller:not([style*="right: 0px"]) { - right: 10px !important; -} -html .ace_scroller:not([style*="bottom: 0px"]) { - bottom: 10px !important; -} -html .ace_scrollbar.ace_scrollbar-v { - width: 10px !important; - bottom: 10px !important; -} -html .ace_scrollbar.ace_scrollbar-v .ace_scrollbar-inner { - width: 10px !important; -} -html .ace_scrollbar.ace_scrollbar-h { - height: 10px !important; - right: 10px !important; -} -html .ace_scrollbar.ace_scrollbar-h .ace_scrollbar-inner { - height: 10px !important; -} -html .editor-wrapper .bd-monokai .ace_marker-layer .ace_selection { +html .mtk8 { background-color: rgb(var(--vmentioncolor)); } -html .ace_scrollbar.ace_scrollbar-v::-webkit-scrollbar { - width: 10px; -} -html .ace_scrollbar.ace_scrollbar-v::-webkit-scrollbar-thumb { - background-color: var(--background-tertiary); - min-height: 40px; -} -html .ace_scrollbar.ace_scrollbar-v::-webkit-scrollbar-thumb, -html .ace_scrollbar.ace_scrollbar-v::-webkit-scrollbar-track { - border: 2px solid transparent; - background-clip: padding-box; - border-radius: 18px; -} -html .ace_scrollbar.ace_scrollbar-v::-webkit-scrollbar-track { - background-color: var(--background-secondary-alt); -} - -html .ace_scrollbar.ace_scrollbar-h::-webkit-scrollbar { - height: 10px; -} -html .ace_scrollbar.ace_scrollbar-h::-webkit-scrollbar-thumb { - background-color: var(--background-tertiary); - min-width: 40px; -} -html .ace_scrollbar.ace_scrollbar-h::-webkit-scrollbar-thumb, -html .ace_scrollbar.ace_scrollbar-h::-webkit-scrollbar-track { - border: 2px solid transparent; - background-clip: padding-box; - border-radius: 18px; -} -html .ace_scrollbar.ace_scrollbar-h::-webkit-scrollbar-track { - background-color: var(--background-secondary-alt); -} - -html .ace_closeButton { - display: none; -} -html #ace_settingsmenu { - background: var(--background-primary); - box-shadow: -5px 4px 5px rgba(var(--backgroundtertiary), 0.55); - color: var(--header-primary); - padding-top: 10px; - padding-bottom: 10px; -} -html #ace_settingsmenu::-webkit-scrollbar { - width: 16px; -} -html #ace_settingsmenu::-webkit-scrollbar-thumb { - background-color: var(--background-secondary-alt); - min-height: 40px; -} -html #ace_settingsmenu::-webkit-scrollbar-thumb, -html #ace_settingsmenu::-webkit-scrollbar-track { - border: 4px solid transparent; - background-clip: padding-box; - border-radius: 8px; -} -html #ace_settingsmenu::-webkit-scrollbar-track { - background-color: var(--background-secondary); -} -html #ace_settingsmenu .ace_optionsMenuEntry { - height: 40px; - display: flex; - align-items: center; - justify-content: flex-start; - margin-bottom: 10px; -} -html #ace_settingsmenu .ace_optionsMenuEntry:hover { - background: transparent; -} -html #ace_settingsmenu .ace_optionsMenuEntry + div:not([class]) { - float: right; - color: var(--text-muted); - padding-right: 0 !important; - padding-bottom: 0 !important; -} -html #ace_settingsmenu .ace_optionsMenuEntry label { - flex: 1 0 auto; - color: var(--header-primary); - margin-right: 16px; - font-size: 16px; - font-weight: 500; - line-height: 24px; - cursor: pointer; -} -html #ace_settingsmenu .ace_optionsMenuEntry button { - justify-content: center; - align-items: center; - text-align: center; - background: transparent; - box-shadow: none; - border: none; - border-radius: 4px; - color: var(--interactive-normal); - min-width: 40px; - margin: 0 8px; - padding: 2px 8px; -} -html #ace_settingsmenu .ace_optionsMenuEntry button:hover { - background-color: rgba(0, 0, 0, 0.2); - box-shadow: none; - border: none; - color: var(--interactive-hover); -} -html #ace_settingsmenu .ace_optionsMenuEntry button[ace_selected_button=true] { - background-color: rgb(var(--vaccentcolor)); - box-shadow: none; - border: none; - color: var(--header-primary); - cursor: default; -} -html #ace_settingsmenu .ace_optionsMenuEntry input[type="text"], -html #ace_settingsmenu .ace_optionsMenuEntry input[type="number"], -html #ace_settingsmenu .ace_optionsMenuEntry select { - flex: 0 1 auto; - float: unset; - width: 200px; - height: 40px; - padding: 10px; - background-color: var(--deprecated-text-input-bg); - border: 1px solid var(--deprecated-text-input-border); - border-radius: 3px; - box-sizing: border-box; - color: var(--header-primary); - font-size: 16px; - transition: background-color .15s ease,border .15s ease; -} -html #ace_settingsmenu .ace_optionsMenuEntry input[type="number"] { - padding-right: 2px; -} -html #ace_settingsmenu .ace_optionsMenuEntry input[type="text"]:hover, -html #ace_settingsmenu .ace_optionsMenuEntry input[type="number"]:hover, -html #ace_settingsmenu .ace_optionsMenuEntry select:hover { - border-color: var(--deprecated-text-input-border-hover); -} -html #ace_settingsmenu .ace_optionsMenuEntry input[type="text"]:focus, -html #ace_settingsmenu .ace_optionsMenuEntry input[type="number"]:focus, -html #ace_settingsmenu .ace_optionsMenuEntry select:focus { - border-color: rgb(var(--vaccentcolor)); -} -html #ace_settingsmenu .ace_optionsMenuEntry select option { - background-color: var(--background-primary); - color: var(--header-primary); -} -html #ace_settingsmenu input[type="checkbox"] { - position: relative; - flex: 0 0 auto; - width: 42px; - height: 24px; - -webkit-appearance: none; -} -html #ace_settingsmenu input[type="checkbox"]::before { - content: ""; - display: block; - position: relative; - width: 42px; - height: 24px; - background: #72767d; - border-radius: 14px; - transition: background .15s ease-in-out,box-shadow .15s ease-in-out,border .15s ease-in-out; -} -html #ace_settingsmenu input[type="checkbox"]:checked::before { - background: rgb(var(--vaccentcolor)); -} -html #ace_settingsmenu input[type="checkbox"]::after { - content: ""; - display: block; - position: absolute; - top: 3px; - left: 3px; - bottom: 3px; - width: 18px; - height: 18px; - background-color: #fff; - box-shadow: 0 2px 4px rgba(0,0,0,.3); - border-radius: 10px; - transition: all .15s ease; -} -html #ace_settingsmenu input[type="checkbox"]:checked::after { - transform: translateX(20px); -} - /* ~~~~ 13. POWERCORDSUPPORT ~~~~ */