nishiki/hugo-theme-relearn
1
0
Fork 0
mirror of https://github.com/McShelby/hugo-theme-relearn.git synced 2025-01-18 19:00:24 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions
hugo-theme-relearn/assets/css/swagger.css
Sören Weber 0505b36141
theme: fix flash of non-default variant, part I #757 
implements the first part, working for configured variants;

for that, loading of stylesheets was overhauled by now
merging all configured variants into one big stylesheet for
each output format and loading this instead of one stylesheet
per configured variant;

previously @media print styles were applied on top of @media screen
styles; this is now strictly isolated, which doesn't require styles
like neon to revert styles for print anymore;

this change was also used to implement the minify parameter, to shrink
those generated stylesheets, making them shrink to 66% of their
unminified size for the exampleSite;

the theme switcher functionality is now completely independend of
variant.js; the switch is now handled by in-page javascript which
avoids waiting for external scripts to load, so switching can happen
as early as possible;

switching of themes is now implemented by just setting a data attribute
to the html element, were previously a complex mechanism of dynamically
loading of variant CSS files was implemented;

the call for variant.js was removed in this changeset, making the
generator broken and useless; this will be fixed with the next patch;
2024-12-06 07:38:05 +01:00

411 lines
14 KiB
CSS
Raw Blame History

body {
line-height: 1.574;
font-variation-settings: var(--INTERNAL-MAIN-font-variation-settings);
font-weight: var(--INTERNAL-MAIN-font-weight);
font-family: var(--INTERNAL-MAIN-font);
letter-spacing: var(--INTERNAL-MAIN-letter-spacing);
margin: 0;
overflow: hidden;
}
body,
.swagger-ui .info *,
#relearn-swagger-ui .renderedMarkdown *,
#relearn-swagger-ui p {
font-size: 1.015625rem;
}
.swagger-ui .scheme-container {
padding-left: 1rem;
padding-right: 1rem;
}
.swagger-ui .wrapper {
padding-left: 0;
padding-right: 0;
}
h2 {
color: var(--INTERNAL-MAIN-TITLES-H2-TEXT-color);
font-variation-settings: var(--INTERNAL-MAIN-TITLES-H2-font-variation-settings);
font-weight: var(--INTERNAL-MAIN-TITLES-H2-font-weight);
font-family: var(--INTERNAL-MAIN-TITLES-H2-font);
letter-spacing: var(--INTERNAL-MAIN-TITLES-H2-letter-spacing);
}
svg {
fill: var(--INTERNAL-MAIN-TEXT-color);
}
.swagger-ui .info h2.title {
color: var(--INTERNAL-MAIN-TITLES-H2-TEXT-color);
font-variation-settings: var(--INTERNAL-MAIN-TITLES-H2-font-variation-settings);
font-weight: var(--INTERNAL-MAIN-TITLES-H2-font-weight);
font-family: var(--INTERNAL-MAIN-TITLES-H2-font);
letter-spacing: var(--INTERNAL-MAIN-TITLES-H2-letter-spacing);
}
.relearn-expander {
display: block;
float: right;
margin: 0.5rem;
}
#relearn-swagger-ui {
clear: both;
}
/* Styles extracted from swagger-dark.css generated by Dark Reader */
html {
background-color: var(--INTERNAL-MAIN-BG-color) !important;
color-scheme: var(--INTERNAL-BROWSER-theme) !important;
}
html,
body {
background-color: var(--INTERNAL-MAIN-BG-color);
color: var(--INTERNAL-MAIN-TEXT-color);
}
a {
color: var(--INTERNAL-MAIN-LINK-color);
}
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
color: var(--INTERNAL-MAIN-TEXT-color) !important;
}
::-webkit-scrollbar-corner {
background-color: var(--INTERNAL-MAIN-BG-color);
}
::selection {
color: var(--INTERNAL-MAIN-TEXT-color) !important;
}
::-moz-selection {
color: var(--INTERNAL-MAIN-TEXT-color) !important;
}
*:not(pre, pre *, code, .far, .fa, .glyphicon, [class*='vjs-'], .fab, .fa-github, .fas, .material-icons, .icofont, .typcn, mu, [class*='mu-'], .glyphicon, .icon) {
font-variation-settings: var(--INTERNAL-MAIN-font-variation-settings);
font-family: var(--INTERNAL-MAIN-font) !important;
letter-spacing: var(--INTERNAL-MAIN-letter-spacing) !important;
line-height: 1.574 !important;
}
:root {
--darkreader-neutral-background: var(--INTERNAL-MAIN-BG-color);
--darkreader-neutral-text: var(--INTERNAL-MAIN-TEXT-color);
--darkreader-selection-text: var(--INTERNAL-MAIN-TEXT-color);
}
.swagger-ui {
color: var(--INTERNAL-MAIN-TEXT-color);
}
.swagger-ui .nested-links a {
color: var(--INTERNAL-MAIN-LINK-color);
}
.swagger-ui .nested-links a:focus,
.swagger-ui .nested-links a:hover {
color: var(--INTERNAL-MAIN-LINK-HOVER-color);
}
.swagger-ui .opblock-tag {
color: var(--INTERNAL-MAIN-TEXT-color);
}
.swagger-ui .opblock-tag small {
color: var(--INTERNAL-MAIN-TEXT-color);
}
.swagger-ui .parameter__type {
color: var(--INTERNAL-MAIN-TEXT-color);
}
.swagger-ui .opblock .opblock-section-header > label {
color: var(--INTERNAL-MAIN-TEXT-color);
}
.swagger-ui .opblock .opblock-section-header h4 {
color: var(--INTERNAL-MAIN-TITLES-H4-TEXT-color);
font-variation-settings: var(--INTERNAL-MAIN-TITLES-H4-font-variation-settings);
!font-weight: var(--INTERNAL-MAIN-TITLES-H4-font-weight);
font-family: var(--INTERNAL-MAIN-TITLES-H4-font);
letter-spacing: var(--INTERNAL-MAIN-TITLES-H4-letter-spacing);
}
.swagger-ui .opblock .opblock-summary-operation-id,
.swagger-ui .opblock .opblock-summary-path,
.swagger-ui .opblock .opblock-summary-path__deprecated {
color: var(--INTERNAL-MAIN-TEXT-color);
}
.swagger-ui .opblock .opblock-summary-description {
color: var(--INTERNAL-MAIN-TEXT-color);
}
.swagger-ui .opblock.opblock-post {
border-color: var(--INTERNAL-BOX-GREEN-color);
}
.swagger-ui .opblock.opblock-post .opblock-summary-method {
background-color: var(--INTERNAL-BOX-GREEN-color);
}
.swagger-ui .opblock.opblock-post .opblock-summary {
border-color: var(--INTERNAL-BOX-GREEN-color);
}
.swagger-ui .opblock.opblock-post .tab-header .tab-item.active h4 span::after {
background-color: var(--INTERNAL-BOX-GREEN-color);
}
.swagger-ui .opblock.opblock-put {
border-color: var(--INTERNAL-BOX-ORANGE-color);
}
.swagger-ui .opblock.opblock-put .opblock-summary-method {
background-color: var(--INTERNAL-BOX-ORANGE-color);
}
.swagger-ui .opblock.opblock-put .opblock-summary {
border-color: var(--INTERNAL-BOX-ORANGE-color);
}
.swagger-ui .opblock.opblock-put .tab-header .tab-item.active h4 span::after {
background-color: var(--INTERNAL-BOX-ORANGE-color);
}
.swagger-ui .opblock.opblock-delete {
border-color: var(--INTERNAL-BOX-RED-color);
}
.swagger-ui .opblock.opblock-delete .opblock-summary-method {
background-color: var(--INTERNAL-BOX-RED-color);
}
.swagger-ui .opblock.opblock-delete .opblock-summary {
border-color: var(--INTERNAL-BOX-RED-color);
}
.swagger-ui .opblock.opblock-delete .tab-header .tab-item.active h4 span::after {
background-color: var(--INTERNAL-BOX-RED-color);
}
.swagger-ui .opblock.opblock-get {
border-color: var(--INTERNAL-BOX-BLUE-color);
}
.swagger-ui .opblock.opblock-get .opblock-summary-method {
background-color: var(--INTERNAL-BOX-BLUE-color);
}
.swagger-ui .opblock.opblock-get .opblock-summary {
border-color: var(--INTERNAL-BOX-BLUE-color);
}
.swagger-ui .opblock.opblock-get .tab-header .tab-item.active h4 span::after {
background-color: var(--INTERNAL-BOX-BLUE-color);
}
.swagger-ui .opblock.opblock-patch {
border-color: var(--INTERNAL-BOX-CYAN-color);
}
.swagger-ui .opblock.opblock-patch .opblock-summary-method {
background-color: var(--INTERNAL-BOX-CYAN-color);
}
.swagger-ui .opblock.opblock-patch .opblock-summary {
border-color: var(--INTERNAL-BOX-CYAN-color);
}
.swagger-ui .opblock.opblock-patch .tab-header .tab-item.active h4 span::after {
background-color: var(--INTERNAL-BOX-CYAN-color);
}
.swagger-ui .opblock.opblock-options {
border-color: var(--INTERNAL-BOX-MAGENTA-color);
}
.swagger-ui .opblock.opblock-options .opblock-summary-method {
background-color: var(--INTERNAL-BOX-MAGENTA-color);
}
.swagger-ui .opblock.opblock-options .opblock-summary {
border-color: var(--INTERNAL-BOX-MAGENTA-color);
}
.swagger-ui .opblock.opblock-options .tab-header .tab-item.active h4 span::after {
background-color: var(--INTERNAL-BOX-MAGENTA-color);
}
.swagger-ui .tab li {
color: var(--INTERNAL-MAIN-TEXT-color);
}
.swagger-ui .opblock-description-wrapper,
.swagger-ui .opblock-external-docs-wrapper,
.swagger-ui .opblock-title_normal {
color: var(--INTERNAL-MAIN-TEXT-color);
}
.swagger-ui .opblock-description-wrapper h4,
.swagger-ui .opblock-external-docs-wrapper h4,
.swagger-ui .opblock-title_normal h4 {
color: var(--INTERNAL-MAIN-TITLES-H4-TEXT-color);
font-variation-settings: var(--INTERNAL-MAIN-TITLES-H4-font-variation-settings);
!font-weight: var(--INTERNAL-MAIN-TITLES-H4-font-weight);
font-family: var(--INTERNAL-MAIN-TITLES-H4-font);
letter-spacing: var(--INTERNAL-MAIN-TITLES-H4-letter-spacing);
}
.swagger-ui .opblock-description-wrapper p,
.swagger-ui .opblock-external-docs-wrapper p,
.swagger-ui .opblock-title_normal p {
color: var(--INTERNAL-MAIN-TEXT-color);
}
.swagger-ui .responses-inner h4 {
color: var(--INTERNAL-MAIN-TITLES-H4-TEXT-color);
font-variation-settings: var(--INTERNAL-MAIN-TITLES-H4-font-variation-settings);
!font-weight: var(--INTERNAL-MAIN-TITLES-H4-font-weight);
font-family: var(--INTERNAL-MAIN-TITLES-H4-font);
letter-spacing: var(--INTERNAL-MAIN-TITLES-H4-letter-spacing);
}
.swagger-ui .responses-inner h5 {
color: var(--INTERNAL-MAIN-TITLES-H5-TEXT-color);
font-variation-settings: var(--INTERNAL-MAIN-TITLES-H5-font-variation-settings);
!font-weight: var(--INTERNAL-MAIN-TITLES-H5-font-weight);
font-family: var(--INTERNAL-MAIN-TITLES-H5-font);
letter-spacing: var(--INTERNAL-MAIN-TITLES-H5-letter-spacing);
}
.swagger-ui .response-col_status {
color: var(--INTERNAL-MAIN-TEXT-color);
}
.swagger-ui .response-col_links {
color: var(--INTERNAL-MAIN-TEXT-color);
}
.swagger-ui .opblock-body pre.microlight {
background-color: var(--INTERNAL-MAIN-BG-color);
color: var(--INTERNAL-MAIN-TEXT-color);
}
.swagger-ui .scheme-container .schemes > label {
color: var(--INTERNAL-MAIN-TEXT-color);
}
.swagger-ui .loading-container .loading::after {
color: var(--INTERNAL-MAIN-TEXT-color);
}
.swagger-ui section h3 {
color: var(--INTERNAL-MAIN-TITLES-H3-TEXT-color);
font-variation-settings: var(--INTERNAL-MAIN-TITLES-H3-font-variation-settings);
!font-weight: var(--INTERNAL-MAIN-TITLES-H3-font-weight);
font-family: var(--INTERNAL-MAIN-TITLES-H3-font);
letter-spacing: var(--INTERNAL-MAIN-TITLES-H3-letter-spacing);
}
.swagger-ui .btn {
color: var(--INTERNAL-MAIN-TEXT-color);
}
.swagger-ui select {
color: var(--INTERNAL-MAIN-TEXT-color);
}
.swagger-ui label {
color: var(--INTERNAL-MAIN-TEXT-color);
}
.swagger-ui textarea {
color: var(--INTERNAL-MAIN-TEXT-color);
}
.swagger-ui .checkbox p {
color: var(--INTERNAL-MAIN-TEXT-color);
}
.swagger-ui .dialog-ux .modal-ux-content p {
color: var(--INTERNAL-MAIN-TEXT-color);
}
.swagger-ui .dialog-ux .modal-ux-content h4 {
color: var(--INTERNAL-MAIN-TITLES-H4-TEXT-color);
font-variation-settings: var(--INTERNAL-MAIN-TITLES-H4-font-variation-settings);
!font-weight: var(--INTERNAL-MAIN-TITLES-H4-font-weight);
font-family: var(--INTERNAL-MAIN-TITLES-H4-font);
letter-spacing: var(--INTERNAL-MAIN-TITLES-H4-letter-spacing);
}
.swagger-ui .dialog-ux .modal-ux-header h3 {
color: var(--INTERNAL-MAIN-TITLES-H3-TEXT-color);
font-variation-settings: var(--INTERNAL-MAIN-TITLES-H3-font-variation-settings);
!font-weight: var(--INTERNAL-MAIN-TITLES-H3-font-weight);
font-family: var(--INTERNAL-MAIN-TITLES-H3-font);
letter-spacing: var(--INTERNAL-MAIN-TITLES-H3-letter-spacing);
}
.swagger-ui .model {
color: var(--INTERNAL-MAIN-TEXT-color);
}
.swagger-ui section.models h4 {
color: var(--INTERNAL-MAIN-TITLES-H4-TEXT-color);
font-variation-settings: var(--INTERNAL-MAIN-TITLES-H4-font-variation-settings);
!font-weight: var(--INTERNAL-MAIN-TITLES-H4-font-weight);
font-family: var(--INTERNAL-MAIN-TITLES-H4-font);
letter-spacing: var(--INTERNAL-MAIN-TITLES-H4-letter-spacing);
}
.swagger-ui section.models h5 {
color: var(--INTERNAL-MAIN-TITLES-H5-TEXT-color);
font-variation-settings: var(--INTERNAL-MAIN-TITLES-H5-font-variation-settings);
!font-weight: var(--INTERNAL-MAIN-TITLES-H5-font-weight);
font-family: var(--INTERNAL-MAIN-TITLES-H5-font);
letter-spacing: var(--INTERNAL-MAIN-TITLES-H5-letter-spacing);
}
.swagger-ui .model-title {
color: var(--INTERNAL-MAIN-TITLES-TEXT-color);
}
.swagger-ui .prop-format {
color: var(--INTERNAL-MAIN-TITLES-TEXT-color);
}
.swagger-ui .servers > label {
color: var(--INTERNAL-MAIN-TEXT-color);
}
.swagger-ui table.headers td {
color: var(--INTERNAL-MAIN-TEXT-color);
}
.swagger-ui table thead tr td,
.swagger-ui table thead tr th {
color: var(--INTERNAL-MAIN-TEXT-color);
}
.swagger-ui .parameter__name {
color: var(--INTERNAL-MAIN-TEXT-color);
}
.swagger-ui .info li,
.swagger-ui .info p,
.swagger-ui .info table {
color: var(--INTERNAL-MAIN-TEXT-color);
}
.swagger-ui .info h1 {
color: var(--INTERNAL-MAIN-TITLES-H1-TEXT-color);
font-variation-settings: var(--INTERNAL-MAIN-TITLES-H1-font-variation-settings);
!font-weight: var(--INTERNAL-MAIN-TITLES-H1-font-weight);
font-family: var(--INTERNAL-MAIN-TITLES-H1-font);
letter-spacing: var(--INTERNAL-MAIN-TITLES-H1-letter-spacing);
text-align: center;
text-transform: uppercase;
}
.swagger-ui .info h2 {
color: var(--INTERNAL-MAIN-TITLES-H2-TEXT-color);
font-variation-settings: var(--INTERNAL-MAIN-TITLES-H2-font-variation-settings);
!font-weight: var(--INTERNAL-MAIN-TITLES-H2-font-weight);
font-family: var(--INTERNAL-MAIN-TITLES-H2-font);
letter-spacing: var(--INTERNAL-MAIN-TITLES-H2-letter-spacing);
}
.swagger-ui .info h3 {
color: var(--INTERNAL-MAIN-TITLES-H3-TEXT-color);
font-variation-settings: var(--INTERNAL-MAIN-TITLES-H3-font-variation-settings);
!font-weight: var(--INTERNAL-MAIN-TITLES-H3-font-weight);
font-family: var(--INTERNAL-MAIN-TITLES-H3-font);
letter-spacing: var(--INTERNAL-MAIN-TITLES-H3-letter-spacing);
}
.swagger-ui .info h4 {
color: var(--INTERNAL-MAIN-TITLES-H4-TEXT-color);
font-variation-settings: var(--INTERNAL-MAIN-TITLES-H4-font-variation-settings);
!font-weight: var(--INTERNAL-MAIN-TITLES-H4-font-weight);
font-family: var(--INTERNAL-MAIN-TITLES-H4-font);
letter-spacing: var(--INTERNAL-MAIN-TITLES-H4-letter-spacing);
}
.swagger-ui .info h5 {
color: var(--INTERNAL-MAIN-TITLES-H5-TEXT-color);
font-variation-settings: var(--INTERNAL-MAIN-TITLES-H5-font-variation-settings);
!font-weight: var(--INTERNAL-MAIN-TITLES-H5-font-weight);
font-family: var(--INTERNAL-MAIN-TITLES-H5-font);
letter-spacing: var(--INTERNAL-MAIN-TITLES-H5-letter-spacing);
}
.swagger-ui .info a {
color: var(--INTERNAL-MAIN-LINK-color);
}
.swagger-ui .info a:hover {
color: var(--INTERNAL-MAIN-LINK-HOVER-color);
}
.swagger-ui .info .base-url {
color: var(--INTERNAL-MAIN-TEXT-color);
}
.swagger-ui .info .title {
color: var(--INTERNAL-MAIN-TITLES-TEXT-color);
}
.swagger-ui .auth-container .errors {
color: var(--INTERNAL-MAIN-TEXT-color);
}
.swagger-ui .scopes h2 {
color: var(--INTERNAL-MAIN-TITLES-H2-TEXT-color);
font-variation-settings: var(--INTERNAL-MAIN-TITLES-H2-font-variation-settings);
!font-weight: var(--INTERNAL-MAIN-TITLES-H2-font-weight);
font-family: var(--INTERNAL-MAIN-TITLES-H2-font);
letter-spacing: var(--INTERNAL-MAIN-TITLES-H2-letter-spacing);
}
.swagger-ui .scopes h2 a {
color: var(--INTERNAL-MAIN-LINK-color);
}
.swagger-ui .errors-wrapper .errors h4 {
color: var(--INTERNAL-MAIN-TITLES-H4-TEXT-color);
font-variation-settings: var(--INTERNAL-MAIN-TITLES-H4-font-variation-settings);
!font-weight: var(--INTERNAL-MAIN-TITLES-H4-font-weight);
font-family: var(--INTERNAL-MAIN-TITLES-H4-font);
letter-spacing: var(--INTERNAL-MAIN-TITLES-H4-letter-spacing);
}
.swagger-ui .errors-wrapper .errors small {
color: var(--INTERNAL-MAIN-TITLES-TEXT-color);
}
.swagger-ui .errors-wrapper hgroup h4 {
color: var(--INTERNAL-MAIN-TITLES-H4-TEXT-color);
font-variation-settings: var(--INTERNAL-MAIN-TITLES-H4-font-variation-settings);
!font-weight: var(--INTERNAL-MAIN-TITLES-H4-font-weight);
font-family: var(--INTERNAL-MAIN-TITLES-H4-font);
letter-spacing: var(--INTERNAL-MAIN-TITLES-H4-letter-spacing);
}
body {
background-color: var(--INTERNAL-MAIN-BG-color);
}
Reference in a new issue View git blame Copy permalink