X-Git-Url: https://git.immae.eu/?a=blobdiff_plain;f=client%2Fsrc%2Fsass%2Fapplication.scss;h=9cf2a053d7be17c4d47c2c40c5537c45d6e792f2;hb=9f9131f8439f4ed0a05fd62370fda7d855d45242;hp=add01fb71e81d064a806a50305300fd6db5c8720;hpb=6c1da7937cedbc1d4013cff0686d785247229c52;p=github%2FChocobozzz%2FPeerTube.git

diff --git a/client/src/sass/application.scss b/client/src/sass/application.scss
index add01fb71..9cf2a053d 100644
--- a/client/src/sass/application.scss
+++ b/client/src/sass/application.scss
@@ -1,19 +1,22 @@
 @use 'sass:math';
+@use 'sass:color';
 
 @use '_variables' as *;
+@use '_bootstrap-variables' as *;
 @use '_mixins' as *;
 @use '_icons' as *;
 
 @use '_fonts';
 
-@use './class-helpers';
 @use './custom-markup';
 @use './ng-select';
 
-@import './bootstrap';
-@import './primeng-custom';
+@use './bootstrap';
+@use './primeng-custom';
 
-@import './z-index';
+@use './z-index';
+
+@use './class-helpers/index.scss';
 
 body {
   /*** theme ***/
@@ -43,6 +46,7 @@ body {
   --inputForegroundColor: #{$input-foreground-color};
   --inputBackgroundColor: #{$input-background-color};
   --inputPlaceholderColor: #{$input-placeholder-color};
+  --inputBorderColor: #{$input-border-color};
 
   --textareaForegroundColor: #{$textarea-foreground-color};
   --textareaBackgroundColor: #{$textarea-background-color};
@@ -110,6 +114,7 @@ button {
   @include disable-outline;
 
   background: unset;
+  color: pvar(--mainForegroundColor);
 }
 
 label {
@@ -219,7 +224,7 @@ my-global-icon[iconName=external-link] {
   }
 }
 
-@media screen and (max-width: #{breakpoint(lg)}) {
+@media screen and (max-width: #{breakpoint(xl)}) {
   .main-col {
     --videosHorizontalMarginContent: #{pvar(--horizontalMarginContent)};
   }