git: f6aba7f837 - main - Improve colors in input and select

The branch main has been updated by carlavilla:

URL: https://cgit.FreeBSD.org/doc/commit/?id=f6aba7f837b1c24b88f4cb5c1ec1dc39175412b6

commit f6aba7f837b1c24b88f4cb5c1ec1dc39175412b6
Author:     Sergio Carlavilla Delgado <[email protected]>
AuthorDate: 2022-04-02 14:42:18 +0000
Commit:     Sergio Carlavilla Delgado <[email protected]>
CommitDate: 2022-04-02 14:42:18 +0000

    Improve colors in input and select
    
    In some browsers the browser input and switcher to change languages
    used the browser styles instead of using the theme styles.
---
 documentation/themes/beastie/assets/styles/footer.scss | 9 +++++++++
 documentation/themes/beastie/assets/styles/global.scss | 6 ++++--
 2 files changed, 13 insertions(+), 2 deletions(-)

diff --git a/documentation/themes/beastie/assets/styles/footer.scss b/documentation/themes/beastie/assets/styles/footer.scss
index bda42d5f7a..97981c93a7 100644
--- a/documentation/themes/beastie/assets/styles/footer.scss
+++ b/documentation/themes/beastie/assets/styles/footer.scss
@@ -55,6 +55,15 @@ footer {
       .theme-container {
         display: none;
         margin-left: 2rem;
+
+        select {
+          border: 1px solid #CCC;
+          border-radius: 4px;
+          //box-shadow: inset 0 1px 3px #DDD;
+          box-sizing: border-box;
+          background-color: #FCFCFD;
+          color: #444;
+        }
       }
 
       .language-container {
diff --git a/documentation/themes/beastie/assets/styles/global.scss b/documentation/themes/beastie/assets/styles/global.scss
index 69536883ff..9873fbc46e 100644
--- a/documentation/themes/beastie/assets/styles/global.scss
+++ b/documentation/themes/beastie/assets/styles/global.scss
@@ -115,10 +115,12 @@ body {
         display: block;
         width: 50%;
         padding: 10px 20px;
-        border: 1px solid #ccc;
+        border: 1px solid #CCC;
         border-radius: 4px;
-        box-shadow: inset 0 1px 3px #ddd;
+        box-shadow: inset 0 1px 3px #DDD;
         box-sizing: border-box;
+        background-color: #FCFCFD;
+        color: #444;
       }
     }
   }