git: f6aba7f837 - main - Improve colors in input and select
- Go to: [ bottom of page ] [ top of archives ] [ this month ]
Date: Sat, 02 Apr 2022 14:45:49 UTC
The branch main has been updated by carlavilla:
URL: https://cgit.FreeBSD.org/doc/commit/?id=f6aba7f837b1c24b88f4cb5c1ec1dc39175412b6
commit f6aba7f837b1c24b88f4cb5c1ec1dc39175412b6
Author: Sergio Carlavilla Delgado <carlavilla@FreeBSD.org>
AuthorDate: 2022-04-02 14:42:18 +0000
Commit: Sergio Carlavilla Delgado <carlavilla@FreeBSD.org>
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;
}
}
}