diff --git a/README.md b/README.md
new file mode 100644
index 0000000..9010e82
--- /dev/null
+++ b/README.md
@@ -0,0 +1,18 @@
+# Simple Dark - Ubooquity Theme
+
+Ein minimalistisches dunkles Theme für Ubooquity, das eine angenehme Leseerfahrung in dunklen Umgebungen bietet.
+
+## Features
+
+- Dunkler Hintergrund für augenschonende Nutzung
+- Helle Textfarbe für optimale Lesbarkeit
+
+## Installation
+
+1. Laden Sie das Theme in Ihren Ubooquity-Themes-Ordner hoch
+2. Starten Sie Ubooquity neu
+3. Wählen Sie "Simple Dark" in den Theme-Einstellungen aus
+
+## Kompatibilität
+
+Kompatibel mit Ubooquity Version 3.x und höher.
\ No newline at end of file
diff --git a/common/banner.png b/common/banner.png
index b603fa2..e364140 100644
Binary files a/common/banner.png and b/common/banner.png differ
diff --git a/home/books-new.png b/home/books-new.png
index ebc6efe..2b17444 100644
Binary files a/home/books-new.png and b/home/books-new.png differ
diff --git a/home/books.png b/home/books.png
index e20a98c..8b77988 100644
Binary files a/home/books.png and b/home/books.png differ
diff --git a/home/comics-new.png b/home/comics-new.png
index 72598d9..751b83d 100644
Binary files a/home/comics-new.png and b/home/comics-new.png differ
diff --git a/home/comics.png b/home/comics.png
index 3a73c41..7ac115b 100644
Binary files a/home/comics.png and b/home/comics.png differ
diff --git a/home/documents-new.png b/home/documents-new.png
index 6a117ac..8bba591 100644
Binary files a/home/documents-new.png and b/home/documents-new.png differ
diff --git a/home/documents.png b/home/documents.png
index b090a3b..f182337 100644
Binary files a/home/documents.png and b/home/documents.png differ
diff --git a/home/file.png b/home/file.png
index 565a3c6..46658a9 100644
Binary files a/home/file.png and b/home/file.png differ
diff --git a/home/files.png b/home/files.png
index a128ff6..cb2e413 100644
Binary files a/home/files.png and b/home/files.png differ
diff --git a/home/homepage.css b/home/homepage.css
index 819592a..d5c9006 100644
--- a/home/homepage.css
+++ b/home/homepage.css
@@ -1,16 +1,16 @@
body {
- background-color: red;
+ background-color: #1a1a1a;
margin: 0px;
padding: 0px;
- background-color: white;
font-family: "Arial";
font-size: 20px;
font-weight: bold;
text-align: center;
+ color: #e0e0e0;
}
a {
- color: #444444;
+ color: #cccccc;
text-decoration: none;
outline: none;
}
@@ -26,11 +26,11 @@ a img {
font-family: "Arial";
font-weight: normal;
font-size: 16px;
- color: #888888;
+ color: #aaaaaa;
}
#message {
- color: #444444;
+ color: #cccccc;
font-family: "Arial";
font-size: 16px;
}
@@ -40,16 +40,16 @@ a img {
width: 100%;
padding-top: 20px;
margin-top: 80px;
- border-top: 1px #CCCCCC solid;
+ border-top: 1px #444444 solid;
;
- color: grey;
+ color: #888888;
font-family: "Arial";
font-size: 13px;
text-decoration: none;
}
#logoutlink {
- color: #888888;
+ color: #aaaaaa;
text-decoration: underline;
}
@@ -67,7 +67,7 @@ a img {
.category-title {
position:relative;
display: inline-block;
- color: grey;
+ color: #cccccc;
font-size: 24px;
font-weight:bold;
text-align: center;
@@ -77,7 +77,7 @@ a img {
.category-title .tooltip {
visibility: hidden;
width: 140px;
- background-color: grey;
+ background-color: #333333;
color: #fff;
font-size: 16px;
text-align: center;
@@ -102,7 +102,7 @@ a img {
margin-left: -5px;
border-width: 5px;
border-style: solid;
- border-color: grey transparent transparent transparent;
+ border-color: #333333 transparent transparent transparent;
}
.category-title:hover .tooltip {
@@ -112,7 +112,7 @@ a img {
.category {
display: inline-block;
- background-color: #EEEEEE;
+ background-color: #333333;
width: 140px;
height: 140px;
border-radius: 50%;
@@ -122,10 +122,10 @@ a img {
}
.category-latest {
- box-shadow: inset 0 0 0 6px white;
+ box-shadow: inset 0 0 0 6px #1a1a1a;
position:relative;
display: inline-block;
- background-color: #EEEEEE;
+ background-color: #333333;
width: 84px;
height: 84px;
top: -50px;
@@ -186,7 +186,7 @@ a img {
height: 100px;
width: 100%;
margin-bottom: 60px;
- border-bottom: 1px #CCCCCC solid;
+ border-bottom: 1px #444444 solid;
background-image: url('{{rootPath}}/theme/common/banner.png');
background-repeat: no-repeat;
background-position: 20px;
diff --git a/home/magazines-new.png b/home/magazines-new.png
index fa78eff..3d0804c 100644
Binary files a/home/magazines-new.png and b/home/magazines-new.png differ
diff --git a/home/magazines.png b/home/magazines.png
index a549608..3ebeb29 100644
Binary files a/home/magazines.png and b/home/magazines.png differ
diff --git a/home/others-new.png b/home/others-new.png
index 78be9cc..f54be6d 100644
Binary files a/home/others-new.png and b/home/others-new.png differ
diff --git a/home/others.png b/home/others.png
index fad2d5c..5115702 100644
Binary files a/home/others.png and b/home/others.png differ
diff --git a/library/arrowleft.svg b/library/arrowleft.svg
index 7720d4f..55dae43 100644
--- a/library/arrowleft.svg
+++ b/library/arrowleft.svg
@@ -1 +1 @@
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/library/arrowleft10.svg b/library/arrowleft10.svg
index 0e94b76..28c62b1 100644
--- a/library/arrowleft10.svg
+++ b/library/arrowleft10.svg
@@ -1 +1 @@
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/library/arrowright.svg b/library/arrowright.svg
index 67b0230..076e3fe 100644
--- a/library/arrowright.svg
+++ b/library/arrowright.svg
@@ -1 +1 @@
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/library/arrowright10.svg b/library/arrowright10.svg
index b57577a..ae4bdeb 100644
--- a/library/arrowright10.svg
+++ b/library/arrowright10.svg
@@ -1 +1 @@
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/library/arrowup.svg b/library/arrowup.svg
index 2310630..4c0f3f1 100644
--- a/library/arrowup.svg
+++ b/library/arrowup.svg
@@ -1 +1 @@
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/library/close.svg b/library/close.svg
index 43090ed..21a77fe 100644
--- a/library/close.svg
+++ b/library/close.svg
@@ -1 +1 @@
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/library/download.svg b/library/download.svg
index b5b6a4b..5eaa502 100644
--- a/library/download.svg
+++ b/library/download.svg
@@ -1 +1 @@
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/library/file.svg b/library/file.svg
index 2402c62..25e8c58 100644
--- a/library/file.svg
+++ b/library/file.svg
@@ -1 +1 @@
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/library/folder.png b/library/folder.png
index e6db7a8..415c9a5 100644
Binary files a/library/folder.png and b/library/folder.png differ
diff --git a/library/language.svg b/library/language.svg
index 4f92e52..07686e0 100644
--- a/library/language.svg
+++ b/library/language.svg
@@ -1 +1 @@
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/library/library.css b/library/library.css
index 21f2b0a..e4f0811 100644
--- a/library/library.css
+++ b/library/library.css
@@ -6,20 +6,20 @@
body {
margin:0px;
padding:0px;
- background-color: white;
- color: #444444;
+ background-color: #1a1a1a;
+ color: #e0e0e0;
text-align:center;
}
a {
- color: #444444;
+ color: #cccccc;
text-decoration: none;
outline: none;
}
a img {
- border: 1px solid #AAAAAA;
- box-shadow: 10px 10px 5px #888888;
+ border: 1px solid #555555;
+ box-shadow: 10px 10px 5px #000000;
}
.hidden {
@@ -33,7 +33,7 @@ a img {
display : inline-block;
padding : 5px;
- background-color:#EEEEEE;
+ background-color:#333333;
width : 500px;
border-radius: 10px;
@@ -50,7 +50,7 @@ a img {
left:0px;
height:140px;
width:100%;
- background-color:white;
+ background-color:#1a1a1a;
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
@@ -89,7 +89,7 @@ a img {
left:0px;
height:70px;
width:100%;
- background-color:white;
+ background-color:#1a1a1a;
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
@@ -128,12 +128,12 @@ a img {
font-weight:bold;
font-family:"Arial";
font-size:22px;
- color:#CCC;
+ color:#888888;
}
#pagelabeltotal {
font-size:16px;
- color:#888;
+ color:#aaaaaa;
}
.topbutton {
@@ -192,7 +192,7 @@ a img {
width:100%;
background-image:url('{{rootPath}}/theme/common/banner.png');
- background-color:white;
+ background-color:#1a1a1a;
background-repeat:no-repeat;
background-position:20px center;
}
@@ -228,15 +228,15 @@ a img {
height:50px;
overflow:hidden;
font-family:"Arial";
- color:#444444;
+ color:#e0e0e0;
}
.author {
- color:#888;
+ color:#aaaaaa;
}
.title {
- color:#444;
+ color:#cccccc;
}
.numberblock{
@@ -323,10 +323,10 @@ a img {
margin-top: 3%;
padding:10px;
- background-color: white;
+ background-color: #2a2a2a;
- border: 1px solid #AAAAAA;
- box-shadow: 10px 10px 5px rgba(0, 0, 0, 0.5);
+ border: 1px solid #555555;
+ box-shadow: 10px 10px 5px rgba(0, 0, 0, 0.8);
overflow:auto;
max-height: 80%
}
@@ -336,37 +336,38 @@ a img {
padding-bottom:20px;
margin-top:10px;
margin-bottom:20px;
- border-bottom: 1px #CCCCCC solid;
+ border-bottom: 1px #444444 solid;
}
.categorytitle{
text-transform: capitalize;
- color: #888888;
+ color: #aaaaaa;
}
.pagenumber {
border-radius: 25px;
-webkit-border-radius: 25px;
float:left;
- background-color: #777;
+ background-color: #444444;
width: 50px;
height: 38px;
padding-top:10px;
margin:5px;
font-size: 24px;
+ color: #e0e0e0;
}
.currentpagenumber {
color:black;
- background-color: white;
+ background-color: #2a2a2a;
}
.actionbutton {
cursor: pointer;
font-size:16px;
font-weight:bold;
- background: #CCCCCC;
+ background: #555555;
color: #FFF;
border-radius: 15px;
height:32px;
@@ -376,10 +377,10 @@ a img {
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
padding: 1px 0px 1px 0px;
- border: solid 1px #CCCCCC;
- -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
- -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
- box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
+ border: solid 1px #555555;
+ -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 1px rgba(0, 0, 0, 0.5);
+ -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 1px rgba(0, 0, 0, 0.5);
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 1px rgba(0, 0, 0, 0.5);
}
.actionbutton:hover {
@@ -389,11 +390,12 @@ a img {
.textbox{
height:25px;
width: 200px;
- border: 1px solid #B9BDC1;
- color: #797979;
- -moz-box-shadow: 0 2px 4px #bbb inset;
- -webkit-box-shadow: 0 2px 4px #BBB inset;
- box-shadow: 0 2px 4px #BBB inset;
+ border: 1px solid #555555;
+ color: #e0e0e0;
+ background-color: #333333;
+ -moz-box-shadow: 0 2px 4px #000000 inset;
+ -webkit-box-shadow: 0 2px 4px #000000 inset;
+ box-shadow: 0 2px 4px #000000 inset;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
@@ -439,7 +441,7 @@ a img {
padding: 5px;
width: 150px;
border-radius: 10px;
- background-color:#EEEEEE;
+ background-color:#333333;
}
#folderinfo{
@@ -496,7 +498,7 @@ a img {
display: flex;
flex-direction: row;
justify-content: space-around;
- background-color: #f8f8f8;
+ background-color: #2a2a2a;
padding: 2px;
width: 90%;
margin-left: auto;
@@ -535,7 +537,7 @@ a img {
}
#details_cover img{
- border: 1px solid #AAAAAA;
+ border: 1px solid #555555;
}
#details_title{
@@ -549,7 +551,7 @@ a img {
font-size:16px;
font-weight:bold;
text-align:left;
- color:#888;
+ color:#aaaaaa;
}
#details_series{
@@ -635,7 +637,7 @@ a img {
clear: both;
text-align:left;
overflow-y:auto;
- color:#444444;
+ color:#cccccc;
padding:15px;
}
@@ -730,21 +732,21 @@ a img {
}
.status_finished .cover_progress_bar {
- --prog_fg: #555;
- border: 1px solid #e0e0e0;
+ --prog_fg: #777777;
+ border: 1px solid #666666;
}
.status_finished .cover_progress_bar_fill {
- --prog_bg: #555;
+ --prog_bg: #999999;
}
.status_finished .details_progress_bar {
- --prog_fg: #555;
- border: 1px solid #e0e0e0;
+ --prog_fg: #777777;
+ border: 1px solid #666666;
}
.status_finished .details_progress_bar_fill {
- --prog_bg: #555;
+ --prog_bg: #999999;
}
diff --git a/library/mark-finished.svg b/library/mark-finished.svg
index 6489772..eeb0e23 100644
--- a/library/mark-finished.svg
+++ b/library/mark-finished.svg
@@ -2,12 +2,12 @@
diff --git a/library/mark-unread.svg b/library/mark-unread.svg
index 378b19f..85c1172 100644
--- a/library/mark-unread.svg
+++ b/library/mark-unread.svg
@@ -2,12 +2,12 @@