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 {