diff --git a/interface/src/assets/929098bd-40b9-46a5-bd6f-8b9e7d5e648b.webp b/interface/src/assets/themeCovers/929098bd-40b9-46a5-bd6f-8b9e7d5e648b.webp similarity index 100% rename from interface/src/assets/929098bd-40b9-46a5-bd6f-8b9e7d5e648b.webp rename to interface/src/assets/themeCovers/929098bd-40b9-46a5-bd6f-8b9e7d5e648b.webp diff --git a/interface/src/assets/themeCovers/hacker.jpeg b/interface/src/assets/themeCovers/hacker.jpeg new file mode 100644 index 00000000..910f644b Binary files /dev/null and b/interface/src/assets/themeCovers/hacker.jpeg differ diff --git a/interface/src/assets/themes.tsx b/interface/src/assets/themes.tsx index a5ecc936..13ddd597 100644 --- a/interface/src/assets/themes.tsx +++ b/interface/src/assets/themes.tsx @@ -1,4 +1,5 @@ -import test from './929098bd-40b9-46a5-bd6f-8b9e7d5e648b.webp'; +import test from './themeCovers/929098bd-40b9-46a5-bd6f-8b9e7d5e648b.webp'; +import hacker from './themeCovers/hacker.jpeg' const themes = [ { @@ -7,9 +8,9 @@ const themes = [ coverImage: , }, { - name: "Light", - url: "https://raw.githubusercontent.com/SethBurkart123/BetterSEQTA-Themes/main/themes/light.json", - coverImage: , + name: "Hacker", + url: "https://raw.githubusercontent.com/SethBurkart123/BetterSEQTA-Themes/main/themes/hacker.json", + coverImage: , }, ]; diff --git a/src/inject/injected.css b/src/inject/injected.css index a0a3085c..7d459ec1 100644 --- a/src/inject/injected.css +++ b/src/inject/injected.css @@ -69,6 +69,10 @@ html { background: unset; } +#main > .dashboard > section { + border-radius: 1rem !important; +} + #main > .dashboard > .dashlet { background: var(--background-primary); border-radius: 1rem; @@ -99,10 +103,8 @@ ul.magicDelete > li.deleting { fill: var(--background-primary); } -#menu, -.sub, -.nav { - background: var(--better-main) !important; +#menu, .sub, .nav { + background: transparent !important; color: var(--text-color) !important; } @@ -204,7 +206,6 @@ html { /* Messages */ .menuShown .content .anyoneSelect .listWrapper .list:has(.item) { - height: 32px !important; width: 100% !important; } @@ -229,9 +230,11 @@ ol:has(.MessageList__avatar___2wxyb svg) { } /* Direct Message Menu */ -.wrapper .cke_contents { - border-radius: 16px !important; - padding: 8px !important; +.wrapper .cke_contents iframe { + box-sizing: border-box; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + padding: 8px; } .wrapper .cke_contents::-webkit-scrollbar-thumb { @@ -366,8 +369,8 @@ ol:has(.MessageList__avatar___2wxyb svg) { } .document { - border-radius: 32px !important; background: var(--background-primary) !important; + border-radius: 8px; margin-bottom: 4px !important; } @@ -423,6 +426,7 @@ td.colourBar { #container #content .search { width: 100%; border-radius: 16px; + background: var(--background-primary); } #container #content .uiButton { @@ -851,6 +855,7 @@ div > ol:has(.uiFileHandlerWrapper) { } .shortcut-container { + background: var(--better-main); width: 100%; display: flex; flex-direction: column; @@ -869,7 +874,6 @@ div > ol:has(.uiFileHandlerWrapper) { } .shortcuts { - background: var(--better-main); width: 100%; padding-top: 10px; padding-bottom: 10px; @@ -943,7 +947,6 @@ div > ol:has(.uiFileHandlerWrapper) { color: var(--text-primary); border-left: none !important; - border-radius: 1rem !important; } .dashboard .message .ais-wrapper { @@ -1061,6 +1064,8 @@ div > ol:has(.uiFileHandlerWrapper) { .day-empty { font-size: 30px; display: flex; + width: 100%; + border-radius: 1rem 0; align-items: center; } @@ -1467,7 +1472,7 @@ ul { -webkit-box-shadow: 0px 5px 16px 6px rgba(0, 0, 0, 0) !important; box-shadow: 0px 5px 16px 6px rgba(0, 0, 0, 0) !important; background: var(--background-primary); - margin: 8px 0px 0px 0px; + margin: 0 !important; border-radius: 1rem; } @@ -1633,7 +1638,6 @@ blurred { .formattedText > .wrapper > .cke > .cke_inner > .cke_contents { background: var(--background-primary); border-radius: 1rem; - padding: 8px; overflow-x: hidden; } @@ -1676,6 +1680,11 @@ blurred { .cke_toolbox { background: unset !important; + gap: 4px; +} + +.cke_toolbox > .cke_toolbar > .cke_toolgroup { + margin: 0; } #cke_1_top a:hover {