Git-Mirrors/privacyguides.org
1
0
Fork 0
mirror of https://github.com/privacyguides/privacyguides.org.git synced 2024-10-01 01:35:57 -04:00
Code Issues Packages Projects Releases Wiki Activity

Improve Colors and Styles (#1355)

Browse Source 
Signed-off-by: Daniel Gray <dng@disroot.org>
This commit is contained in:
Jonah Aragon 2022-05-29 04:55:48 +00:00 committed by Daniel Gray
parent 6f27a0e849
commit a29c443a48
No known key found for this signature in database
GPG Key ID: 41911F722B0F9AE3
1 changed files with 55 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

59
docs/assets/stylesheets/extra.css
View File

@ -79,7 +79,7 @@
/* Better contrast link colors */ /* Better contrast link colors */
[data-md-color-scheme="default"] > * { [data-md-color-scheme="default"] > * {
--md-typeset-a-color: #3C00E0; --md-typeset-a-color: rgb(79, 70, 229);
} }
[data-md-color-scheme="slate"] { [data-md-color-scheme="slate"] {
@ -90,6 +90,7 @@
.md-typeset .md-button { .md-typeset .md-button {
color: var(--md-typeset-a-color); color: var(--md-typeset-a-color);
margin-bottom: 5px; margin-bottom: 5px;
border-radius: 6px;
} }
.md-typeset .md-button--primary { .md-typeset .md-button--primary {
color: white; color: white;
@ -107,9 +108,13 @@ h1, h2, h3, .md-header__topic {
/* Recommendation cards */ /* Recommendation cards */
.md-typeset .admonition.recommendation, .md-typeset .admonition.recommendation,
.md-typeset details.recommendation { .md-typeset details.recommendation {
border: none; border: 1px solid #ccc;
font-size: inherit; font-size: inherit;
} }
[data-md-color-scheme="slate"] .md-typeset .admonition.recommendation,
[data-md-color-scheme="slate"] .md-typeset details.recommendation {
border: 1px solid #666;
}
.md-typeset .recommendation > .admonition-title, .md-typeset .recommendation > .admonition-title,
.md-typeset .recommendation > summary { .md-typeset .recommendation > summary {
background-color: rgba(43, 155, 70, 0.0); background-color: rgba(43, 155, 70, 0.0);
@ -146,8 +151,8 @@ h1, h2, h3, .md-header__topic {
right:auto; right:auto;
} }
.downloads p > a:not(:last-child) { .downloads p > a {
padding-right: 0.5em; padding-left: 0.5em;
} }
details[class="downloads annotate"] > p .md-annotation span span::before { details[class="downloads annotate"] > p .md-annotation span span::before {
vertical-align: 0; vertical-align: 0;
@ -240,9 +245,55 @@ details[class="downloads annotate"] > p .md-annotation span span::before {
} }
[data-md-color-scheme="slate"] .pg-blue-gray { [data-md-color-scheme="slate"] .pg-blue-gray {
color: #9ab2bc; color: #9ab2bc;
}
/* Make light/dark mode icon smaller */ /* Make light/dark mode icon smaller */
label[class="md-header__button md-icon"] svg { label[class="md-header__button md-icon"] svg {
height: 1rem; height: 1rem;
width: 1rem; width: 1rem;
} }
.md-typeset :is(.admonition, details) {
box-shadow: none;
border-radius: 6px;
border: 1px solid;
border-left-width: 1px!important;
}
.md-typeset :is(.admonition-title, summary) {
margin-left: -0.6rem!important;
}
.md-typeset details:not(.downloads, [open]) summary:hover {
box-shadow: inset 0 0 100px 100px rgba(255, 255, 255, 0.6);
}
[data-md-color-scheme="slate"] .md-typeset details:not(.downloads, [open]) summary:hover {
box-shadow: inset 0 0 100px 100px rgba(255, 255, 255, 0.1);
}
[data-md-color-scheme="default"] .md-search__form {
background-color: hsla(0,0%,100%,.3);
}
.md-search__form:hover {
background-color: hsla(0,0%,100%,.9);
}
[data-md-color-scheme="slate"] .md-search__form:hover {
background-color: rgba(0, 0, 0, 0.4);
}
.md-search__form, .md-typeset .grid.cards > :is(ul, ol) > li, .md-typeset .grid > .card {
border-radius: 6px;
}
[data-md-toggle="search"]:checked ~ .md-header .md-search__form {
border-radius: 6px 6px 0 0;
box-shadow: none;
}
[data-md-toggle="search"]:checked ~ .md-header .md-search__output {
border-radius: 0 0 6px 6px;
box-shadow: none;
}
.md-tooltip {
border-radius: 6px;
box-shadow: none;
border: 1px solid rgba(128, 128, 128, 0.3);
}
.md-typeset .grid.cards > :is(ul, ol) > li:is(:focus-within, :hover), .md-typeset .grid > .card:is(:focus-within, :hover) {
box-shadow: none;
border-color: rgba(128, 128, 128, 0.5);
}