From 20c681e5f89db1b67ef8a5b39ec9bf75f400962a Mon Sep 17 00:00:00 2001
From: Paul Holden <paulh@moodle.com>
Date: Tue, 27 Aug 2024 11:11:16 +0100
Subject: [PATCH] MDL-81157 files: consistent repository button styling on
 small screen.

---
 theme/boost/scss/moodle/core.scss |  3 +--
 theme/boost/style/moodle.css      | 15 +++++++--------
 theme/classic/style/moodle.css    | 15 +++++++--------
 3 files changed, 15 insertions(+), 18 deletions(-)

diff --git a/theme/boost/scss/moodle/core.scss b/theme/boost/scss/moodle/core.scss
index 5dbf017b394..758d4db0a8e 100644
--- a/theme/boost/scss/moodle/core.scss
+++ b/theme/boost/scss/moodle/core.scss
@@ -2687,8 +2687,7 @@ $picker-emojis-per-row: 7 !default;
             border: 0;
             margin: $spacer * 0.125;
             &.active {
-                @include button-outline-variant($gray-600);
-                border-color: $gray-600;
+                @include button-outline-variant($blue, $active-border: $gray-600);
             }
         }
     }
diff --git a/theme/boost/style/moodle.css b/theme/boost/style/moodle.css
index aab7a358abe..6aa585e35dd 100644
--- a/theme/boost/style/moodle.css
+++ b/theme/boost/style/moodle.css
@@ -25672,25 +25672,24 @@ input[disabled] {
   }
   .nav-tabs:not(.more-nav) .nav-link.active,
   .nav-pills .nav-link.active {
-    color: #6a737b;
-    border-color: #6a737b;
-    border-color: #6a737b;
+    color: #0f6cbf;
+    border-color: #0f6cbf;
   }
   .nav-tabs:not(.more-nav) .nav-link.active:hover,
   .nav-pills .nav-link.active:hover {
     color: #fff;
-    background-color: #6a737b;
+    background-color: #0f6cbf;
     border-color: #6a737b;
   }
   .nav-tabs:not(.more-nav) .nav-link.active:focus, .nav-tabs:not(.more-nav) .nav-link.active.focus,
   .nav-pills .nav-link.active:focus,
   .nav-pills .nav-link.active.focus {
-    box-shadow: 0 0 0 0.2rem rgba(106, 115, 123, 0.5);
+    box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.5);
   }
   .nav-tabs:not(.more-nav) .nav-link.active.disabled, .nav-tabs:not(.more-nav) .nav-link.active:disabled,
   .nav-pills .nav-link.active.disabled,
   .nav-pills .nav-link.active:disabled {
-    color: #6a737b;
+    color: #0f6cbf;
     background-color: transparent;
   }
   .nav-tabs:not(.more-nav) .nav-link.active:not(:disabled):not(.disabled):active, .nav-tabs:not(.more-nav) .nav-link.active:not(:disabled):not(.disabled).active, .show > .nav-tabs:not(.more-nav) .nav-link.active.dropdown-toggle,
@@ -25698,14 +25697,14 @@ input[disabled] {
   .nav-pills .nav-link.active:not(:disabled):not(.disabled).active,
   .show > .nav-pills .nav-link.active.dropdown-toggle {
     color: #fff;
-    background-color: #6a737b;
+    background-color: #0f6cbf;
     border-color: #6a737b;
   }
   .nav-tabs:not(.more-nav) .nav-link.active:not(:disabled):not(.disabled):active:focus, .nav-tabs:not(.more-nav) .nav-link.active:not(:disabled):not(.disabled).active:focus, .show > .nav-tabs:not(.more-nav) .nav-link.active.dropdown-toggle:focus,
   .nav-pills .nav-link.active:not(:disabled):not(.disabled):active:focus,
   .nav-pills .nav-link.active:not(:disabled):not(.disabled).active:focus,
   .show > .nav-pills .nav-link.active.dropdown-toggle:focus {
-    box-shadow: 0 0 0 0.2rem rgba(106, 115, 123, 0.5);
+    box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.5);
   }
 }
 @media (max-width: 576px) and (max-height: 320px) {
diff --git a/theme/classic/style/moodle.css b/theme/classic/style/moodle.css
index cdd75c24d1d..28e2b53970c 100644
--- a/theme/classic/style/moodle.css
+++ b/theme/classic/style/moodle.css
@@ -25672,25 +25672,24 @@ input[disabled] {
   }
   .nav-tabs:not(.more-nav) .nav-link.active,
   .nav-pills .nav-link.active {
-    color: #6a737b;
-    border-color: #6a737b;
-    border-color: #6a737b;
+    color: #0f6cbf;
+    border-color: #0f6cbf;
   }
   .nav-tabs:not(.more-nav) .nav-link.active:hover,
   .nav-pills .nav-link.active:hover {
     color: #fff;
-    background-color: #6a737b;
+    background-color: #0f6cbf;
     border-color: #6a737b;
   }
   .nav-tabs:not(.more-nav) .nav-link.active:focus, .nav-tabs:not(.more-nav) .nav-link.active.focus,
   .nav-pills .nav-link.active:focus,
   .nav-pills .nav-link.active.focus {
-    box-shadow: 0 0 0 0.2rem rgba(106, 115, 123, 0.5);
+    box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.5);
   }
   .nav-tabs:not(.more-nav) .nav-link.active.disabled, .nav-tabs:not(.more-nav) .nav-link.active:disabled,
   .nav-pills .nav-link.active.disabled,
   .nav-pills .nav-link.active:disabled {
-    color: #6a737b;
+    color: #0f6cbf;
     background-color: transparent;
   }
   .nav-tabs:not(.more-nav) .nav-link.active:not(:disabled):not(.disabled):active, .nav-tabs:not(.more-nav) .nav-link.active:not(:disabled):not(.disabled).active, .show > .nav-tabs:not(.more-nav) .nav-link.active.dropdown-toggle,
@@ -25698,14 +25697,14 @@ input[disabled] {
   .nav-pills .nav-link.active:not(:disabled):not(.disabled).active,
   .show > .nav-pills .nav-link.active.dropdown-toggle {
     color: #fff;
-    background-color: #6a737b;
+    background-color: #0f6cbf;
     border-color: #6a737b;
   }
   .nav-tabs:not(.more-nav) .nav-link.active:not(:disabled):not(.disabled):active:focus, .nav-tabs:not(.more-nav) .nav-link.active:not(:disabled):not(.disabled).active:focus, .show > .nav-tabs:not(.more-nav) .nav-link.active.dropdown-toggle:focus,
   .nav-pills .nav-link.active:not(:disabled):not(.disabled):active:focus,
   .nav-pills .nav-link.active:not(:disabled):not(.disabled).active:focus,
   .show > .nav-pills .nav-link.active.dropdown-toggle:focus {
-    box-shadow: 0 0 0 0.2rem rgba(106, 115, 123, 0.5);
+    box-shadow: 0 0 0 0.2rem rgba(15, 108, 191, 0.5);
   }
 }
 @media (max-width: 576px) and (max-height: 320px) {