X-Git-Url: https://git.immae.eu/?a=blobdiff_plain;f=client%2Fsrc%2Fsass%2Finclude%2F_bootstrap-variables.scss;h=47ebe685c232db2702b1592020fdc07d49bc2a30;hb=0c302acb3c358b4d4d8dee45aed1de1108ea37ea;hp=796850174472e2e321bb645c48a5449f1773bf04;hpb=0c9a83546687d2ae80b3f5299a8ee59d741f894f;p=github%2FChocobozzz%2FPeerTube.git

diff --git a/client/src/sass/include/_bootstrap-variables.scss b/client/src/sass/include/_bootstrap-variables.scss
index 796850174..47ebe685c 100644
--- a/client/src/sass/include/_bootstrap-variables.scss
+++ b/client/src/sass/include/_bootstrap-variables.scss
@@ -8,9 +8,9 @@ $grid-breakpoints: (
   // Extra small screen / phone
   xs: 0,
   // Small screen / phone
-  sm: 576px,
+  sm: $mobile-view,
   // Medium screen / tablet
-  md: 768px,
+  md: $small-view,
   // Large screen / desktop
   lg: 900px,
   // Extra large screens / wide desktops
@@ -34,17 +34,33 @@ $container-max-widths: (
   xl: 1140px
 );
 
+$input-color: pvar(--inputForegroundColor);
+$input-bg: pvar(--inputBackgroundColor);
+$input-focus-color: pvar(--inputForegroundColor);
+$input-focus-bg: pvar(--inputBackgroundColor);
 $input-btn-focus-width: 0;
 $input-btn-focus-color: inherit;
 $input-focus-border-color: #ced4da;
+$input-focus-box-shadow: 0 0 0 0.25rem pvar(--mainColorLightest);
 
-$nav-pills-link-active-bg: #F0F0F0;
-$nav-pills-link-active-color: #000;
+$input-group-addon-color: pvar(--mainForegroundColor);
+$input-group-addon-bg: pvar(--greyBackgroundColor);
+
+$nav-pills-link-active-bg: pvar(--greySecondaryBackgroundColor);
+$nav-pills-link-active-color: pvar(--mainForegroundColor);
+$nav-link-transition: none;
 
 $dropdown-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
 $dropdown-border-radius: 3px;
 $dropdown-link-active-color: pvar(--mainForegroundColor);
 $dropdown-link-active-bg: pvar(--mainBackgroundHoverColor);
+$dropdown-link-hover-color: pvar(--mainForegroundColor);
+$dropdown-link-hover-bg: pvar(--mainBackgroundHoverColor);
+$dropdown-color: pvar(--mainForegroundColor);
+$dropdown-bg: pvar(--mainBackgroundColor);
 
 $accordion-button-active-bg: pvar(--mainColorVeryLight);
 $accordion-button-active-color: pvar(--mainForegroundColor);
+$accordion-button-focus-border-color: pvar(--mainColorLightest);
+$accordion-button-focus-box-shadow: 0 0 0 .15rem pvar(--mainColorLightest);
+$accordion-border-color: pvar(--inputBorderColor);