mirror of https://github.com/nocodb/nocodb
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
92 lines
3.0 KiB
92 lines
3.0 KiB
|
|
@use 'header'; |
|
|
|
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap'); |
|
|
|
/** |
|
* Any CSS included here will be global. The classic template |
|
* bundles Infima by default. Infima is a CSS framework designed to |
|
* work well for content-centric websites. |
|
*/ |
|
|
|
/* You can override the default Infima variables here. */ |
|
:root { |
|
--ifm-color-primary: #3498db; |
|
--ifm-color-primary-dark: #2980b9; |
|
--ifm-color-primary-darker: #2471a3; |
|
--ifm-color-primary-darkest: #1f618d; |
|
--ifm-color-primary-light: #5fa8d0; |
|
--ifm-color-primary-lighter: #76b9e0; |
|
--ifm-color-primary-lightest: #a5d8ff; |
|
--ifm-code-font-size: 95%; |
|
--docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.1); |
|
} |
|
|
|
/* For readability concerns, you should choose a lighter palette in dark mode. */ |
|
[data-theme='dark'] { |
|
--ifm-color-primary: #258cc2; |
|
--ifm-color-primary-dark: #2074a0; |
|
--ifm-color-primary-darker: #1d6a8e; |
|
--ifm-color-primary-darkest: #1a5779; |
|
--ifm-color-primary-light: #29a7d5; |
|
--ifm-color-primary-lighter: #32b9e1; |
|
--ifm-color-primary-lightest: #4fcbe9; |
|
--docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.3); |
|
} |
|
|
|
.markdown :not(em) > * > img { |
|
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.75); |
|
-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.75); |
|
box-shadow: 0 0 10px rgba(0, 0, 0, 0.75); |
|
} |
|
|
|
[data-theme='light'] .DocSearch { |
|
/* --docsearch-primary-color: var(--ifm-color-primary); */ |
|
/* --docsearch-text-color: var(--ifm-font-color-base); */ |
|
--docsearch-muted-color: var(--ifm-color-secondary-darkest); |
|
--docsearch-container-background: rgba(94, 100, 112, 0.7); |
|
/* Modal */ |
|
--docsearch-modal-background: var(--ifm-color-secondary-lighter); |
|
/* Search box */ |
|
--docsearch-searchbox-background: var(--ifm-color-secondary); |
|
--docsearch-searchbox-focus-background: var(--ifm-color-white); |
|
/* Hit */ |
|
--docsearch-hit-color: var(--ifm-font-color-base); |
|
--docsearch-hit-active-color: var(--ifm-color-white); |
|
--docsearch-hit-background: var(--ifm-color-white); |
|
/* Footer */ |
|
--docsearch-footer-background: var(--ifm-color-white); |
|
} |
|
|
|
[data-theme='dark'] .DocSearch { |
|
--docsearch-text-color: var(--ifm-font-color-base); |
|
--docsearch-muted-color: var(--ifm-color-secondary-darkest); |
|
--docsearch-container-background: rgba(47, 55, 69, 0.7); |
|
/* Modal */ |
|
--docsearch-modal-background: var(--ifm-background-color); |
|
/* Search box */ |
|
--docsearch-searchbox-background: var(--ifm-background-color); |
|
--docsearch-searchbox-focus-background: var(--ifm-color-black); |
|
/* Hit */ |
|
--docsearch-hit-color: var(--ifm-font-color-base); |
|
--docsearch-hit-active-color: var(--ifm-color-white); |
|
--docsearch-hit-background: var(--ifm-color-emphasis-100); |
|
/* Footer */ |
|
--docsearch-footer-background: var(--ifm-background-surface-color); |
|
--docsearch-key-gradient: linear-gradient( |
|
-26.5deg, |
|
var(--ifm-color-emphasis-200) 0%, |
|
var(--ifm-color-emphasis-100) 100% |
|
); |
|
} |
|
|
|
|
|
@media screen and (min-width: 768px) { |
|
.DocSearch.DocSearch-Button{ |
|
width: 200px; |
|
position: fixed; |
|
left:50%; |
|
transform: translateX(-50%); |
|
top: 12px; |
|
} |
|
}
|
|
|