]> git.immae.eu Git - github/Chocobozzz/PeerTube.git/blobdiff - client/src/sass/application.scss
Add zh-Hans-CN to client.sh
[github/Chocobozzz/PeerTube.git] / client / src / sass / application.scss
index b96cf07c0849e4bfc3b035d1cd71196e8b6545f6..760be3822cdcd705ef3e40cf10e05eb30ccd5387 100644 (file)
@@ -9,7 +9,7 @@ $icon-font-path: '../../node_modules/@neos21/bootstrap3-glyphicons/assets/fonts/
 @import '~video.js/dist/video-js.css';
 
 $assets-path: '../assets/';
-@import './player/player';
+@import './player/index';
 @import './loading-bar';
 
 @import './primeng-custom';
@@ -26,8 +26,10 @@ body {
   --mainHoverColor: #{$orange-hoover-color};
   --mainBackgroundColor: #{$bg-color};
   --mainForegroundColor: #{$fg-color};
+  --menuBackgroundColor: #{$menu-background};
+  --menuForegroundColor: #{$menu-color};
   --submenuColor: #{$sub-menu-color};
-  --inputColor: #{$input-color};
+  --inputColor: #{$input-background-color};
   --inputPlaceholderColor: #{$input-placeholder-color};
 
   font-family: $main-fonts;
@@ -50,11 +52,16 @@ strong {
 
 input.readonly {
   /* Force blank on readonly inputs */
-  background-color: #fff !important;
+  background-color: var(--inputColor) !important;
 }
 
 input, textarea {
   outline: none;
+  color: var(--mainForegroundColor);
+}
+
+.btn-outline-secondary {
+  border-color: $input-border-color;
 }
 
 label {
@@ -280,6 +287,11 @@ ngb-tabset.bootstrap {
   }
 }
 
+.nav-tabs .nav-link.active {
+  background-color: var(--mainBackgroundColor) !important;
+  border-bottom: none;
+}
+
 .orange-button {
   @include peertube-button;
   @include orange-button;