diff --git a/element-theme/theme.css b/element-theme/theme.css
new file mode 100644
index 0000000..b3b5b65
--- /dev/null
+++ b/element-theme/theme.css
@@ -0,0 +1,72 @@
+*{
+    margin: 0;
+    padding: 0;
+    font-family: Comfortaa, Geneva, Tahoma, sans-serif;
+    color: #bbadbe;
+}
+
+body{
+    background-color: #111927;
+    background-image: radial-gradient(at 30% 30%, hsl(70, 100%, 20%) 0, transparent 59%), radial-gradient(at 70% 70%, hsl(230, 100%, 20%) 0, transparent 55%);
+    background: url(https://mawacode.de/pics/background.jpg) no-repeat;  
+    background-attachment: fixed;
+    background-position: center;
+    background-size: cover;
+}
+
+.mx_LegacyRoomHeader{
+    backdrop-filter: blur(10px) saturate(100%)!important;
+    -webkit-backdrop-filter: blur(10px) saturate(100%)!important;
+    background-color: rgba(30, 30, 30, 0.75);
+    border-radius: 0 0 12px 12px;
+    border: 1px solid rgba(255, 255, 255, 0.125);
+    box-shadow: 5px 5px 5px black;
+    width: 60%;
+    margin-left: 20%
+}
+
+.mx_LeftPanel_outerWrapper{
+    backdrop-filter: blur(10px) saturate(100%)!important;
+    -webkit-backdrop-filter: blur(10px) saturate(100%)!important;
+    background-color: rgba(30, 30, 30, 0.75)!important;
+    border-radius: 0 12px 12px 0;
+    border: 1px solid rgba(255, 255, 255, 0.125);
+    box-shadow: 5px 5px 5px black;
+}
+
+.mx_RightPanel_ResizeWrapper{
+    backdrop-filter: blur(10px) saturate(100%)!important;
+    -webkit-backdrop-filter: blur(10px) saturate(100%)!important;
+    background-color: rgba(30, 30, 30, 0.75)!important;
+    border-radius: 12px 0 0 12px;
+    border: 1px solid rgba(255, 255, 255, 0.125);
+    box-shadow: 5px 5px 5px black;
+}
+
+.mx_EventTile,.mx_ContextualMenu,.mx_Dialog_border,.mx_SpaceRoomView_landing,.mx_SearchBar,.mx_SpotlightDialog{
+    backdrop-filter: blur(10px) saturate(100%);
+    -webkit-backdrop-filter: blur(10px) saturate(100%);
+    background-color: rgba(30, 30, 30, 0.75);
+    border-radius: 0 12px 0 12px !important;
+    border: 1px solid rgba(255, 255, 255, 0.125);
+    box-shadow: 5px 5px 5px black;
+    margin-top: 1em;
+
+}
+
+.mx_SpaceRoomView_landing{
+    margin: 5%;
+}
+
+.mx_EventTile,.mx_SearchBar{
+    width: 50%;
+    margin-left: 25%;
+}
+
+.mx_RoomView_wrapper,.mx_LeftPanel_wrapper--user,.mx_LeftPanel_wrapper,.mx_BackdropPanel,.mx_Dialog,.mx_RightPanel,.mx_BaseCard,.mx_ThreadPanel_empty{
+   background-color: rgba(0, 0, 0, 0)!important;
+}
+
+.mx_BackdropPanel--image{
+  opacity: 0;
+}
\ No newline at end of file
diff --git a/theme.css b/jellyfin-theme/theme.css
similarity index 100%
rename from theme.css
rename to jellyfin-theme/theme.css
diff --git a/lemmy-theme/theme.css b/lemmy-theme/theme.css
new file mode 100644
index 0000000..29be823
--- /dev/null
+++ b/lemmy-theme/theme.css
@@ -0,0 +1,78 @@
+*{
+    margin: 0;
+    padding: 0;
+    font-family: Verdana, Geneva, Tahoma, sans-serif;
+    color: #bbadbe;
+}
+
+
+body{
+    background-color: #111927;
+    background-image: radial-gradient(at 30% 30%, hsl(70, 100%, 20%) 0, transparent 59%), radial-gradient(at 70% 70%, hsl(230, 100%, 20%) 0, transparent 55%);
+    background: url(https://mawacode.de/pics/background.jpg) no-repeat;  
+    background-attachment: fixed;
+    background-position: center;
+    background-size: cover;
+}
+
+.shadow-sm{
+    backdrop-filter: blur(10px) saturate(100%)!important;
+    -webkit-backdrop-filter: blur(10px) saturate(100%)!important;
+    background-color: rgba(30, 30, 30, 0.75);
+    border-radius: 0 0 12px 12px;
+    border: 1px solid rgba(255, 255, 255, 0.125);
+    box-shadow: 5px 5px 5px black;
+}
+
+#sidebarMain,#sidebarInfo,#sidebarSubscribed,.post-listings,.img-expanded,.embed-responsive-item,.rounded-circle,.comments,.rounded,.form-control,.d-sm-block,#postContent{
+    backdrop-filter: blur(10px) saturate(100%);
+    -webkit-backdrop-filter: blur(10px) saturate(100%);
+    background-color: rgba(30, 30, 30, 0.75);
+    border-radius: 0 12px 0 12px !important;
+    border: 1px solid rgba(255, 255, 255, 0.125);
+    box-shadow: 5px 5px 5px black;
+}
+
+#sidebarSubscribedHeader,#sidebarInfoHeader,.card-header,.img-icon{
+    backdrop-filter: blur(10px) saturate(100%);
+    -webkit-backdrop-filter: blur(10px) saturate(100%);
+    background-color: rgba(65, 65, 65, 0.75);
+    border-radius: 0 12px 0 12px;
+    border: 1px solid rgba(255, 255, 255, 0.125);
+}
+
+.form-control{
+    border-radius: 0 0 0 12px !important;
+}
+
+.banner{
+    backdrop-filter: none;
+    -webkit-backdrop-filter: none;
+    background-color: rgba(65, 65, 65, 0);
+    border-radius: 0;
+    border: 0;
+    box-shadow: none;
+}
+
+.post-listings,.post-container{
+    padding-top: 1em;
+    padding-bottom: 1em;
+}
+   
+.btn-secondary,.btn-danger,.btn-outline-secondary,.sort-select,.form-select{
+    color: #bbadbe;
+    font-size: 100%;
+    padding: 5px;
+    text-decoration: none;
+    box-shadow: 5px 5px 5px black;
+
+    backdrop-filter: blur(10px) saturate(100%);
+    -webkit-backdrop-filter: blur(10px) saturate(100%);
+    background-color: rgba(30, 30, 30, 0.75);
+    border-radius: 0 12px 0 12px;
+    border: 1px solid rgba(255, 255, 255, 0.125);
+}
+
+.btn-danger{
+    background-color: rgba(130, 0, 0, 0.5)
+}
\ No newline at end of file