Adopted package.json

README.md

@@ -1,6 +1,6 @@
-# BitTube light-theme
+# Netzbegruenung PeerTube theme
 
-BitTube Light Theme for PeerTube.
+Theme for [peertube.netzbegruenung.de](https://peertube.netzbegruenung.de), based on BitTube Light Theme for PeerTube.
 
  # How to install in your PeerTube instance
 
@@ -19,5 +19,3 @@ BitTube Light Theme for PeerTube.
    ![alt text](https://raw.githubusercontent.com/ipbc-dev/peertube-theme-bittube-light-mode/master/public/images/screenshot01.png)
 
    ![alt text](https://raw.githubusercontent.com/ipbc-dev/peertube-theme-bittube-light-mode/master/public/images/screenshot02.png)
-
-

assets/style.css

@@ -1,24 +1,40 @@
 body {
-  --mainColor: #00abff;
+  --mainColor: #e6007e;
   --mainBackgroundColor: #f2f0f0;
   --mainForegroundColor: #1b2733;
   --submenuColor: #ffffff;
   --inputColor: #ffffff;
   --inputPlaceholderColor: #1b2733;
-  --menuAndHeaderBackgroundColor: #ffffff;
+  --menuAndHeaderBackgroundColor: #46962b;
   --menuForegroundColor: #1b2733;
   --menuBackgroundColor: #ffffff;
   --whiteColor: #ffffff;
-  --mainHoverColor: #0481bf;
+  --mainHoverColor: #bf0269;
   --dangerBackgroundColor: #d9534f;
   /*font-family: "Open Sans",sans-serif;*/
 }
 
+#custom-css .icon-logo {
+  background-image: url(/client/assets/images/logo.png);
+  background-size: 150px 150px;
+}
+
+/* Main background */
+#custom-css .sub-header-container{
+  background-position: center top;
+  background-size: cover;
+  background-repeat: repeat;
+  background-attachment: fixed;
+}
+
 #custom-css #search-video{
   background: var(--mainBackgroundColor) !important;
 }
-
-/* Dropdowns */
+#custom-css .footer-links a,
+#custom-css .footer-copyleft a{
+  color: var(--menuForegroundColor) !important
+}
+/* Dropdowns & inputs */
 #custom-css .dropdown-menu{
   background-color: var(--menuBackgroundColor);
   color: var(--menuForegroundColor);
@@ -62,6 +78,9 @@ body {
 #custom-css .dropdown-menu input[type="submit"]{
   border: 1px solid transparent !important; /* Removing black border in buttons */
 }
+#custom-css .ng-select .ng-input>input{
+  border: 0 !important;
+}
 #custom-css .header .options-row{
   padding-left: 0;
 }
@@ -70,7 +89,10 @@ body {
 }
 #custom-css .sub-header-container my-menu .menu-wrapper{
   margin-top: 2px;
-} 
+}
+#custom-css .dropdown-item:hover .ml-auto:not(.glyphicon){
+  box-shadow: 0 0 0 0.1em var(--menuForegroundColor) !important;
+}
 /* Icons && Icon hovers */
 #custom-css  a my-global-icon svg circle[stroke="#000000"],
 #custom-css  a my-global-icon svg g[stroke="#000000"],

client/common-client-plugin.js

@@ -4,6 +4,7 @@ function register ({ registerHook, peertubeHelpers }) {
   const filterUrl = baseStaticUrl + '/images/filter_black.png';
   const keyboardUrl = baseStaticUrl + '/images/keyboard_black.png';
   const languagesUrl = baseStaticUrl + '/images/languages_black.png';
+  const backgroundUrl = baseStaticUrl + '/images/back_cube_lm.svg';
   const image404 = baseStaticUrl + '/images/404.svg'
   const style = document.createElement('style')
   document.head.appendChild(style)
@@ -24,6 +25,11 @@ function register ({ registerHook, peertubeHelpers }) {
       rule+= " background-image: url('"+ keyboardUrl +"'); -webkit-filter: none; filter: none"
       rule+= " } "
       sheet.insertRule(rule, 0)
+      // Change background 
+      rule = " #custom-css .sub-header-container{ "
+      rule+= " background-image: url('"+ backgroundUrl +"'); -webkit-filter: none; filter: none"
+      rule+= " } "
+      sheet.insertRule(rule, 0)
   // STYLES END
 
   /* ANGULAR NAVIGATION-END */

package.json

@@ -1,7 +1,7 @@
 {
-  "name": "peertube-theme-bittube-light-mode",
-  "version": "2.2.1",
-  "description": "BitTube light theme",
+  "name": "peertube-theme-bei3-net",
+  "version": "2.3.3",
+  "description": "Bei3.net theme (used for netzbegruenung)",
   "engine": {
     "peertube": ">=1.3.0"
   },
@@ -9,9 +9,9 @@
     "peertube",
     "theme"
   ],
-  "homepage": "https://github.com/ipbc-dev/peertube-theme-bittube-light-mode",
-  "author": "BitTube",
-  "bugs": "https://github.com/ipbc-dev/peertube-theme-bittube-light-mode/issues",
+  "homepage": "https://git.bei3.net/dirkr/peertube-theme-netzbegruenung",
+  "author": "DirkR / BitTube",
+  "bugs": "https://git.bei3.net/dirkr/peertube-theme-netzbegruenung/issues",
   "staticDirs": {
     "images": "public/images"
   },