[IMP][CSS] Fix color variable issue

This commit is contained in:
Elisabeth Dickinson 2022-12-29 09:20:11 +01:00 committed by Antoine Vandevenne (anv)
parent d01888d0be
commit 9b7ec0fa11
2 changed files with 12 additions and 12 deletions

View File

@ -30,7 +30,7 @@
// Backgrounds // Backgrounds
// ------------------------------------------------------------------ // ------------------------------------------------------------------
@mixin o-gradient($deg: 99deg , $startColor: $o-violet, $endColor: #62495B, $startOffset: 10%, $endOffset: 90%){ @mixin o-gradient($deg: 99deg , $startColor: $secondary, $endColor: #62495B, $startOffset: 10%, $endOffset: 90%){
background: mix($startColor, $endColor); background: mix($startColor, $endColor);
background: -webkit-linear-gradient($deg, $startColor $startOffset, $endColor $endOffset); background: -webkit-linear-gradient($deg, $startColor $startOffset, $endColor $endOffset);
background: -moz-linear-gradient($deg, $startColor $startOffset, $endColor $endOffset); background: -moz-linear-gradient($deg, $startColor $startOffset, $endColor $endOffset);

View File

@ -104,7 +104,7 @@ header {
} }
span { span {
color: $o-violet; color: $secondary;
@include font-size($font-size-base); @include font-size($font-size-base);
@include o-easter-egg($img:'img/ducky.svg'); @include o-easter-egg($img:'img/ducky.svg');
} }
@ -222,8 +222,8 @@ header {
height: calc(100% - #{$o-headers-mobile-height}); height: calc(100% - #{$o-headers-mobile-height});
overflow-y: auto; overflow-y: auto;
padding-left: $o-padding-s; padding-left: $o-padding-s;
background-color: lighten($o-violet, 70%) ; background-color: lighten($secondary, 70%) ;
color: $o-violet; color: $secondary;
font-weight: $o-fw-regular; font-weight: $o-fw-regular;
@include o-transition(all, .3s); @include o-transition(all, .3s);
@ -244,7 +244,7 @@ header {
} }
&::-webkit-scrollbar-thumb { &::-webkit-scrollbar-thumb {
background-color: $o-violet; background-color: $secondary;
border-radius: 0; border-radius: 0;
} }
} }
@ -264,7 +264,7 @@ header {
padding-bottom: $o-padding-xs; padding-bottom: $o-padding-xs;
> .o_toc_entry_wrapper a { > .o_toc_entry_wrapper a {
color: $o-violet; color: $secondary;
font-weight: 600; font-weight: 600;
} }
} }
@ -274,13 +274,13 @@ header {
li { li {
&.o_active_toc_entry { &.o_active_toc_entry {
&:not(.toctree-l1) > .o_toc_entry_wrapper i[class^="i-"]:not(.collapsed), > a , > .o_toc_entry_wrapper a, > .o_toc_entry_wrapper i { &:not(.toctree-l1) > .o_toc_entry_wrapper i[class^="i-"]:not(.collapsed), > a , > .o_toc_entry_wrapper a, > .o_toc_entry_wrapper i {
color: $o-violet; color: $secondary;
} }
} }
a { a {
&.current { &.current {
color: $o-violet; color: $secondary;
} }
} }
} }
@ -298,7 +298,7 @@ header {
&[class*="o_menu_"] > .o_toc_entry_wrapper > i:before { &[class*="o_menu_"] > .o_toc_entry_wrapper > i:before {
content: $i-doc-apps; content: $i-doc-apps;
@include o-inline-icon(0 5px 0 0); @include o-inline-icon(0 5px 0 0);
color: $o-violet; color: $secondary;
} }
&.o_menu_applications > .o_toc_entry_wrapper > i:before{ &.o_menu_applications > .o_toc_entry_wrapper > i:before{
@ -719,7 +719,7 @@ header {
margin-bottom: $o-margin-m; margin-bottom: $o-margin-m;
> h1 { > h1 {
color: $o-violet; color: $secondary;
font-weight: $o-fw-bold; font-weight: $o-fw-bold;
margin-bottom: $o-margin-s; margin-bottom: $o-margin-s;
@ -1086,8 +1086,8 @@ header {
&:hover { &:hover {
&:not([aria-selected="true"]) { &:not([aria-selected="true"]) {
cursor: pointer; cursor: pointer;
background: tint-color($o-violet, 80%); background: tint-color($secondary, 80%);
color: $o-violet; color: $secondary;
transition: color .15s, background .15s; transition: color .15s, background .15s;
border-radius: 0; border-radius: 0;
} }