diff --git a/CSS/themes/calibreweb/aquamarine.css b/CSS/themes/calibreweb/aquamarine.css new file mode 100644 index 00000000..fb841dd0 --- /dev/null +++ b/CSS/themes/calibreweb/aquamarine.css @@ -0,0 +1,24 @@ + +/* dP dP dP */ +/* 88 88 88 */ +/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */ +/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */ +/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */ +/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */ +/* 88 */ +/* dP */ + +/* Made by @gilbN */ +/* https://github.com/gilbN/theme.park */ + +/* CALIBRE-WEB AQUAMARINE THEME */ +/* Set theme to CaliBlur in UI Configuration -> View Configuration -> Theme -> CaliBlur -> Submit */ +@import url(https://gilbn.github.io/theme.park/CSS/themes/calibreweb/calibreweb-base.css); +:root { + --main-bg-color: radial-gradient(ellipse at center, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed; + --modal-bg-color: radial-gradient(ellipse at top, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed; + --color-primary: #12afa0; + --color-secondary: #009688; + --color-secondary-hover: #12afa0; + --color-background-mobile: radial-gradient(ellipse at top, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed; +} \ No newline at end of file diff --git a/CSS/themes/calibreweb/calibreweb-base.css b/CSS/themes/calibreweb/calibreweb-base.css new file mode 100644 index 00000000..690d0809 --- /dev/null +++ b/CSS/themes/calibreweb/calibreweb-base.css @@ -0,0 +1,31 @@ + + +/* dP dP dP */ +/* 88 88 88 */ +/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */ +/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */ +/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */ +/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */ +/* 88 */ +/* dP */ + +/* Made by @gilbN */ +/* https://github.com/gilbN/theme.park */ + +/* "Re-skin" of CaliBlur https://github.com/leram84/layer.Cake/tree/master/caliBlur */ +/* Set theme to CaliBlur in UI Configuration -> View Configuration -> Theme -> CaliBlur -> Submit */ +body:not(.read-frame) { + background: var(--color-background) !important; + background-image: none; +} +.blur-wrapper:after { + background: var(--modal-bg-color) !important; +} +body.login:not(.read-frame), body.shelfcreate, body.shelfedit { + background: var(--color-background) !important; +} +@media only screen and (max-width: 767px) { + .navbar-collapse.collapse { + background: var(--modal-bg-color) !important; + } + } \ No newline at end of file diff --git a/CSS/themes/calibreweb/dark.css b/CSS/themes/calibreweb/dark.css new file mode 100644 index 00000000..60d0ae00 --- /dev/null +++ b/CSS/themes/calibreweb/dark.css @@ -0,0 +1,24 @@ + +/* dP dP dP */ +/* 88 88 88 */ +/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */ +/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */ +/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */ +/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */ +/* 88 */ +/* dP */ + +/* Made by @gilbN */ +/* https://github.com/gilbN/theme.park */ + +/* CALIBRE-WEB DARK THEME */ +/* Set theme to CaliBlur in UI Configuration -> View Configuration -> Theme -> CaliBlur -> Submit */ +@import url(https://gilbn.github.io/theme.park/CSS/themes/calibreweb/calibreweb-base.css); +:root { + --main-bg-color: radial-gradient(circle, #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed; + --modal-bg-color: radial-gradient(circle , #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed; + --color-primary: #F9BE03; + --color-secondary: #CC7B19; + --color-secondary-hover: #E59029; + --color-background-mobile: radial-gradient(circle , #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed; +} \ No newline at end of file diff --git a/CSS/themes/calibreweb/hotline.css b/CSS/themes/calibreweb/hotline.css new file mode 100644 index 00000000..c748a84a --- /dev/null +++ b/CSS/themes/calibreweb/hotline.css @@ -0,0 +1,24 @@ + +/* dP dP dP */ +/* 88 88 88 */ +/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */ +/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */ +/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */ +/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */ +/* 88 */ +/* dP */ + +/* Made by @gilbN */ +/* https://github.com/gilbN/theme.park */ + +/* CALIBRE-WEB HOTLINE THEME */ +/* Set theme to CaliBlur in UI Configuration -> View Configuration -> Theme -> CaliBlur -> Submit */ +@import url(https://gilbn.github.io/theme.park/CSS/themes/calibreweb/calibreweb-base.css); +:root { + --main-bg-color: radial-gradient(ellipse at center, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed; + --modal-bg-color: radial-gradient(ellipse at top, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed; + --color-primary: #ff6155; + --color-secondary: #F44336; + --color-secondary-hover: #0b3161; + --color-background-mobile: radial-gradient(ellipse at top, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed; +} \ No newline at end of file diff --git a/CSS/themes/calibreweb/space-gray.css b/CSS/themes/calibreweb/space-gray.css new file mode 100644 index 00000000..a00a6e86 --- /dev/null +++ b/CSS/themes/calibreweb/space-gray.css @@ -0,0 +1,24 @@ + +/* dP dP dP */ +/* 88 88 88 */ +/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */ +/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */ +/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */ +/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */ +/* 88 */ +/* dP */ + +/* Made by @gilbN */ +/* https://github.com/gilbN/theme.park */ + +/* CALIBRE-WEB SPACE GRAY THEME */ +/* Set theme to CaliBlur in UI Configuration -> View Configuration -> Theme -> CaliBlur -> Submit */ +@import url(https://gilbn.github.io/theme.park/CSS/themes/calibreweb/calibreweb-base.css); +:root { + --main-bg-color: radial-gradient( ellipse at center, rgba(87,108,117,1) 0%, rgba(37,50,55,1) 100.2% ) center center/cover no-repeat fixed; + --modal-bg-color: radial-gradient( ellipse at top, rgba(87,108,117,1) 0%, rgba(37,50,55,1) 100.2% ) center center/cover no-repeat fixed; + --color-primary: #c3dde8; + --color-secondary: #81a6b7; + --color-secondary-hover: #607D8B; + --color-background-mobile: radial-gradient( ellipse at top, rgba(87,108,117,1) 0%, rgba(37,50,55,1) 100.2% ) center center/cover no-repeat fixed; +} \ No newline at end of file diff --git a/README.md b/README.md index 6f719f24..7a1069f1 100644 --- a/README.md +++ b/README.md @@ -57,6 +57,7 @@
  • The Lounge
  • Portainer
  • Lazylibrarian
  • +
  • Calibre-Web