Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Fix contrast in docs footer #2853

Merged
merged 4 commits into from
Mar 4, 2024
Merged

Fix contrast in docs footer #2853

Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
8e27a01
Increase contrast in footer
johannaengland Mar 1, 2024
b9061f0
Format using prettier
johannaengland Mar 1, 2024
5d97062
Add comment for mobile logo
johannaengland Mar 1, 2024
af1a0df
Unify doubled pre definition
johannaengland Mar 1, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
65 changes: 37 additions & 28 deletions doc/_static/custom.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,20 +1,30 @@
/* Custom css for the Sphinx theme in NAV */

a, a:hover, a:focus, a:visited, .alert a, .alert .alert-link {color: #1f74ad;}
.wy-menu a:visited, .wy-menu-vertical a:visited, .wy-menu a:hover, .wy-menu-vertical a:hover { color: #d9d9d9; }

.wy-nav-top>a img.logo {
display:block;
margin:0 auto;
height:auto;
width:auto;
border-radius:0;
max-width:100%;
background:transparent
}

pre {
background: #ecf0f1;
a,
a:hover,
a:focus,
a:visited,
.alert a,
.alert .alert-link {
color: #1f74ad;
}

.wy-menu a:visited,
.wy-menu-vertical a:visited,
.wy-menu a:hover,
.wy-menu-vertical a:hover {
color: #d9d9d9;
}

/* Show the logo on mobile exactly like on big screen */
.wy-nav-top > a img.logo {
display: block;
margin: 0 auto;
height: auto;
width: auto;
border-radius: 0;
max-width: 100%;
background: transparent;
}

img {
Expand All @@ -23,9 +33,9 @@ img {

footer {
margin-top: 2em;
color: #575757;
}


/* When people creates documentation they usually end up with a big honking list
of h3's. This makes it very hard to separate the different sections, and adding
this border helps a lot with that. That and I always wanted to make a css style
Expand All @@ -36,24 +46,23 @@ h3 {

/* Override the red color and background for code elements */
code {
color: #2C3E50;
background-color: #ECF0F1;
color: #2c3e50;
background-color: #ecf0f1;
}


/* Contrast for pre elements was to small. */
pre {
color: #2C3E50;
color: #2c3e50;
background: #ecf0f1;
}


/* The following overrides the admonition colors. They all pass the WCAG 2.0
level AA test for contrast */

/* This covers the admonitions 'note', 'attention', 'hint', 'important' and 'tip' */
.alert-info {
color: #2a617d;
background-color: #D9EDF7;
background-color: #d9edf7;
}

/* This covers the admonitions 'warning' and 'caution' */
Expand All @@ -65,10 +74,9 @@ level AA test for contrast */
/* This covers the admonitions 'alert' and 'danger' */
.alert-danger {
color: #a73a00;
background-color: #F2DEDE;
background-color: #f2dede;
}


/* Definition list */
dl {
overflow: auto;
Expand All @@ -82,7 +90,7 @@ dt {
}

dt:after {
content: ':'
content: ":";
}

dd {
Expand All @@ -102,8 +110,9 @@ dd {
margin-left: auto;
}

.class dt:after { content: initial; }

.class dt:after {
content: initial;
}

/* Highlight versionadded more */
p.versionadded {
Expand All @@ -114,7 +123,7 @@ p.versionadded {
}

.guilabel {
background-color: #ECF0F1;
background-color: #ecf0f1;
padding: 2px 4px;
font-size: 90%;
border-radius: 3px;
Expand Down
Loading