push
This commit is contained in:
4DBug
@@ -0,0 +1,524 @@
|
||||
/* https://github.com/oqo0/swagger-themes */
|
||||
@import url('https://unpkg.com/@catppuccin/palette/css/catppuccin.css');
|
||||
|
||||
:root {
|
||||
--block-border-radius: 8px;
|
||||
--innner-block-border-radius: 4px;
|
||||
--icons-opacity: .32;
|
||||
--secondary-icon-opacity: .6;
|
||||
--black-icons-filter: invert(1);
|
||||
}
|
||||
|
||||
[data-md-color-scheme="catppuccin-mocha"] {
|
||||
/* primary colors */
|
||||
--swagger-color: var(--ctp-latte-green);
|
||||
--link-color: var(--ctp-latte-blue);
|
||||
--accept-header-color: var(--ctp-latte-green);
|
||||
|
||||
/* methods colors */
|
||||
--post-method-color: var(--ctp-latte-green);
|
||||
--post-method-background-color: color-mix(in srgb, var(--ctp-latte-green), transparent 90%);
|
||||
--get-method-color: var(--ctp-latte-blue);
|
||||
--get-method-background-color: color-mix(in srgb, var(--ctp-latte-blue), transparent 90%);
|
||||
--head-method-color: var(--ctp-latte-mauve);
|
||||
--head-method-background-color: color-mix(in srgb, var(--ctp-latte-mauve), transparent 90%);
|
||||
--put-method-color: var(--ctp-latte-peach);
|
||||
--put-method-background-color: color-mix(in srgb, var(--ctp-latte-peach), transparent 90%);
|
||||
--delete-method-color: var(--ctp-latte-red);
|
||||
--delete-method-background-color: color-mix(in srgb, var(--ctp-latte-red), transparent 90%);
|
||||
--options-method-color: var(--ctp-latte-sky);
|
||||
--options-method-background-color: color-mix(in srgb, var(--ctp-latte-sky), transparent 90%);
|
||||
--patch-method-color: var(--ctp-latte-teal);
|
||||
--patch-method-background-color: color-mix(in srgb, var(--ctp-latte-teal), transparent 90%);
|
||||
|
||||
/* background */
|
||||
--all-bg-color: var(--ctp-latte-base);
|
||||
--secondary-bg-color: var(--ctp-latte-mantle);
|
||||
--header-bg-color: var(--ctp-latte-mantle);
|
||||
--block-bg-color: var(--ctp-latte-mantle);
|
||||
--selecter-bg-color: var(--ctp-latte-mantle);
|
||||
--teteriary-bg-color: var(--ctp-latte-crust);
|
||||
|
||||
/* text */
|
||||
--primary-text-color: var(--ctp-latte-text);
|
||||
--secondary-text-color: var(--ctp-latte-subtext0);
|
||||
|
||||
/* border */
|
||||
--block-border-color: var(--ctp-latte-surface0);
|
||||
|
||||
/* icons */
|
||||
--primary-icon-color: var(--ctp-latte-text);
|
||||
}
|
||||
|
||||
[data-md-color-scheme="catppuccin-latte"] {
|
||||
/* primary colors */
|
||||
--swagger-color: var(--ctp-mocha-green);
|
||||
--link-color: var(--ctp-mocha-blue);
|
||||
--accept-header-color: var(--ctp-mocha-green);
|
||||
|
||||
/* methods colors */
|
||||
--post-method-color: var(--ctp-mocha-green);
|
||||
--post-method-background-color: color-mix(in srgb, var(--ctp-mocha-green), transparent 90%);
|
||||
--get-method-color: var(--ctp-mocha-blue);
|
||||
--get-method-background-color: color-mix(in srgb, var(--ctp-mocha-blue), transparent 90%);
|
||||
--head-method-color: var(--ctp-mocha-mauve);
|
||||
--head-method-background-color: color-mix(in srgb, var(--ctp-mocha-mauve), transparent 90%);
|
||||
--put-method-color: var(--ctp-mocha-peach);
|
||||
--put-method-background-color: color-mix(in srgb, var(--ctp-mocha-peach), transparent 90%);
|
||||
--delete-method-color: var(--ctp-mocha-red);
|
||||
--delete-method-background-color: color-mix(in srgb, var(--ctp-mocha-red), transparent 90%);
|
||||
--options-method-color: var(--ctp-mocha-sky);
|
||||
--options-method-background-color: color-mix(in srgb, var(--ctp-mocha-sky), transparent 90%);
|
||||
--patch-method-color: var(--ctp-mocha-teal);
|
||||
--patch-method-background-color: color-mix(in srgb, var(--ctp-mocha-teal), transparent 90%);
|
||||
|
||||
/* background */
|
||||
--all-bg-color: var(--ctp-mocha-base);
|
||||
--secondary-bg-color: var(--ctp-mocha-mantle);
|
||||
--header-bg-color: var(--ctp-mocha-mantle);
|
||||
--block-bg-color: var(--ctp-mocha-mantle);
|
||||
--selecter-bg-color: var(--ctp-mocha-mantle);
|
||||
--teteriary-bg-color: var(--ctp-mocha-crust);
|
||||
|
||||
/* text */
|
||||
--primary-text-color: var(--ctp-mocha-text);
|
||||
--secondary-text-color: var(--ctp-mocha-subtext0);
|
||||
|
||||
/* border */
|
||||
--block-border-color: var(--ctp-mocha-surface0);
|
||||
|
||||
/* icons */
|
||||
--primary-icon-color: var(--ctp-mocha-text);
|
||||
}
|
||||
|
||||
/* primary colors */
|
||||
|
||||
.swagger-ui .topbar .download-url-wrapper .select-label select {
|
||||
border: 2px solid var(--swagger-color);
|
||||
}
|
||||
|
||||
.swagger-ui .info .title small.version-stamp {
|
||||
background-color: var(--swagger-color);
|
||||
}
|
||||
|
||||
.swagger-ui .info a {
|
||||
color: var(--link-color);
|
||||
}
|
||||
|
||||
.swagger-ui .response-control-media-type--accept-controller select {
|
||||
border-color: var(--accept-header-color);
|
||||
}
|
||||
|
||||
.swagger-ui .response-control-media-type__accept-message {
|
||||
color: var(--accept-header-color);
|
||||
}
|
||||
|
||||
.swagger-ui .btn.authorize {
|
||||
color: var(--post-method-color);
|
||||
}
|
||||
|
||||
.swagger-ui .btn.authorize {
|
||||
border-color: var(--post-method-color);
|
||||
}
|
||||
|
||||
.swagger-ui .btn.authorize svg {
|
||||
fill: var(--post-method-color);
|
||||
}
|
||||
|
||||
.swagger-ui .json-schema-2020-12__attribute--primary {
|
||||
color: var(--head-method-color);
|
||||
}
|
||||
|
||||
/* methods colors */
|
||||
/* http post */
|
||||
|
||||
.swagger-ui .opblock.opblock-post .opblock-summary-method {
|
||||
background: var(--post-method-color);
|
||||
}
|
||||
|
||||
.swagger-ui .opblock.opblock-post .opblock-summary {
|
||||
border-color: var(--post-method-color);
|
||||
}
|
||||
|
||||
.swagger-ui .opblock.opblock-post {
|
||||
background: var(--post-method-background-color);
|
||||
border-color: var(--post-method-color);
|
||||
}
|
||||
|
||||
.swagger-ui .opblock.opblock-post .tab-header .tab-item.active h4 span::after {
|
||||
background: var(--post-method-color);
|
||||
}
|
||||
|
||||
/* http get */
|
||||
|
||||
.swagger-ui .opblock.opblock-get .opblock-summary-method {
|
||||
background: var(--get-method-color);
|
||||
}
|
||||
|
||||
.swagger-ui .opblock.opblock-get .opblock-summary {
|
||||
border-color: var(--get-method-color);
|
||||
}
|
||||
|
||||
.swagger-ui .opblock.opblock-get {
|
||||
background: var(--get-method-background-color);
|
||||
border-color: var(--get-method-color);
|
||||
}
|
||||
|
||||
.swagger-ui .opblock.opblock-get .tab-header .tab-item.active h4 span::after {
|
||||
background: var(--get-method-color);
|
||||
}
|
||||
|
||||
/* http head */
|
||||
|
||||
.swagger-ui .opblock.opblock-head .opblock-summary-method {
|
||||
background: var(--head-method-color);
|
||||
}
|
||||
|
||||
.swagger-ui .opblock.opblock-head .opblock-summary {
|
||||
border-color: var(--head-method-color);
|
||||
}
|
||||
|
||||
.swagger-ui .opblock.opblock-head {
|
||||
background: var(--head-method-background-color);
|
||||
border-color: var(--head-method-color);
|
||||
}
|
||||
|
||||
.swagger-ui .opblock.opblock-head .tab-header .tab-item.active h4 span::after {
|
||||
background: var(--head-method-color);
|
||||
}
|
||||
|
||||
/* http put */
|
||||
|
||||
.swagger-ui .opblock.opblock-put .opblock-summary-method {
|
||||
background: var(--put-method-color);
|
||||
}
|
||||
|
||||
.swagger-ui .opblock.opblock-put .opblock-summary {
|
||||
border-color: var(--put-method-color);
|
||||
}
|
||||
|
||||
.swagger-ui .opblock.opblock-put {
|
||||
background: var(--put-method-background-color);
|
||||
border-color: var(--put-method-color);
|
||||
}
|
||||
|
||||
.swagger-ui .opblock.opblock-put .tab-header .tab-item.active h4 span::after {
|
||||
background: var(--put-method-color);
|
||||
}
|
||||
|
||||
/* http delete */
|
||||
|
||||
.swagger-ui .opblock.opblock-delete .opblock-summary-method {
|
||||
background: var(--delete-method-color);
|
||||
}
|
||||
|
||||
.swagger-ui .opblock.opblock-delete .opblock-summary {
|
||||
border-color: var(--delete-method-color);
|
||||
}
|
||||
|
||||
.swagger-ui .opblock.opblock-delete {
|
||||
background: var(--delete-method-background-color);
|
||||
border-color: var(--delete-method-color);
|
||||
}
|
||||
|
||||
.swagger-ui .opblock.opblock-delete .tab-header .tab-item.active h4 span::after {
|
||||
background: var(--delete-method-color);
|
||||
}
|
||||
|
||||
/* http options */
|
||||
|
||||
.swagger-ui .opblock.opblock-options .opblock-summary-method {
|
||||
background: var(--options-method-color);
|
||||
}
|
||||
|
||||
.swagger-ui .opblock.opblock-options .opblock-summary {
|
||||
border-color: var(--options-method-color);
|
||||
}
|
||||
|
||||
.swagger-ui .opblock.opblock-options {
|
||||
background: var(--options-method-background-color);
|
||||
border-color: var(--options-method-color);
|
||||
}
|
||||
|
||||
.swagger-ui .opblock.opblock-options .tab-header .tab-item.active h4 span::after {
|
||||
background: var(--options-method-color);
|
||||
}
|
||||
|
||||
/* http patch */
|
||||
|
||||
.swagger-ui .opblock.opblock-patch .opblock-summary-method {
|
||||
background: var(--patch-method-color);
|
||||
}
|
||||
|
||||
.swagger-ui .opblock.opblock-patchs .opblock-summary {
|
||||
border-color: var(--patch-method-color);
|
||||
}
|
||||
|
||||
.swagger-ui .opblock.opblock-patch {
|
||||
background: var(--patch-method-background-color);
|
||||
border-color: var(--patch-method-color);
|
||||
}
|
||||
|
||||
.swagger-ui .opblock.opblock-patch .tab-header .tab-item.active h4 span::after {
|
||||
background: var(--patch-method-color);
|
||||
}
|
||||
|
||||
/* blocks */
|
||||
body {
|
||||
background-color: var(--all-bg-color);
|
||||
color: white;
|
||||
}
|
||||
|
||||
.swagger-ui .topbar {
|
||||
background-color: var(--header-bg-color);
|
||||
}
|
||||
|
||||
.swagger-ui .scheme-container {
|
||||
background: var(--secondary-bg-color);
|
||||
}
|
||||
|
||||
.swagger-ui section.models .model-container {
|
||||
background: var(--secondary-bg-color);
|
||||
border-radius: var(--innner-block-border-radius);
|
||||
}
|
||||
|
||||
.swagger-ui select {
|
||||
background: var(--selecter-bg-color);
|
||||
border-radius: var(--block-border-radius);
|
||||
color: var(--primary-text-color);
|
||||
}
|
||||
|
||||
.swagger-ui section.models {
|
||||
border: 1px solid var(--block-border-color);
|
||||
background-color: var(--block-bg-color);
|
||||
}
|
||||
|
||||
.swagger-ui .opblock .opblock-section-header {
|
||||
background: var(--secondary-bg-color);
|
||||
}
|
||||
|
||||
.swagger-ui .body-param__example {
|
||||
background-color: var(--secondary-bg-color) !important;
|
||||
border-radius: var(--block-border-radius) !important;
|
||||
}
|
||||
|
||||
.swagger-ui .example {
|
||||
background-color: var(--secondary-bg-color) !important;
|
||||
border-radius: var(--block-border-radius) !important;
|
||||
}
|
||||
|
||||
.swagger-ui .copy-to-clipboard {
|
||||
background: rgba(255, 255, 255, var(--icons-opacity));
|
||||
border-radius: var(--block-border-radius);
|
||||
}
|
||||
|
||||
.swagger-ui .opblock .opblock-summary-method {
|
||||
border-radius: var(--innner-block-border-radius);
|
||||
}
|
||||
|
||||
.swagger-ui input[type="email"],
|
||||
.swagger-ui input[type="file"],
|
||||
.swagger-ui input[type="password"],
|
||||
.swagger-ui input[type="search"],
|
||||
.swagger-ui input[type="text"],
|
||||
.swagger-ui textarea {
|
||||
background: var(--secondary-bg-color);
|
||||
border: 1px solid var(--block-border-color);
|
||||
border-radius: var(--block-border-radius);
|
||||
color: var(--primary-text-color);
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.swagger-ui .dialog-ux .modal-ux-header {
|
||||
border-bottom: 1px solid var(--block-border-color);
|
||||
}
|
||||
|
||||
.swagger-ui .btn {
|
||||
border: 2px solid var(--block-border-color);
|
||||
border-radius: var(--block-border-radius);
|
||||
color: var(--primary-text-color);
|
||||
}
|
||||
|
||||
.swagger-ui .dialog-ux .modal-ux {
|
||||
background: var(--block-bg-color);
|
||||
border: 1px solid var(--block-border-color);
|
||||
border-radius: var(--block-border-radius);
|
||||
}
|
||||
|
||||
.swagger-ui .auth-btn-wrapper {
|
||||
justify-content: left;
|
||||
}
|
||||
|
||||
.swagger-ui .opblock-tag {
|
||||
border-bottom: 1px solid var(--block-border-color);
|
||||
}
|
||||
|
||||
.swagger-ui section.models.is-open h4 {
|
||||
border-bottom: 1px solid var(--block-border-color);
|
||||
}
|
||||
|
||||
.swagger-ui .opblock {
|
||||
border-radius: var(--block-border-radius);
|
||||
}
|
||||
|
||||
.swagger-ui section.models {
|
||||
border-radius: var(--block-border-radius);
|
||||
}
|
||||
|
||||
/* button white outline fix */
|
||||
|
||||
.swagger-ui .model-box-control:focus,
|
||||
.swagger-ui .models-control:focus,
|
||||
.swagger-ui .opblock-summary-control:focus {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
/* icons */
|
||||
|
||||
.swagger-ui .model-toggle::after {
|
||||
opacity: var(--icons-opacity);
|
||||
filter: var(--black-icons-filter);
|
||||
}
|
||||
|
||||
.swagger-ui svg:not(:root) {
|
||||
fill: var(--primary-icon-color);
|
||||
}
|
||||
|
||||
.swagger-ui .opblock-summary-control svg:not(:root) {
|
||||
opacity: var(--secondary-icon-opacity);
|
||||
}
|
||||
|
||||
/* text */
|
||||
|
||||
.swagger-ui {
|
||||
color: var(--primary-text-color);
|
||||
}
|
||||
|
||||
.swagger-ui .info .title {
|
||||
color: var(--primary-text-color);
|
||||
}
|
||||
|
||||
.swagger-ui a.nostyle {
|
||||
color: var(--primary-text-color);
|
||||
}
|
||||
|
||||
.swagger-ui .model-title {
|
||||
color: var(--primary-text-color);
|
||||
}
|
||||
|
||||
.swagger-ui .models-control {
|
||||
color: var(--primary-text-color);
|
||||
}
|
||||
|
||||
.swagger-ui .dialog-ux .modal-ux-header h3 {
|
||||
color: var(--primary-text-color);
|
||||
}
|
||||
|
||||
.swagger-ui .dialog-ux .modal-ux-content h4 {
|
||||
color: var(--primary-text-color);
|
||||
}
|
||||
|
||||
.swagger-ui .dialog-ux .modal-ux-content p {
|
||||
color: var(--secondary-text-color);
|
||||
}
|
||||
|
||||
.swagger-ui ol {
|
||||
color: var(--primary-text-color);
|
||||
}
|
||||
|
||||
.swagger-ui h3 {
|
||||
color: var(--primary-text-color) !important;
|
||||
}
|
||||
|
||||
.swagger-ui h4 {
|
||||
color: var(--primary-text-color) !important;
|
||||
}
|
||||
|
||||
.swagger-ui h5 {
|
||||
color: var(--secondary-text-color) !important;
|
||||
}
|
||||
|
||||
.swagger-ui label {
|
||||
color: var(--primary-text-color);
|
||||
}
|
||||
|
||||
.swagger-ui .opblock .opblock-section-header h4 {
|
||||
color: var(--primary-text-color);
|
||||
}
|
||||
|
||||
.swagger-ui .tab li button.tablinks {
|
||||
color: var(--primary-text-color);
|
||||
}
|
||||
|
||||
.swagger-ui .opblock-description-wrapper p,
|
||||
.swagger-ui .opblock-external-docs-wrapper p,
|
||||
.swagger-ui .opblock-title_normal p {
|
||||
color: var(--primary-text-color);
|
||||
}
|
||||
|
||||
.opblock-summary-description {
|
||||
color: var(--secondary-text-color) !important;
|
||||
}
|
||||
|
||||
.swagger-ui table thead tr td, .swagger-ui table thead tr th {
|
||||
border-bottom: 1px solid var(--block-border-color);
|
||||
color: var(--primary-text-color);
|
||||
}
|
||||
|
||||
.swagger-ui .response-col_status {
|
||||
color: var(--primary-text-color);
|
||||
}
|
||||
|
||||
.swagger-ui .response-col_links {
|
||||
color: var(--secondary-text-color);
|
||||
}
|
||||
|
||||
.swagger-ui .parameter__name {
|
||||
color: var(--primary-text-color);
|
||||
}
|
||||
|
||||
.swagger-ui .parameter__type {
|
||||
color: var(--secondary-text-color);
|
||||
}
|
||||
|
||||
.swagger-ui .prop-format {
|
||||
color: var(--secondary-text-color);
|
||||
}
|
||||
|
||||
.swagger-ui .info li,
|
||||
.swagger-ui .info p,
|
||||
.swagger-ui .info table {
|
||||
color: var(--secondary-text-color);
|
||||
}
|
||||
|
||||
.swagger-ui .model {
|
||||
color: var(--secondary-text-color);
|
||||
}
|
||||
|
||||
.swagger-ui .opblock-tag small {
|
||||
color: var(--secondary-text-color);
|
||||
}
|
||||
|
||||
.swagger-ui .json-schema-2020-12__title,
|
||||
.swagger-ui .json-schema-2020-12-keyword__name--primary,
|
||||
.swagger-ui .json-schema-2020-12-property .json-schema-2020-12__title {
|
||||
color: var(--primary-text-color);
|
||||
}
|
||||
|
||||
.swagger-ui .json-schema-2020-12-expand-deep-button {
|
||||
color: var(--secondary-text-color);
|
||||
}
|
||||
|
||||
/* json */
|
||||
.swagger-ui .json-schema-2020-12-accordion,
|
||||
.swagger-ui .json-schema-2020-12-expand-deep-button {
|
||||
background: none;
|
||||
}
|
||||
|
||||
.swagger-ui .json-schema-2020-12 {
|
||||
background-color: var(--teteriary-bg-color);
|
||||
}
|
||||
|
||||
.swagger-ui .json-schema-2020-12__constraint--string {
|
||||
background-color: var(--put-method-color);
|
||||
}
|
||||
Reference in New Issue
Block a user