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

diff --git a/client/src/sass/application.scss b/client/src/sass/application.scss
index ba4df57c9..9cf2a053d 100644
--- a/client/src/sass/application.scss
+++ b/client/src/sass/application.scss
@@ -1,6 +1,8 @@
 @use 'sass:math';
+@use 'sass:color';
 
 @use '_variables' as *;
+@use '_bootstrap-variables' as *;
 @use '_mixins' as *;
 @use '_icons' as *;
 
@@ -14,6 +16,8 @@
 
 @use './z-index';
 
+@use './class-helpers/index.scss';
+
 body {
   /*** theme ***/
   // now beware sass requires interpolation
@@ -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)};
   }