nishiki/hugo-theme-relearn
1
0
Fork 0
mirror of https://github.com/McShelby/hugo-theme-relearn.git synced 2024-11-23 07:47:54 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 2

tabs: use color for link of inactive tabs #675

Browse source
This commit is contained in:
Sören Weber 2023-10-05 08:13:20 +02:00
parent 4a69b1b5bc
commit 3c39bffe70
No known key found for this signature in database
GPG key ID: BEC6D55545451B6D
3 changed files with 11 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
static/css/theme-relearn-dark.css
View file

@ -18,6 +18,7 @@
/* adjusted to relearn-dark chroma style */
--CODE-BLOCK-color: rgba( 248, 248, 248, 1 ); /* fallback text color of block code; should be adjusted to your selected chroma style */
--CODE-BLOCK-BG-color: rgba( 43, 43, 43, 1 ); /* fallback background color of block code; should be adjusted to your selected chroma style */
--CODE-BLOCK-BORDER-color: rgba( 71, 71, 71, 1 ); /* border color of block code */
--CODE-INLINE-color: rgba( 130, 229, 80, 1 ); /* text color of inline code */
--CODE-INLINE-BG-color: rgba( 45, 45, 45, 1 ); /* background color of inline code */

2
static/css/theme.css
View file

@ -2091,7 +2091,7 @@ html[dir="rtl"] #R-sidebar ul.collapsible-menu > li > label > i.fa-chevron-right
#R-body .tab-nav-button > .tab-nav-text{
border-bottom-style: solid;
border-bottom-width: .2rem;
border-bottom-width: .15rem;
display: block;
padding: .2rem .6rem 0 .6rem;
}

13
static/css/variant.css
View file

@ -409,7 +409,10 @@ article ul > li > input[type="checkbox"] {
}
#R-body .tab-nav-button {
color: var(--INTERNAL-MAIN-TEXT-color);
color: var(--INTERNAL-MAIN-LINK-color);
}
#R-body .tab-nav-button:not(.active):hover {
color: var(--INTERNAL-MAIN-LINK-HOVER-color);
}
#R-body .tab-nav-button.active {
@ -418,12 +421,14 @@ article ul > li > input[type="checkbox"] {
color: var(--VARIABLE-BOX-TEXT-color);
}
#R-body .tab-nav-button > .tab-nav-text{
border-bottom-color: var(--VARIABLE-BOX-color);
}
#R-body .tab-nav-button.active > .tab-nav-text{
background-color: var(--VARIABLE-BOX-BG-color);
}
#R-body .tab-nav-button > .tab-nav-text{
border-color: var(--VARIABLE-BOX-color);
#R-body .tab-nav-button:not(.active) > .tab-nav-text:hover {
border-bottom-color: var(--INTERNAL-MAIN-LINK-HOVER-color);
}
#R-body .tab-content{