diff --git a/docs/plugins/theme-cupertino-auto/index.html b/docs/plugins/theme-cupertino-auto/index.html new file mode 100644 index 0000000..5b2d4a6 --- /dev/null +++ b/docs/plugins/theme-cupertino-auto/index.html @@ -0,0 +1,18 @@ + + + + + KeeWeb Plugin: Cupertino Theme (Auto) + + + + +

KeeWeb Plugin: Cupertino Theme (Auto)

+

This theme sets macOS style for KeeWeb and supports switching automatically between light and dark theme, depending on OS setting.

+ + diff --git a/docs/plugins/theme-cupertino-auto/manifest.json b/docs/plugins/theme-cupertino-auto/manifest.json new file mode 100644 index 0000000..ab786ce --- /dev/null +++ b/docs/plugins/theme-cupertino-auto/manifest.json @@ -0,0 +1,22 @@ +{ + "version": "1.0.0", + "manifestVersion": "0.1.0", + "name": "keeweb-cupertino-theme-auto", + "description": "Cupertino Theme (Auto)", + "author": { + "name": "Jonas Gnioui", + "email": "btxtiger@outlook.com", + "url": "https://github.com/btxtiger" + }, + "resources": { + "css": true + }, + "licence": "", + "url": "https://github.com/btxtiger/keeweb-cupertino-theme", + "publicKey": "MIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEAlDUd+J2+3iAcJMOQSsx6eu+0HVCJrHMO1srrCZvj9Ip+eweGfyKKp4Ksn+1JU5Nabe04//xL/vkncT8uW+S4I+Er/Ny5AvfJfOXUfSDA0G9LQPRHolIBhlyeM2N49rhnUs8Kt8Pk7hQ+7KlpTG1hk5QxzVC1ku/dCZUYQJg69zcfSJCKD1jfzEedAP/PUltFUNnLSXRzq3JKkfLpMcyw2pdh1y11LvFBLpqQGZBm9BdXkrGzvk1BbZm40IQna7DitbAmTcZCjr8GB0KNU2PVy1sIc4DcwowZsI/BKW4hs1vby6IlgVkcM2BZCB9rOUlO+uAanWeaJheVhZyXCBEzHQIDAQAB", + "license": "MIT", + "theme": { + "name": "keeweb-cupertino-theme", + "title": "Cupertino Theme (Auto)" + } +} diff --git a/docs/plugins/theme-cupertino-auto/plugin.css b/docs/plugins/theme-cupertino-auto/plugin.css new file mode 100644 index 0000000..281fad4 --- /dev/null +++ b/docs/plugins/theme-cupertino-auto/plugin.css @@ -0,0 +1,1103 @@ +.th-keeweb-cupertino-theme { + --font-family: -apple-system, system-ui, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif; + --background-color: #fff; + --text-color: #111; + --action-color: rgba(0, 122, 255); + --error-color: #e91501; + --text-contrast-action-color: #fff; + --modal-background-color: rgba(255, 255, 255, 0.5); + --light-border-color: #e5e5e5; + --disabled-background-color: rgb(224, 224, 224); + --intermediate-background-color: rgba(0, 0, 0, 0.04); + --intermediate-pressed-background-color: rgba(0, 0, 0, 0.07); + --medium-color: #212121; + --input-border-radius: 4px; + --secondary-background-color: var(--color-mac-blue-list-highlight); + --font-size: 14px; + --font-size-label: 13px; + color: #121212; + --color-mac-text-default: #121212; + --color-mac-text-light: #fff; + --color-mac-blue-list-highlight: #0058dd; + --color-mac-blue-list-highlight-text: #fff; + --color-mac-finder-sidebar-highlight: #bbbbbb; + --color-mac-finder-sidebar-background: #e9e9e9; + --color-mac-finder-sidebar-icon: #616161; + --color-mac-finder-sidebar-text: #363636; + --color-mac-finder-sidebar-icon-active: #3f3f3f; + --color-mac-finder-sidebar-text-active: #0f0f0f; + --color-mac-finder-frame-border: #b8b8b8; + --color-mac-settings-section-background: #e9e9e9; + --color-mac-settings-section-background-dark: #e2e2e2; + --color-mac-dropdown-border-outline: #b2b2b2; + --color-mac-dropdown-background: rgba(255, 255, 255, 0.82); + --color-mac-dropdown-box-shadow: 0px 0px 0px 1px #d2d2d2, 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 16px rgba(0, 0, 0, 0.1); + --color-mac-window-content-panel: #e9e9e9; + --color-mac-window-content-divider: #d2d2d2; + --color-mac-window-drag-handle: #d2d2d2; + --color-mac-button-outline: #757575; + --color-mac-card-border: #cbcbcb; + --color-mac-card-background: #fff; + --color-mac-list-item-icon: #64646c; + --color-mac-list-item-divider: #cfcfcf; + --color-mac-list-header-background: #f5f5f5; + --color-mac-footer-toolbar-background: #f6f6f6; + --color-mac-footer-toolbar-border: #d2d2d2; + --color-mac-footer-toolbar-icons: #616161; + --color-mac-footer-background: linear-gradient(to top, #cfcfcf, #d0d0d0, #d9d9d9, #e0e1e1); + --color-mac-header-background: linear-gradient(to top, #d0d0d1, #d4d4d4, #d7d7d7, #dcdbdb); + --color-mac-empty-background: #fff; + --color-mac-scrollbar-background: #f9f9f9; + --color-mac-scrollbar-border: #e5e5e5; + --color-mac-input-border: #bfbfbf; + --color-mac-input-background: #fff; + --color-mac-button-default-background: #fff; + --color-mac-button-default-border: #bebfbf; + --color-mac-button-default-border-top: #c6c5c5; + --color-mac-button-default-border-bottom: #a9a9a9; + --color-mac-modal-backbground: rgba(231, 231, 231, 0.7); + --color-mac-button-active-background: linear-gradient(to top, #0558ff, #2070fe, #498bfc, #5e99fa); + --color-mac-button-active-background-active: linear-gradient(to top, #0248d9, #1961e9, #3077f6, #4185fe); + --color-mac-button-danger-background: linear-gradient(to top, #bf1313, #c71616, #d61515, #c72424); + --color-mac-button-danger-background-active: linear-gradient(to top, #e31e1e, #e81e1e, #ed1f1f, #f53333); + font-size: var(--font-size); + /** + * Input fields, buttons + */ + /** + * App window + */ + /** + * GENERATOR + */ + /** + * PASSWORD List + */ + /** + * Settings + */ + /** + * Side menu + */ + /** + * Start page + */ +} + +@media (prefers-color-scheme: dark) { + .th-keeweb-cupertino-theme { + color: #dcdcdc; + --color-mac-text-default: #dcdcdc; + --color-mac-text-light: #dcdcdc; + --color-mac-blue-list-highlight: #0058dd; + --color-mac-blue-list-highlight-text: #fff; + --color-mac-finder-sidebar-highlight: #444444; + --color-mac-finder-sidebar-background: #2c2c2c; + --color-mac-finder-sidebar-icon: #868686; + --color-mac-finder-sidebar-text: #white; + --color-mac-finder-sidebar-icon-active: #9e9e9e; + --color-mac-finder-sidebar-text-active: #white; + --color-mac-finder-frame-border: #000; + --color-mac-settings-section-background: #333333; + --color-mac-settings-section-background-dark: #2c2c2c; + --color-mac-dropdown-border-outline: #4f4f4f; + --color-mac-dropdown-background: rgba(48, 48, 48, 0.7); + --color-mac-dropdown-box-shadow: 0px 0px 0px 1px #000, 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 16px rgba(0, 0, 0, 0.1); + --color-mac-window-content-panel: #1c1c1c; + --color-mac-window-content-divider: #323232; + --color-mac-window-drag-handle: #000; + --color-mac-button-outline: #a0a0a0; + --color-mac-card-border: #757575; + --color-mac-card-background: #343434; + --color-mac-list-item-icon: #9e9e9e; + --color-mac-list-item-divider: #000; + --color-mac-list-header-background: #282828; + --color-mac-footer-toolbar-background: #353535; + --color-mac-footer-toolbar-border: #747474; + --color-mac-footer-toolbar-icons: #686868; + --color-mac-footer-icons: #989898; + --color-mac-footer-background: linear-gradient(to top, #1a1a1a, #292929, #2e2e2e); + --color-mac-header-background: linear-gradient(to top, #333333, #353535, #383838, #393939); + --color-mac-empty-background: #1c1c1c; + --color-mac-scrollbar-background: #282828; + --color-mac-scrollbar-border: #3b3b3b; + --color-mac-input-border: #444444; + --color-mac-input-background: #3b3b3b; + --color-mac-button-default-background: #646464; + --color-mac-button-default-border: #2a2a2a; + --color-mac-modal-backbground: rgba(48, 48, 48, 0.7); + --color-mac-button-active-background: linear-gradient(to top, #1449c0, #154cc7, #1651d6, #255ac8); + --color-mac-button-active-background-active: linear-gradient(to top, #1d67e2, #1d69e7, #1f6dee, #337ef5); + --color-mac-button-danger-background: linear-gradient(to top, #bf1313, #c71616, #d61515, #c72424); + --color-mac-button-danger-background-active: linear-gradient(to top, #e31e1e, #e81e1e, #ed1f1f, #f53333); + } +} + +.th-keeweb-cupertino-theme a { + color: var(--color-mac-text-default); +} + +.th-keeweb-cupertino-theme .muted-color { + color: var(--color-mac-text-default); +} + +.th-keeweb-cupertino-theme [type='button'], +.th-keeweb-cupertino-theme [type='reset'], +.th-keeweb-cupertino-theme [type='submit'], +.th-keeweb-cupertino-theme button, +.th-keeweb-cupertino-theme select, +.th-keeweb-cupertino-theme input:not([type]), +.th-keeweb-cupertino-theme input[type='password'], +.th-keeweb-cupertino-theme input[type='text'], +.th-keeweb-cupertino-theme textarea { + height: 21px; + padding: 0 8px; + border-color: var(--color-mac-input-border); + background: var(--color-mac-input-background); + color: var(--color-mac-text-default); + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.07); + border-radius: 4px; + font-family: var(--font-family); + font-size: var(--font-size-label); + font-weight: 400; + letter-spacing: -0.4px; +} + +.th-keeweb-cupertino-theme [type='button']::placeholder, +.th-keeweb-cupertino-theme [type='reset']::placeholder, +.th-keeweb-cupertino-theme [type='submit']::placeholder, +.th-keeweb-cupertino-theme button::placeholder, +.th-keeweb-cupertino-theme select::placeholder, +.th-keeweb-cupertino-theme input:not([type])::placeholder, +.th-keeweb-cupertino-theme input[type='password']::placeholder, +.th-keeweb-cupertino-theme input[type='text']::placeholder, +.th-keeweb-cupertino-theme textarea::placeholder { + color: var(--color-mac-text-default); +} + +.th-keeweb-cupertino-theme button { + font-weight: 500; +} + +.th-keeweb-cupertino-theme button, +.th-keeweb-cupertino-theme .settings__plugins-gallery-load-btn, +.th-keeweb-cupertino-theme .settings_plugins-install-btn { + border: 1px solid var(--color-mac-button-default-border); + background-image: var(--color-mac-button-active-background); + color: var(--color-mac-text-light); +} + +.th-keeweb-cupertino-theme button:hover, +.th-keeweb-cupertino-theme .settings__plugins-gallery-load-btn:hover, +.th-keeweb-cupertino-theme .settings_plugins-install-btn:hover { + background-image: var(--color-mac-button-active-background); + color: var(--color-mac-text-light); +} + +.th-keeweb-cupertino-theme button:active, +.th-keeweb-cupertino-theme .settings__plugins-gallery-load-btn:active, +.th-keeweb-cupertino-theme .settings_plugins-install-btn:active { + background-image: var(--color-mac-button-active-background-active); + border: 1px solid var(--color-mac-button-default-border); +} + +.th-keeweb-cupertino-theme button.btn-error { + background-image: var(--color-mac-button-danger-background); + color: var(--color-mac-text-light); + border: 1px solid var(--color-mac-button-default-border); +} + +.th-keeweb-cupertino-theme button.btn-error:active { + background-image: var(--color-mac-button-danger-background-active); + border: 1px solid var(--color-mac-button-default-border); +} + +.th-keeweb-cupertino-theme button.btn-silent { + background: var(--color-mac-button-default-background); + border: 1px solid var(--color-mac-button-default-border); + color: var(--color-mac-text-default); +} + +.th-keeweb-cupertino-theme button.btn-silent:active { + background-image: var(--color-mac-button-active-background-active); + color: var(--color-mac-text-light); + border: 1px solid var(--color-mac-button-default-border); +} + +.th-keeweb-cupertino-theme input[type='checkbox'] { + display: inline-block; + font-size: var(--font-size-label); + vertical-align: top; +} + +.th-keeweb-cupertino-theme input[type='checkbox'].input-base { + width: auto; +} + +.th-keeweb-cupertino-theme input[type='text'], +.th-keeweb-cupertino-theme input[type='password'], +.th-keeweb-cupertino-theme input:not([type]), +.th-keeweb-cupertino-theme textarea { + border-radius: 0; +} + +.th-keeweb-cupertino-theme input[type='text']:active, .th-keeweb-cupertino-theme input[type='text']:focus, +.th-keeweb-cupertino-theme input[type='password']:active, +.th-keeweb-cupertino-theme input[type='password']:focus, +.th-keeweb-cupertino-theme input:not([type]):active, +.th-keeweb-cupertino-theme input:not([type]):focus, +.th-keeweb-cupertino-theme textarea:active, +.th-keeweb-cupertino-theme textarea:focus { + border: 2px solid rgba(0, 122, 255, 0.7); + box-shadow: 0px 0px 3px var(--color-mac-blue-list-highlight); +} + +.th-keeweb-cupertino-theme input[type='range']::-webkit-slider-thumb { + color: var(--color-mac-text-default); +} + +.th-keeweb-cupertino-theme input[type='range']::-ms-track { + color: var(--color-mac-text-default); + background: var(--color-mac-text-default); + border-color: var(--color-mac-text-default); +} + +.th-keeweb-cupertino-theme label { + font-family: var(--font-family); + margin-top: 5px; +} + +.th-keeweb-cupertino-theme label:before { + display: none !important; +} + +.th-keeweb-cupertino-theme .app .app__body { + background: var(--color-mac-window-content-panel); +} + +.th-keeweb-cupertino-theme .gen { + box-shadow: var(--color-mac-dropdown-box-shadow); + width: 15em; + background: var(--color-mac-dropdown-background); + color: var(--color-mac-text-default); + backdrop-filter: blur(20px); + border: 1px solid var(--color-mac-dropdown-border-outline); + border-radius: 4px; +} + +.th-keeweb-cupertino-theme .gen > div:not([class]) { + display: flex; + flex-direction: row; + flex-wrap: wrap; + justify-content: flex-start; + align-items: center; +} + +.th-keeweb-cupertino-theme .gen > div:not([class]) .gen__btn-refresh { + flex-grow: 1; + display: flex; + justify-content: flex-end; + color: var(--color-mac-text-default); +} + +.th-keeweb-cupertino-theme .gen > div:not([class]) input#gen__check-hide { + margin-top: 4px; + margin-right: 26px; + margin-left: 20px; +} + +.th-keeweb-cupertino-theme .gen > div:not([class]) input#gen__check-hide::after { + content: 'Hide'; + white-space: nowrap; + margin-left: 16px; + top: 25px; + position: absolute; +} + +.th-keeweb-cupertino-theme .gen > div:not([class]) .gen__check { + width: 25%; + display: flex; + align-items: center; + flex-basis: 25%; + flex-wrap: nowrap; + margin-left: 0; +} + +.th-keeweb-cupertino-theme .gen .gen__result { + user-select: all; + margin-top: 20px; + margin-bottom: 20px; + height: unset; +} + +.th-keeweb-cupertino-theme .gen-ps__content .gen-ps__field { + display: flex; + align-items: center; + flex-flow: row wrap; +} + +.th-keeweb-cupertino-theme .gen-ps__content .gen-ps__field input[type='text'] { + width: 100%; +} + +.th-keeweb-cupertino-theme .gen-ps__content .gen-ps__field .gen-ps__sample { + color: var(--color-mac-text-default); +} + +.th-keeweb-cupertino-theme .gen-ps__content .gen-ps__field i.fa { + color: var(--color-mac-text-default); +} + +.th-keeweb-cupertino-theme .modal { + backdrop-filter: blur(12px); + background: var(--color-mac-modal-backbground); +} + +.th-keeweb-cupertino-theme .app__list-wrap .app__list { + background: var(--color-mac-empty-background); + border: 1px solid var(--light-border-color); + margin-bottom: -1px; + margin-top: -1px; +} + +.th-keeweb-cupertino-theme .app__list-wrap .app__list .list .list__header { + border-bottom: 1px solid var(--color-mac-list-item-divider); + background: var(--color-mac-list-header-background); +} + +.th-keeweb-cupertino-theme .app__list-wrap .app__list .list .list__header .list__search { + padding: 6px; +} + +.th-keeweb-cupertino-theme .app__list-wrap .app__list .list .list__header .list__search .list__search-header { + align-items: center; +} + +.th-keeweb-cupertino-theme .app__list-wrap .app__list .list .list__header .list__search .list__search-header .list__search-field-wrap { + display: flex; + align-items: center; +} + +.th-keeweb-cupertino-theme .app__list-wrap .app__list .list .list__header .list__search .list__search-header .list__search-field-wrap .list__search-field { + margin-bottom: 0; + height: 24px; + border-radius: 4px; + padding-left: 40px; + box-shadow: none; +} + +.th-keeweb-cupertino-theme .app__list-wrap .app__list .list .list__header .list__search .list__search-header .list__search-field-wrap .list__search-field:focus { + border-width: 1px; +} + +.th-keeweb-cupertino-theme .app__list-wrap .app__list .list .list__header .list__search .list__search-header .list__search-field-wrap .list__search-icon-search { + top: 1px; + left: 0.5em; + right: unset; + color: var(--color-mac-text-default); +} + +.th-keeweb-cupertino-theme .app__list-wrap .app__list .list .list__header .list__search .list__search-header .list__search-field-wrap .list__search-icon-search i.fa { + -webkit-text-stroke: 1px var(--color-mac-list-header-background); +} + +.th-keeweb-cupertino-theme .app__list-wrap .app__list .list .list__header .list__search .list__search-header .list__search-btn-new, +.th-keeweb-cupertino-theme .app__list-wrap .app__list .list .list__header .list__search .list__search-header .list__search-btn-sort { + border-radius: 4px; + border: 1px solid #bfbfbf; + height: 22px; + padding: 0px 13px; + display: flex; + align-items: center; + justify-content: center; + margin-left: 6px; + color: var(--color-mac-text-default); +} + +.th-keeweb-cupertino-theme .app__list-wrap .app__list .list .list__header .list__search .list__search-header .list__search-btn-new:hover, .th-keeweb-cupertino-theme .app__list-wrap .app__list .list .list__header .list__search .list__search-header .list__search-btn-new:active, .th-keeweb-cupertino-theme .app__list-wrap .app__list .list .list__header .list__search .list__search-header .list__search-btn-new:focus, +.th-keeweb-cupertino-theme .app__list-wrap .app__list .list .list__header .list__search .list__search-header .list__search-btn-sort:hover, +.th-keeweb-cupertino-theme .app__list-wrap .app__list .list .list__header .list__search .list__search-header .list__search-btn-sort:active, +.th-keeweb-cupertino-theme .app__list-wrap .app__list .list .list__header .list__search .list__search-header .list__search-btn-sort:focus { + color: var(--color-mac-text-default); +} + +.th-keeweb-cupertino-theme .app__list-wrap .app__list .list .list__header .list__search .list__search-header .list__search-btn-new i.fa { + -webkit-text-stroke: 2px var(--color-mac-list-header-background); +} + +.th-keeweb-cupertino-theme .app__list-wrap .app__list .list .list__header .list__search .list__search-header .list__search-btn-sort i.fa { + -webkit-text-stroke: 0.2px var(--color-mac-list-header-background); + font-size: small; +} + +.th-keeweb-cupertino-theme .app__list-wrap .app__list .list .list__header .list__search .list__search-header .list__search-adv { + margin: 10px -10px 0 -11px; + padding: 12px; + background: var(--color-mac-settings-section-background); +} + +.th-keeweb-cupertino-theme .app__list-wrap .app__list .list .list__header .list__search .list__search-header .list__search-adv .list__search-check { + display: flex; + align-items: center; +} + +.th-keeweb-cupertino-theme .app__list-wrap .app__list .list .list__items .scroller .list__item { + padding: 5px 10px; + min-height: 50px; + box-sizing: border-box; + letter-spacing: -0.4px; +} + +.th-keeweb-cupertino-theme .app__list-wrap .app__list .list .list__items .scroller .list__item:hover { + color: var(--color-mac-text-default); + border: none; + background: var(--color-mac-finder-sidebar-highlight); +} + +.th-keeweb-cupertino-theme .app__list-wrap .app__list .list .list__items .scroller .list__item:not(.list__item--table) { + height: unset; +} + +.th-keeweb-cupertino-theme .app__list-wrap .app__list .list .list__items .scroller .list__item .list__item-title { + margin-left: 26px; +} + +.th-keeweb-cupertino-theme .app__list-wrap .app__list .list .list__items .scroller .list__item .list__item-descr { + font-weight: 500; + font-size: 11.5px; + opacity: 0.6; + margin-left: 40px; + color: var(--color-mac-text-default); +} + +.th-keeweb-cupertino-theme .app__list-wrap .app__list .list .list__items .scroller .list__item .list__item-icon { + margin-right: 0; + font-size: 30px; + vertical-align: middle; + color: var(--color-mac-list-item-icon); + text-shadow: 0 1px 3px rgba(0, 0, 0, 0.12); + margin-top: -2px; +} + +.th-keeweb-cupertino-theme .app__list-wrap .app__list .list .list__items .scroller .list__item--active { + background: var(--color-mac-blue-list-highlight); + border: none; +} + +.th-keeweb-cupertino-theme .app__list-wrap .app__list .list .list__items .scroller .list__item--active:hover { + background: var(--color-mac-blue-list-highlight); +} + +.th-keeweb-cupertino-theme .app__list-wrap .app__list .list .list__items .scroller .list__item--active .list__item-icon { + color: var(--color-mac-text-light); +} + +.th-keeweb-cupertino-theme .app__list-wrap .app__list .list .list__items .scroller .list__item--active .list__item-title { + color: var(--color-mac-text-light); +} + +.th-keeweb-cupertino-theme .app__list-wrap .app__list .list .list__items .scroller .list__item--active .list__item-descr { + color: var(--color-mac-text-light); +} + +.th-keeweb-cupertino-theme .app__list-wrap .app__list-drag { + border: 1px solid var(--color-mac-scrollbar-border); + margin-left: -1px; + width: 13px; + background: var(--color-mac-scrollbar-background); + margin-bottom: -1px; + margin-top: -1px; +} + +.th-keeweb-cupertino-theme .app__list-wrap .app__list-drag .drag-handle__inner { + width: 13px; +} + +.th-keeweb-cupertino-theme .app__list-wrap .app__details { + padding: 30px 30px 0; +} + +.th-keeweb-cupertino-theme .app__list-wrap .app__details .details .details__header { + border-bottom: 1px solid var(--color-mac-window-content-divider); + margin-bottom: 20px; +} + +.th-keeweb-cupertino-theme .app__list-wrap .app__details .details .details__header .details__header-title { + font-size: 24px; + font-weight: 700; + font-family: Arial, sans-serif; +} + +.th-keeweb-cupertino-theme .app__list-wrap .app__details .details .details__header .details__header-title-input { + font-size: 24px; + font-weight: 700; + font-family: Arial, sans-serif; + height: 42px; + line-height: 42px; +} + +.th-keeweb-cupertino-theme .app__list-wrap .app__details .details .details__header .details__header-icon { + border: 1px solid var(--color-mac-button-outline); + border-radius: 4px; + padding: 3px 17px; + color: var(--color-mac-button-outline); +} + +.th-keeweb-cupertino-theme .app__list-wrap .app__details .details .details__body .scroller { + min-width: 100px !important; + max-width: 100% !important; + display: block; +} + +.th-keeweb-cupertino-theme .app__list-wrap .app__details .details .details__body-fields, +.th-keeweb-cupertino-theme .app__list-wrap .app__details .details .details__body-aside { + border: 1px solid var(--color-mac-card-border) !important; + background: var(--color-mac-card-background); + border-radius: 4px; + padding: 0 8px; + flex: none; + margin: 0; +} + +.th-keeweb-cupertino-theme .app__list-wrap .app__details .details .details__body-fields .details__field, +.th-keeweb-cupertino-theme .app__list-wrap .app__details .details .details__body-aside .details__field { + margin-bottom: 0 !important; + display: flex; + align-items: center; + font-size: 11px; + padding: 8px; +} + +.th-keeweb-cupertino-theme .app__list-wrap .app__details .details .details__body-fields .details__field:not(:last-child), +.th-keeweb-cupertino-theme .app__list-wrap .app__details .details .details__body-aside .details__field:not(:last-child) { + border-bottom: 1px solid var(--color-mac-card-border); +} + +.th-keeweb-cupertino-theme .app__list-wrap .app__details .details .details__body-fields .details__field .details__field-value, +.th-keeweb-cupertino-theme .app__list-wrap .app__details .details .details__body-aside .details__field .details__field-value { + align-self: center; + color: var(--color-mac-text-default); +} + +.th-keeweb-cupertino-theme .app__list-wrap .app__details .details .details__body-fields .details__field .details__field-value textarea, +.th-keeweb-cupertino-theme .app__list-wrap .app__details .details .details__body-aside .details__field .details__field-value textarea { + min-height: 4em !important; +} + +.th-keeweb-cupertino-theme .app__list-wrap .app__details .details .details__body-fields .details__field .details__field-value a, +.th-keeweb-cupertino-theme .app__list-wrap .app__details .details .details__body-aside .details__field .details__field-value a { + color: var(--color-mac-text-default); +} + +.th-keeweb-cupertino-theme .app__list-wrap .app__details .details .details__body-fields .details__field .details__field-value .details__field-value-btn, +.th-keeweb-cupertino-theme .app__list-wrap .app__details .details .details__body-aside .details__field .details__field-value .details__field-value-btn { + top: 2px; + color: var(--color-mac-text-default); +} + +.th-keeweb-cupertino-theme .app__list-wrap .app__details .details .details__body-fields .details__field .details__field-value-add-label, +.th-keeweb-cupertino-theme .app__list-wrap .app__details .details .details__body-aside .details__field .details__field-value-add-label { + color: var(--color-mac-text-default); +} + +.th-keeweb-cupertino-theme .app__list-wrap .app__details .details .details__body-fields .details__field .details__field-label, +.th-keeweb-cupertino-theme .app__list-wrap .app__details .details .details__body-aside .details__field .details__field-label { + color: var(--color-mac-text-default); + text-align: left; +} + +.th-keeweb-cupertino-theme .app__list-wrap .app__details .details .details__body-fields .details__field .details__field-options, +.th-keeweb-cupertino-theme .app__list-wrap .app__details .details .details__body-aside .details__field .details__field-options { + opacity: 0.7; + color: var(--color-mac-text-default); +} + +.th-keeweb-cupertino-theme .app__list-wrap .app__details .details .details__body-aside { + margin-top: 20px; + margin-bottom: 20px; +} + +.th-keeweb-cupertino-theme .app__list-wrap .app__details .details .details__buttons { + background: var(--color-mac-footer-toolbar-background); + border: 1px solid var(--color-mac-footer-toolbar-border); + margin: -1px -31px; + height: 26px; + color: var(--color-mac-footer-toolbar-icons); +} + +.th-keeweb-cupertino-theme .app__list-wrap .app__details .details .details__buttons i.fa { + color: var(--color-mac-footer-toolbar-icons); +} + +.th-keeweb-cupertino-theme .app__list-wrap .app__details .details .details__buttons .details__buttons-trash, +.th-keeweb-cupertino-theme .app__list-wrap .app__details .details .details__buttons .details__buttons-trash-del { + align-self: center; + width: 25px; + text-align: center; + padding: 7px 2px; + height: unset; + margin-right: 0; + border-right: 1px solid var(--color-mac-footer-toolbar-border); +} + +.th-keeweb-cupertino-theme .app__list-wrap .app__details .details .details__buttons .details__attachments .details__attachment-add { + margin-right: 0; + padding: 2px 9px; + border: none; + border-left: 1px solid var(--color-mac-footer-toolbar-border); + align-self: unset; +} + +.th-keeweb-cupertino-theme .app__list-wrap .app__details .details .details__buttons .details__attachments .details__attachment-add i.fa, +.th-keeweb-cupertino-theme .app__list-wrap .app__details .details .details__buttons .details__attachments .details__attachment-add .details__attachment-add-title { + color: var(--color-mac-footer-toolbar-icons); +} + +.th-keeweb-cupertino-theme .app__list-wrap .app__details .details .details__buttons .details__attachments .details__attachment-add:hover { + background: var(--intermediate-background-color); +} + +.th-keeweb-cupertino-theme .app__list-wrap .app__details .empty-block .empty-block__lower-btns i.fa { + color: var(--color-mac-text-default); +} + +.th-keeweb-cupertino-theme .settings { + background: var(--color-mac-empty-background); + border-left: 1px solid var(--color-mac-finder-frame-border); + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} + +.th-keeweb-cupertino-theme .settings .scroller { + border-radius: 4px; + padding: 15px; +} + +.th-keeweb-cupertino-theme .settings .settings__back-button { + padding: 20px 10px; + background: transparent; + box-shadow: none; + margin-top: 4px; +} + +.th-keeweb-cupertino-theme .settings .settings__general-storage-header { + margin-bottom: 0; + display: flex; + align-items: center; +} + +.th-keeweb-cupertino-theme .settings .shortcut { + border-color: var(--color-mac-button-outline); +} + +.th-keeweb-cupertino-theme .app__menu .menu { + border-right-width: 0; + background: var(--color-mac-finder-sidebar-background); +} + +.th-keeweb-cupertino-theme .app__menu .menu .menu__section { + border: none; +} + +.th-keeweb-cupertino-theme .app__menu .menu .menu__section .menu__item .menu__item-body { + padding-top: 3px; + padding-bottom: 3px; +} + +.th-keeweb-cupertino-theme .app__menu .menu .menu__section .menu__item .menu__item-body:hover { + background: var(--color-mac-finder-sidebar-background); + color: var(--color-mac-finder-sidebar-text); +} + +.th-keeweb-cupertino-theme .app__menu .menu .menu__section .menu__item .menu__item-body .menu__item-title { + color: var(--color-mac-finder-sidebar-text); + padding-left: 0.1em; +} + +.th-keeweb-cupertino-theme .app__menu .menu .menu__section .menu__item .menu__item-body .menu__item-icon { + color: var(--color-mac-finder-sidebar-icon); +} + +.th-keeweb-cupertino-theme .app__menu .menu .menu__section .menu__item .menu__item-body .menu__item-edit, +.th-keeweb-cupertino-theme .app__menu .menu .menu__section .menu__item .menu__item-body .menu__item-empty-trash { + opacity: 0.5; + top: 6px; + color: var(--color-mac-text-default); +} + +.th-keeweb-cupertino-theme .app__menu .menu .menu__section .menu__item .fa { + font-size: 15px; + flex-basis: 30px; + text-align: center; +} + +.th-keeweb-cupertino-theme .app__menu .menu .menu__section .menu__item.menu__item--active .menu__item-body { + background: var(--color-mac-finder-sidebar-highlight); + color: var(--color-mac-finder-sidebar-text); +} + +.th-keeweb-cupertino-theme .app__menu .menu .menu__section .menu__item.menu__item--active .menu__item-body .menu__item-title, +.th-keeweb-cupertino-theme .app__menu .menu .menu__section .menu__item.menu__item--active .menu__item-body .menu__item-icon, +.th-keeweb-cupertino-theme .app__menu .menu .menu__section .menu__item.menu__item--active .menu__item-body .menu__item-edit { + color: var(--color-mac-finder-sidebar-text-active); +} + +.th-keeweb-cupertino-theme .app__menu .menu .menu__section .menu__item.menu__item--active .menu__item-body svg { + fill: #000; +} + +.th-keeweb-cupertino-theme .app__menu .menu .menu__section .menu__item.menu__item--active .menu__item-body:hover { + background: var(--color-mac-finder-sidebar-highlight); + color: var(--color-mac-finder-sidebar-text-active); +} + +.th-keeweb-cupertino-theme .app__menu .menu .menu__section:last-child { + border-top: 1px solid var(--color-mac-footer-toolbar-border); +} + +.th-keeweb-cupertino-theme .app__menu .menu .menu__drag-section { + background: transparent; + height: 13px; +} + +.th-keeweb-cupertino-theme .app__menu .menu .menu__drag-section .drag-handle__inner { + border-top: 1px solid var(--color-mac-window-drag-handle); + height: 13px; +} + +.th-keeweb-cupertino-theme .app__menu-drag { + background: transparent; + width: 13px; + margin-left: -13px; +} + +.th-keeweb-cupertino-theme .app__menu-drag .drag-handle__inner { + border-right: 1px solid var(--color-mac-window-drag-handle); + width: 13px; + left: 0; +} + +.th-keeweb-cupertino-theme .open { + align-items: stretch; + background: var(--color-mac-settings-section-background-dark); + border-radius: 4px; + /** + * Start page icons + */ +} + +.th-keeweb-cupertino-theme .open .open__icons { + background: var(--color-mac-settings-section-background); + padding: 20px 0; +} + +.th-keeweb-cupertino-theme .open .open__icons .open__icon { + padding: 10px 20px; + margin: 0; +} + +.th-keeweb-cupertino-theme .open .open__icons .open__icon:hover { + background: var(--intermediate-background-color); + color: var(--color-mac-text-default); + border-radius: 4px; +} + +.th-keeweb-cupertino-theme .open .open__icons.open__icons--lower { + margin-top: -20px; + padding-top: 0; + padding-bottom: 20px; +} + +.th-keeweb-cupertino-theme .open .open__pass-area { + width: 100%; + padding: 20px 0; +} + +.th-keeweb-cupertino-theme .open .open__pass-area .open__pass-field-wrap { + margin-bottom: 30px; +} + +.th-keeweb-cupertino-theme .open .open__pass-area .open__pass-field-wrap .open__pass-input { + padding: 30px; + border-radius: 6px; + border: 2px solid var(--color-mac-blue-list-highlight); + margin: 0 auto; +} + +.th-keeweb-cupertino-theme .open .open__pass-area .open__pass-field-wrap .open__pass-enter-btn, +.th-keeweb-cupertino-theme .open .open__pass-area .open__pass-field-wrap .open__pass-opening-icon { + color: var(--color-mac-blue-list-highlight); + right: 22vw; + left: unset; +} + +.th-keeweb-cupertino-theme .open .open__pass-area .open__settings { + display: flex; + align-items: center; + height: 35px; + width: 100%; + max-width: 38vw; + margin: 0 auto; + padding-left: 0; +} + +.th-keeweb-cupertino-theme .open .open__pass-area .open__settings:hover { + background: var(--color-mac-window-content-panel); + color: var(--color-mac-text-default); + border-radius: 4px; +} + +.th-keeweb-cupertino-theme .open .open__pass-area .open__settings .open__settings-key-file { + color: var(--color-mac-text-default); + padding: 0.5em 1em; +} + +.th-keeweb-cupertino-theme .open .open__pass-area .open__settings .open__settings-key-file .open__settings-key-file-dropbox { + color: var(--color-mac-text-default); +} + +.th-keeweb-cupertino-theme .open .open__pass-area .open__last { + width: 100%; + max-width: 38vw; + margin: 0 auto; +} + +.th-keeweb-cupertino-theme .open .open__pass-area .open__last .open__last-item { + color: var(--color-mac-text-default); +} + +.th-keeweb-cupertino-theme .open .open__pass-area .open__last .open__last-item:hover { + background: var(--color-mac-window-content-panel); + color: var(--color-mac-text-default); + border-radius: 4px; +} + +.th-keeweb-cupertino-theme .open .open__pass-area .open__last .open__last-item .open__last-item-icon-del { + color: var(--color-mac-text-default); +} + +.th-keeweb-cupertino-theme .open .open__icons .open__icon-i, +.th-keeweb-cupertino-theme .open .open__icons .open__icon-svg { + font-size: 40px; +} + +.th-keeweb-cupertino-theme .open .open__icons .fa-lock { + background-image: linear-gradient(to top, orange, orange, orange, orange, grey, #bdbdbd, #e2e2e2); + -webkit-background-clip: text; + color: transparent; +} + +.th-keeweb-cupertino-theme .open .open__icons .fa-bolt { + background-image: linear-gradient(to top, orange, orange, orange, orange, orange, yellow, #bdbdbd); + -webkit-background-clip: text; + color: transparent; +} + +.th-keeweb-cupertino-theme .open .open__icons .fa-dropbox { + color: #0055f8; +} + +.th-keeweb-cupertino-theme .open .open__icons div#open__icon-storage--gdrive svg path { + fill: #e03a2d; +} + +.th-keeweb-cupertino-theme .open .open__icons div#open__icon-storage--onedrive svg path { + fill: #006dce; +} + +.th-keeweb-cupertino-theme .open .open__icons .fa-cog { + background-image: linear-gradient(to top, #626262, #8d8d8d, #aeaeae, #777); + -webkit-background-clip: text; + color: transparent; +} + +.th-keeweb-cupertino-theme .open .open__icons .fa-server { + color: #0074bc; +} + +.th-keeweb-cupertino-theme .open .open__icons .fa-plus { + background-image: linear-gradient(to top, #258115, #3f9d44, #1ab80f, #56c618); + -webkit-background-clip: text; + color: transparent; +} + +.th-keeweb-cupertino-theme .open .open__icons .fa-magic { + background-image: linear-gradient(to top, #333, #333, gray, purple, violet); + -webkit-background-clip: text; + color: transparent; +} + +.th-keeweb-cupertino-theme .open .open__icons .fa-ellipsis-h:before { + background-image: linear-gradient(to top, #136dcf, #0778f5, #00b7ff); + -webkit-background-clip: text; + color: transparent; +} + +.th-keeweb-cupertino-theme .open .open__icons .open__icon-text { + color: #717171; + font-size: var(--font-size-label); + font-weight: 300; + letter-spacing: -0.5pt; +} + +.th-keeweb-cupertino-theme .open .open__icons .open__icon-text:hover { + color: #717171; +} + +.th-keeweb-cupertino-theme .grp .scroller .grp__content > div:not([class]) { + display: flex; + align-items: center; +} + +.th-keeweb-cupertino-theme .app__footer { + height: 34px; + border-color: var(--color-mac-list-item-divider); + background-image: var(--color-mac-footer-background); + display: flex; + align-items: center; + font-size: 11px; + font-weight: 400; + opacity: 0.9; +} + +.th-keeweb-cupertino-theme .app__footer .footer { + align-items: center; + width: 100%; + height: 100%; +} + +.th-keeweb-cupertino-theme .app__footer .footer__db { + padding-top: 0; + padding-bottom: 0; + color: var(--color-mac-footer-icons); + height: 100%; + display: flex; + align-items: center; +} + +.th-keeweb-cupertino-theme .app__footer .footer__db i.fa { + margin-right: 6px; +} + +.th-keeweb-cupertino-theme .app__footer .footer__db--expanded { + flex: unset; +} + +.th-keeweb-cupertino-theme .app__footer .footer__btn { + padding-top: 0; + padding-bottom: 0; + color: var(--color-mac-footer-icons); + height: 100%; + display: flex; + align-items: center; + justify-content: center; +} + +.th-keeweb-cupertino-theme .app__footer .footer__btn.footer__btn-help { + margin-left: auto; +} + +.th-keeweb-cupertino-theme .dropdown { + box-shadow: var(--color-mac-dropdown-box-shadow); + background: var(--color-mac-dropdown-background); + backdrop-filter: blur(20px); + border: 1px solid var(--color-mac-dropdown-border-outline); + border-radius: 4px; +} + +.th-keeweb-cupertino-theme .dropdown .dropdown__item { + padding: 6px 12px; +} + +.th-keeweb-cupertino-theme .dropdown .dropdown__item:hover { + background: var(--color-mac-blue-list-highlight); + color: var(--color-mac-text-light); +} + +.th-keeweb-cupertino-theme .dropdown .dropdown__item:hover .dropdown__item-text { + color: var(--color-mac-text-light); +} + +.th-keeweb-cupertino-theme .dropdown .dropdown__item:hover .dropdown__item-text .muted-color { + color: var(--color-mac-text-light); +} + +.th-keeweb-cupertino-theme .dropdown .dropdown__item .dropdown__item-text .muted-color { + font-size: 12px; + font-weight: 300; +} + +.th-keeweb-cupertino-theme .dropdown .dropdown__item .dropdown__item-icon { + width: 1.2em; +} + +.th-keeweb-cupertino-theme .dropdown .dropdown__item--active { + color: var(--color-mac-text-light); +} + +.th-keeweb-cupertino-theme .tip { + box-shadow: var(--color-mac-dropdown-box-shadow); + background: var(--color-mac-dropdown-background); + backdrop-filter: blur(20px); + border: 1px solid var(--color-mac-dropdown-border-outline); + border-radius: 4px; + animation-duration: 0.25s !important; + color: var(--color-mac-text-default); +} + +.th-keeweb-cupertino-theme .tip:before { + background: var(--color-mac-dropdown-background); + color: var(--color-mac-text-default); + animation-duration: 0.25s !important; +} + +.th-keeweb-cupertino-theme .icon-select .icon-select__items .icon-select__icon--active { + color: var(--color-mac-text-light); +} + +.th-keeweb-cupertino-theme .pika-single { + box-shadow: var(--color-mac-dropdown-box-shadow); + backdrop-filter: blur(20px); + border: 1px solid var(--color-mac-dropdown-border-outline); + border-radius: 4px; + background: var(--color-mac-dropdown-background); + color: var(--color-mac-text-default); +} + +.th-keeweb-cupertino-theme .pika-single .pika-lendar .pika-title .pika-prev, +.th-keeweb-cupertino-theme .pika-single .pika-lendar .pika-title .pika-next { + border: 1px solid var(--color-mac-dropdown-border-outline); + border-radius: 4px; + background: var(--color-mac-input-background); +} + +.th-keeweb-cupertino-theme .pika-single .pika-lendar .pika-title .pika-prev:after, +.th-keeweb-cupertino-theme .pika-single .pika-lendar .pika-title .pika-next:after { + top: 2px; +} + +.th-keeweb-cupertino-theme .pika-single .pika-lendar .pika-title .pika-prev:after { + border-right-color: var(--color-mac-text-default); +} + +.th-keeweb-cupertino-theme .pika-single .pika-lendar .pika-title .pika-next:after { + border-left-color: var(--color-mac-text-default); +} + +.th-keeweb-cupertino-theme .pika-single .pika-lendar .pika-title .pika-label { + background: var(--color-mac-dropdown-background); + color: var(--color-mac-text-default); +} + +.th-keeweb-cupertino-theme .pika-single .pika-lendar .pika-title .pika-label .pika-select { + color: red; +} + +.th-keeweb-cupertino-theme .pika-single .pika-lendar .pika-table th { + color: var(--color-mac-text-default); +} + +.th-keeweb-cupertino-theme .pika-single .pika-lendar .pika-table .pika-row .pika-button:hover { + background: var(--color-mac-blue-list-highlight) !important; + color: var(--color-mac-text-light) !important; +} diff --git a/docs/plugins/theme-cupertino-dark/index.html b/docs/plugins/theme-cupertino-dark/index.html new file mode 100644 index 0000000..d491656 --- /dev/null +++ b/docs/plugins/theme-cupertino-dark/index.html @@ -0,0 +1,18 @@ + + + + + KeeWeb Plugin: Cupertino Theme (Dark) + + + + +

KeeWeb Plugin: Cupertino Theme (Dark)

+

This theme sets macOS style for KeeWeb and permanently enables the dark theme.

+ + diff --git a/docs/plugins/theme-cupertino-dark/manifest.json b/docs/plugins/theme-cupertino-dark/manifest.json new file mode 100644 index 0000000..4149ce2 --- /dev/null +++ b/docs/plugins/theme-cupertino-dark/manifest.json @@ -0,0 +1,22 @@ +{ + "version": "1.0.0", + "manifestVersion": "0.1.0", + "name": "keeweb-cupertino-theme-dark", + "description": "Cupertino Theme (Dark)", + "author": { + "name": "Jonas Gnioui", + "email": "btxtiger@outlook.com", + "url": "https://github.com/btxtiger" + }, + "resources": { + "css": true + }, + "licence": "", + "url": "https://github.com/btxtiger/keeweb-cupertino-theme", + "publicKey": "MIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEAlRC2zOmBL8RUOoXRkEdpkb/Le3y/VKC+4mGefYxg9a3KO4Jeqayt1Xm38/QNLMTz7Fy8D3N+BaOLN2Avky/m5ggmvynHieW+rxEGMwWozh4aAB3l9JO8BXm0+98jME+TjnbwS81QM985Y3PUhQaTCNqkWeRX02CHZQWSU+BY+XVEr37f0s35sELZWEMvxf4KKp/oagOdVS7FFuprsMV/e+q4ezOpmx7o6ZVeEhfC0rVB4CxQZ7jeY3RUjiVzI1vT5D0tuxxniDN2ZKdG4J4uIE7A4cLkVFTNUl0EHIjmxIkMqUX+fyUgrpDv9KUd5d4UeqErMX3zGPuKferGIGZPXQIDAQAB", + "license": "MIT", + "theme": { + "name": "keeweb-cupertino-theme", + "title": "Cupertino Theme (Dark)" + } +} diff --git a/docs/plugins/theme-cupertino-dark/plugin.css b/docs/plugins/theme-cupertino-dark/plugin.css new file mode 100644 index 0000000..63c375f --- /dev/null +++ b/docs/plugins/theme-cupertino-dark/plugin.css @@ -0,0 +1,1098 @@ +.th-keeweb-cupertino-theme { + --font-family: -apple-system, system-ui, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif; + --background-color: #fff; + --text-color: #111; + --action-color: rgba(0, 122, 255); + --error-color: #e91501; + --text-contrast-action-color: #fff; + --modal-background-color: rgba(255, 255, 255, 0.5); + --light-border-color: #e5e5e5; + --disabled-background-color: rgb(224, 224, 224); + --intermediate-background-color: rgba(0, 0, 0, 0.04); + --intermediate-pressed-background-color: rgba(0, 0, 0, 0.07); + --medium-color: #212121; + --input-border-radius: 4px; + --secondary-background-color: var(--color-mac-blue-list-highlight); + --font-size: 14px; + --font-size-label: 13px; + color: #121212; + --color-mac-text-default: #121212; + --color-mac-text-light: #fff; + --color-mac-blue-list-highlight: #0058dd; + --color-mac-blue-list-highlight-text: #fff; + --color-mac-finder-sidebar-highlight: #bbbbbb; + --color-mac-finder-sidebar-background: #e9e9e9; + --color-mac-finder-sidebar-icon: #616161; + --color-mac-finder-sidebar-text: #363636; + --color-mac-finder-sidebar-icon-active: #3f3f3f; + --color-mac-finder-sidebar-text-active: #0f0f0f; + --color-mac-finder-frame-border: #b8b8b8; + --color-mac-settings-section-background: #e9e9e9; + --color-mac-settings-section-background-dark: #e2e2e2; + --color-mac-dropdown-border-outline: #b2b2b2; + --color-mac-dropdown-background: rgba(255, 255, 255, 0.82); + --color-mac-dropdown-box-shadow: 0px 0px 0px 1px #d2d2d2, 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 16px rgba(0, 0, 0, 0.1); + --color-mac-window-content-panel: #e9e9e9; + --color-mac-window-content-divider: #d2d2d2; + --color-mac-window-drag-handle: #d2d2d2; + --color-mac-button-outline: #757575; + --color-mac-card-border: #cbcbcb; + --color-mac-card-background: #fff; + --color-mac-list-item-icon: #64646c; + --color-mac-list-item-divider: #cfcfcf; + --color-mac-list-header-background: #f5f5f5; + --color-mac-footer-toolbar-background: #f6f6f6; + --color-mac-footer-toolbar-border: #d2d2d2; + --color-mac-footer-toolbar-icons: #616161; + --color-mac-footer-background: linear-gradient(to top, #cfcfcf, #d0d0d0, #d9d9d9, #e0e1e1); + --color-mac-header-background: linear-gradient(to top, #d0d0d1, #d4d4d4, #d7d7d7, #dcdbdb); + --color-mac-empty-background: #fff; + --color-mac-scrollbar-background: #f9f9f9; + --color-mac-scrollbar-border: #e5e5e5; + --color-mac-input-border: #bfbfbf; + --color-mac-input-background: #fff; + --color-mac-button-default-background: #fff; + --color-mac-button-default-border: #bebfbf; + --color-mac-button-default-border-top: #c6c5c5; + --color-mac-button-default-border-bottom: #a9a9a9; + --color-mac-modal-backbground: rgba(231, 231, 231, 0.7); + --color-mac-button-active-background: linear-gradient(to top, #0558ff, #2070fe, #498bfc, #5e99fa); + --color-mac-button-active-background-active: linear-gradient(to top, #0248d9, #1961e9, #3077f6, #4185fe); + --color-mac-button-danger-background: linear-gradient(to top, #bf1313, #c71616, #d61515, #c72424); + --color-mac-button-danger-background-active: linear-gradient(to top, #e31e1e, #e81e1e, #ed1f1f, #f53333); + color: #dcdcdc; + --color-mac-text-default: #dcdcdc; + --color-mac-text-light: #dcdcdc; + --color-mac-blue-list-highlight: #0058dd; + --color-mac-blue-list-highlight-text: #fff; + --color-mac-finder-sidebar-highlight: #444444; + --color-mac-finder-sidebar-background: #2c2c2c; + --color-mac-finder-sidebar-icon: #868686; + --color-mac-finder-sidebar-text: #white; + --color-mac-finder-sidebar-icon-active: #9e9e9e; + --color-mac-finder-sidebar-text-active: #white; + --color-mac-finder-frame-border: #000; + --color-mac-settings-section-background: #333333; + --color-mac-settings-section-background-dark: #2c2c2c; + --color-mac-dropdown-border-outline: #4f4f4f; + --color-mac-dropdown-background: rgba(48, 48, 48, 0.7); + --color-mac-dropdown-box-shadow: 0px 0px 0px 1px #000, 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 16px rgba(0, 0, 0, 0.1); + --color-mac-window-content-panel: #1c1c1c; + --color-mac-window-content-divider: #323232; + --color-mac-window-drag-handle: #000; + --color-mac-button-outline: #a0a0a0; + --color-mac-card-border: #757575; + --color-mac-card-background: #343434; + --color-mac-list-item-icon: #9e9e9e; + --color-mac-list-item-divider: #000; + --color-mac-list-header-background: #282828; + --color-mac-footer-toolbar-background: #353535; + --color-mac-footer-toolbar-border: #747474; + --color-mac-footer-toolbar-icons: #686868; + --color-mac-footer-icons: #989898; + --color-mac-footer-background: linear-gradient(to top, #1a1a1a, #292929, #2e2e2e); + --color-mac-header-background: linear-gradient(to top, #333333, #353535, #383838, #393939); + --color-mac-empty-background: #1c1c1c; + --color-mac-scrollbar-background: #282828; + --color-mac-scrollbar-border: #3b3b3b; + --color-mac-input-border: #444444; + --color-mac-input-background: #3b3b3b; + --color-mac-button-default-background: #646464; + --color-mac-button-default-border: #2a2a2a; + --color-mac-modal-backbground: rgba(48, 48, 48, 0.7); + --color-mac-button-active-background: linear-gradient(to top, #1449c0, #154cc7, #1651d6, #255ac8); + --color-mac-button-active-background-active: linear-gradient(to top, #1d67e2, #1d69e7, #1f6dee, #337ef5); + --color-mac-button-danger-background: linear-gradient(to top, #bf1313, #c71616, #d61515, #c72424); + --color-mac-button-danger-background-active: linear-gradient(to top, #e31e1e, #e81e1e, #ed1f1f, #f53333); + font-size: var(--font-size); + /** + * Input fields, buttons + */ + /** + * App window + */ + /** + * GENERATOR + */ + /** + * PASSWORD List + */ + /** + * Settings + */ + /** + * Side menu + */ + /** + * Start page + */ +} + +.th-keeweb-cupertino-theme a { + color: var(--color-mac-text-default); +} + +.th-keeweb-cupertino-theme .muted-color { + color: var(--color-mac-text-default); +} + +.th-keeweb-cupertino-theme [type='button'], +.th-keeweb-cupertino-theme [type='reset'], +.th-keeweb-cupertino-theme [type='submit'], +.th-keeweb-cupertino-theme button, +.th-keeweb-cupertino-theme select, +.th-keeweb-cupertino-theme input:not([type]), +.th-keeweb-cupertino-theme input[type='password'], +.th-keeweb-cupertino-theme input[type='text'], +.th-keeweb-cupertino-theme textarea { + height: 21px; + padding: 0 8px; + border-color: var(--color-mac-input-border); + background: var(--color-mac-input-background); + color: var(--color-mac-text-default); + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.07); + border-radius: 4px; + font-family: var(--font-family); + font-size: var(--font-size-label); + font-weight: 400; + letter-spacing: -0.4px; +} + +.th-keeweb-cupertino-theme [type='button']::placeholder, +.th-keeweb-cupertino-theme [type='reset']::placeholder, +.th-keeweb-cupertino-theme [type='submit']::placeholder, +.th-keeweb-cupertino-theme button::placeholder, +.th-keeweb-cupertino-theme select::placeholder, +.th-keeweb-cupertino-theme input:not([type])::placeholder, +.th-keeweb-cupertino-theme input[type='password']::placeholder, +.th-keeweb-cupertino-theme input[type='text']::placeholder, +.th-keeweb-cupertino-theme textarea::placeholder { + color: var(--color-mac-text-default); +} + +.th-keeweb-cupertino-theme button { + font-weight: 500; +} + +.th-keeweb-cupertino-theme button, +.th-keeweb-cupertino-theme .settings__plugins-gallery-load-btn, +.th-keeweb-cupertino-theme .settings_plugins-install-btn { + border: 1px solid var(--color-mac-button-default-border); + background-image: var(--color-mac-button-active-background); + color: var(--color-mac-text-light); +} + +.th-keeweb-cupertino-theme button:hover, +.th-keeweb-cupertino-theme .settings__plugins-gallery-load-btn:hover, +.th-keeweb-cupertino-theme .settings_plugins-install-btn:hover { + background-image: var(--color-mac-button-active-background); + color: var(--color-mac-text-light); +} + +.th-keeweb-cupertino-theme button:active, +.th-keeweb-cupertino-theme .settings__plugins-gallery-load-btn:active, +.th-keeweb-cupertino-theme .settings_plugins-install-btn:active { + background-image: var(--color-mac-button-active-background-active); + border: 1px solid var(--color-mac-button-default-border); +} + +.th-keeweb-cupertino-theme button.btn-error { + background-image: var(--color-mac-button-danger-background); + color: var(--color-mac-text-light); + border: 1px solid var(--color-mac-button-default-border); +} + +.th-keeweb-cupertino-theme button.btn-error:active { + background-image: var(--color-mac-button-danger-background-active); + border: 1px solid var(--color-mac-button-default-border); +} + +.th-keeweb-cupertino-theme button.btn-silent { + background: var(--color-mac-button-default-background); + border: 1px solid var(--color-mac-button-default-border); + color: var(--color-mac-text-default); +} + +.th-keeweb-cupertino-theme button.btn-silent:active { + background-image: var(--color-mac-button-active-background-active); + color: var(--color-mac-text-light); + border: 1px solid var(--color-mac-button-default-border); +} + +.th-keeweb-cupertino-theme input[type='checkbox'] { + display: inline-block; + font-size: var(--font-size-label); + vertical-align: top; +} + +.th-keeweb-cupertino-theme input[type='checkbox'].input-base { + width: auto; +} + +.th-keeweb-cupertino-theme input[type='text'], +.th-keeweb-cupertino-theme input[type='password'], +.th-keeweb-cupertino-theme input:not([type]), +.th-keeweb-cupertino-theme textarea { + border-radius: 0; +} + +.th-keeweb-cupertino-theme input[type='text']:active, .th-keeweb-cupertino-theme input[type='text']:focus, +.th-keeweb-cupertino-theme input[type='password']:active, +.th-keeweb-cupertino-theme input[type='password']:focus, +.th-keeweb-cupertino-theme input:not([type]):active, +.th-keeweb-cupertino-theme input:not([type]):focus, +.th-keeweb-cupertino-theme textarea:active, +.th-keeweb-cupertino-theme textarea:focus { + border: 2px solid rgba(0, 122, 255, 0.7); + box-shadow: 0px 0px 3px var(--color-mac-blue-list-highlight); +} + +.th-keeweb-cupertino-theme input[type='range']::-webkit-slider-thumb { + color: var(--color-mac-text-default); +} + +.th-keeweb-cupertino-theme input[type='range']::-ms-track { + color: var(--color-mac-text-default); + background: var(--color-mac-text-default); + border-color: var(--color-mac-text-default); +} + +.th-keeweb-cupertino-theme label { + font-family: var(--font-family); + margin-top: 5px; +} + +.th-keeweb-cupertino-theme label:before { + display: none !important; +} + +.th-keeweb-cupertino-theme .app .app__body { + background: var(--color-mac-window-content-panel); +} + +.th-keeweb-cupertino-theme .gen { + box-shadow: var(--color-mac-dropdown-box-shadow); + width: 15em; + background: var(--color-mac-dropdown-background); + color: var(--color-mac-text-default); + backdrop-filter: blur(20px); + border: 1px solid var(--color-mac-dropdown-border-outline); + border-radius: 4px; +} + +.th-keeweb-cupertino-theme .gen > div:not([class]) { + display: flex; + flex-direction: row; + flex-wrap: wrap; + justify-content: flex-start; + align-items: center; +} + +.th-keeweb-cupertino-theme .gen > div:not([class]) .gen__btn-refresh { + flex-grow: 1; + display: flex; + justify-content: flex-end; + color: var(--color-mac-text-default); +} + +.th-keeweb-cupertino-theme .gen > div:not([class]) input#gen__check-hide { + margin-top: 4px; + margin-right: 26px; + margin-left: 20px; +} + +.th-keeweb-cupertino-theme .gen > div:not([class]) input#gen__check-hide::after { + content: 'Hide'; + white-space: nowrap; + margin-left: 16px; + top: 25px; + position: absolute; +} + +.th-keeweb-cupertino-theme .gen > div:not([class]) .gen__check { + width: 25%; + display: flex; + align-items: center; + flex-basis: 25%; + flex-wrap: nowrap; + margin-left: 0; +} + +.th-keeweb-cupertino-theme .gen .gen__result { + user-select: all; + margin-top: 20px; + margin-bottom: 20px; + height: unset; +} + +.th-keeweb-cupertino-theme .gen-ps__content .gen-ps__field { + display: flex; + align-items: center; + flex-flow: row wrap; +} + +.th-keeweb-cupertino-theme .gen-ps__content .gen-ps__field input[type='text'] { + width: 100%; +} + +.th-keeweb-cupertino-theme .gen-ps__content .gen-ps__field .gen-ps__sample { + color: var(--color-mac-text-default); +} + +.th-keeweb-cupertino-theme .gen-ps__content .gen-ps__field i.fa { + color: var(--color-mac-text-default); +} + +.th-keeweb-cupertino-theme .modal { + backdrop-filter: blur(12px); + background: var(--color-mac-modal-backbground); +} + +.th-keeweb-cupertino-theme .app__list-wrap .app__list { + background: var(--color-mac-empty-background); + border: 1px solid var(--light-border-color); + margin-bottom: -1px; + margin-top: -1px; +} + +.th-keeweb-cupertino-theme .app__list-wrap .app__list .list .list__header { + border-bottom: 1px solid var(--color-mac-list-item-divider); + background: var(--color-mac-list-header-background); +} + +.th-keeweb-cupertino-theme .app__list-wrap .app__list .list .list__header .list__search { + padding: 6px; +} + +.th-keeweb-cupertino-theme .app__list-wrap .app__list .list .list__header .list__search .list__search-header { + align-items: center; +} + +.th-keeweb-cupertino-theme .app__list-wrap .app__list .list .list__header .list__search .list__search-header .list__search-field-wrap { + display: flex; + align-items: center; +} + +.th-keeweb-cupertino-theme .app__list-wrap .app__list .list .list__header .list__search .list__search-header .list__search-field-wrap .list__search-field { + margin-bottom: 0; + height: 24px; + border-radius: 4px; + padding-left: 40px; + box-shadow: none; +} + +.th-keeweb-cupertino-theme .app__list-wrap .app__list .list .list__header .list__search .list__search-header .list__search-field-wrap .list__search-field:focus { + border-width: 1px; +} + +.th-keeweb-cupertino-theme .app__list-wrap .app__list .list .list__header .list__search .list__search-header .list__search-field-wrap .list__search-icon-search { + top: 1px; + left: 0.5em; + right: unset; + color: var(--color-mac-text-default); +} + +.th-keeweb-cupertino-theme .app__list-wrap .app__list .list .list__header .list__search .list__search-header .list__search-field-wrap .list__search-icon-search i.fa { + -webkit-text-stroke: 1px var(--color-mac-list-header-background); +} + +.th-keeweb-cupertino-theme .app__list-wrap .app__list .list .list__header .list__search .list__search-header .list__search-btn-new, +.th-keeweb-cupertino-theme .app__list-wrap .app__list .list .list__header .list__search .list__search-header .list__search-btn-sort { + border-radius: 4px; + border: 1px solid #bfbfbf; + height: 22px; + padding: 0px 13px; + display: flex; + align-items: center; + justify-content: center; + margin-left: 6px; + color: var(--color-mac-text-default); +} + +.th-keeweb-cupertino-theme .app__list-wrap .app__list .list .list__header .list__search .list__search-header .list__search-btn-new:hover, .th-keeweb-cupertino-theme .app__list-wrap .app__list .list .list__header .list__search .list__search-header .list__search-btn-new:active, .th-keeweb-cupertino-theme .app__list-wrap .app__list .list .list__header .list__search .list__search-header .list__search-btn-new:focus, +.th-keeweb-cupertino-theme .app__list-wrap .app__list .list .list__header .list__search .list__search-header .list__search-btn-sort:hover, +.th-keeweb-cupertino-theme .app__list-wrap .app__list .list .list__header .list__search .list__search-header .list__search-btn-sort:active, +.th-keeweb-cupertino-theme .app__list-wrap .app__list .list .list__header .list__search .list__search-header .list__search-btn-sort:focus { + color: var(--color-mac-text-default); +} + +.th-keeweb-cupertino-theme .app__list-wrap .app__list .list .list__header .list__search .list__search-header .list__search-btn-new i.fa { + -webkit-text-stroke: 2px var(--color-mac-list-header-background); +} + +.th-keeweb-cupertino-theme .app__list-wrap .app__list .list .list__header .list__search .list__search-header .list__search-btn-sort i.fa { + -webkit-text-stroke: 0.2px var(--color-mac-list-header-background); + font-size: small; +} + +.th-keeweb-cupertino-theme .app__list-wrap .app__list .list .list__header .list__search .list__search-header .list__search-adv { + margin: 10px -10px 0 -11px; + padding: 12px; + background: var(--color-mac-settings-section-background); +} + +.th-keeweb-cupertino-theme .app__list-wrap .app__list .list .list__header .list__search .list__search-header .list__search-adv .list__search-check { + display: flex; + align-items: center; +} + +.th-keeweb-cupertino-theme .app__list-wrap .app__list .list .list__items .scroller .list__item { + padding: 5px 10px; + min-height: 50px; + box-sizing: border-box; + letter-spacing: -0.4px; +} + +.th-keeweb-cupertino-theme .app__list-wrap .app__list .list .list__items .scroller .list__item:hover { + color: var(--color-mac-text-default); + border: none; + background: var(--color-mac-finder-sidebar-highlight); +} + +.th-keeweb-cupertino-theme .app__list-wrap .app__list .list .list__items .scroller .list__item:not(.list__item--table) { + height: unset; +} + +.th-keeweb-cupertino-theme .app__list-wrap .app__list .list .list__items .scroller .list__item .list__item-title { + margin-left: 26px; +} + +.th-keeweb-cupertino-theme .app__list-wrap .app__list .list .list__items .scroller .list__item .list__item-descr { + font-weight: 500; + font-size: 11.5px; + opacity: 0.6; + margin-left: 40px; + color: var(--color-mac-text-default); +} + +.th-keeweb-cupertino-theme .app__list-wrap .app__list .list .list__items .scroller .list__item .list__item-icon { + margin-right: 0; + font-size: 30px; + vertical-align: middle; + color: var(--color-mac-list-item-icon); + text-shadow: 0 1px 3px rgba(0, 0, 0, 0.12); + margin-top: -2px; +} + +.th-keeweb-cupertino-theme .app__list-wrap .app__list .list .list__items .scroller .list__item--active { + background: var(--color-mac-blue-list-highlight); + border: none; +} + +.th-keeweb-cupertino-theme .app__list-wrap .app__list .list .list__items .scroller .list__item--active:hover { + background: var(--color-mac-blue-list-highlight); +} + +.th-keeweb-cupertino-theme .app__list-wrap .app__list .list .list__items .scroller .list__item--active .list__item-icon { + color: var(--color-mac-text-light); +} + +.th-keeweb-cupertino-theme .app__list-wrap .app__list .list .list__items .scroller .list__item--active .list__item-title { + color: var(--color-mac-text-light); +} + +.th-keeweb-cupertino-theme .app__list-wrap .app__list .list .list__items .scroller .list__item--active .list__item-descr { + color: var(--color-mac-text-light); +} + +.th-keeweb-cupertino-theme .app__list-wrap .app__list-drag { + border: 1px solid var(--color-mac-scrollbar-border); + margin-left: -1px; + width: 13px; + background: var(--color-mac-scrollbar-background); + margin-bottom: -1px; + margin-top: -1px; +} + +.th-keeweb-cupertino-theme .app__list-wrap .app__list-drag .drag-handle__inner { + width: 13px; +} + +.th-keeweb-cupertino-theme .app__list-wrap .app__details { + padding: 30px 30px 0; +} + +.th-keeweb-cupertino-theme .app__list-wrap .app__details .details .details__header { + border-bottom: 1px solid var(--color-mac-window-content-divider); + margin-bottom: 20px; +} + +.th-keeweb-cupertino-theme .app__list-wrap .app__details .details .details__header .details__header-title { + font-size: 24px; + font-weight: 700; + font-family: Arial, sans-serif; +} + +.th-keeweb-cupertino-theme .app__list-wrap .app__details .details .details__header .details__header-title-input { + font-size: 24px; + font-weight: 700; + font-family: Arial, sans-serif; + height: 42px; + line-height: 42px; +} + +.th-keeweb-cupertino-theme .app__list-wrap .app__details .details .details__header .details__header-icon { + border: 1px solid var(--color-mac-button-outline); + border-radius: 4px; + padding: 3px 17px; + color: var(--color-mac-button-outline); +} + +.th-keeweb-cupertino-theme .app__list-wrap .app__details .details .details__body .scroller { + min-width: 100px !important; + max-width: 100% !important; + display: block; +} + +.th-keeweb-cupertino-theme .app__list-wrap .app__details .details .details__body-fields, +.th-keeweb-cupertino-theme .app__list-wrap .app__details .details .details__body-aside { + border: 1px solid var(--color-mac-card-border) !important; + background: var(--color-mac-card-background); + border-radius: 4px; + padding: 0 8px; + flex: none; + margin: 0; +} + +.th-keeweb-cupertino-theme .app__list-wrap .app__details .details .details__body-fields .details__field, +.th-keeweb-cupertino-theme .app__list-wrap .app__details .details .details__body-aside .details__field { + margin-bottom: 0 !important; + display: flex; + align-items: center; + font-size: 11px; + padding: 8px; +} + +.th-keeweb-cupertino-theme .app__list-wrap .app__details .details .details__body-fields .details__field:not(:last-child), +.th-keeweb-cupertino-theme .app__list-wrap .app__details .details .details__body-aside .details__field:not(:last-child) { + border-bottom: 1px solid var(--color-mac-card-border); +} + +.th-keeweb-cupertino-theme .app__list-wrap .app__details .details .details__body-fields .details__field .details__field-value, +.th-keeweb-cupertino-theme .app__list-wrap .app__details .details .details__body-aside .details__field .details__field-value { + align-self: center; + color: var(--color-mac-text-default); +} + +.th-keeweb-cupertino-theme .app__list-wrap .app__details .details .details__body-fields .details__field .details__field-value textarea, +.th-keeweb-cupertino-theme .app__list-wrap .app__details .details .details__body-aside .details__field .details__field-value textarea { + min-height: 4em !important; +} + +.th-keeweb-cupertino-theme .app__list-wrap .app__details .details .details__body-fields .details__field .details__field-value a, +.th-keeweb-cupertino-theme .app__list-wrap .app__details .details .details__body-aside .details__field .details__field-value a { + color: var(--color-mac-text-default); +} + +.th-keeweb-cupertino-theme .app__list-wrap .app__details .details .details__body-fields .details__field .details__field-value .details__field-value-btn, +.th-keeweb-cupertino-theme .app__list-wrap .app__details .details .details__body-aside .details__field .details__field-value .details__field-value-btn { + top: 2px; + color: var(--color-mac-text-default); +} + +.th-keeweb-cupertino-theme .app__list-wrap .app__details .details .details__body-fields .details__field .details__field-value-add-label, +.th-keeweb-cupertino-theme .app__list-wrap .app__details .details .details__body-aside .details__field .details__field-value-add-label { + color: var(--color-mac-text-default); +} + +.th-keeweb-cupertino-theme .app__list-wrap .app__details .details .details__body-fields .details__field .details__field-label, +.th-keeweb-cupertino-theme .app__list-wrap .app__details .details .details__body-aside .details__field .details__field-label { + color: var(--color-mac-text-default); + text-align: left; +} + +.th-keeweb-cupertino-theme .app__list-wrap .app__details .details .details__body-fields .details__field .details__field-options, +.th-keeweb-cupertino-theme .app__list-wrap .app__details .details .details__body-aside .details__field .details__field-options { + opacity: 0.7; + color: var(--color-mac-text-default); +} + +.th-keeweb-cupertino-theme .app__list-wrap .app__details .details .details__body-aside { + margin-top: 20px; + margin-bottom: 20px; +} + +.th-keeweb-cupertino-theme .app__list-wrap .app__details .details .details__buttons { + background: var(--color-mac-footer-toolbar-background); + border: 1px solid var(--color-mac-footer-toolbar-border); + margin: -1px -31px; + height: 26px; + color: var(--color-mac-footer-toolbar-icons); +} + +.th-keeweb-cupertino-theme .app__list-wrap .app__details .details .details__buttons i.fa { + color: var(--color-mac-footer-toolbar-icons); +} + +.th-keeweb-cupertino-theme .app__list-wrap .app__details .details .details__buttons .details__buttons-trash, +.th-keeweb-cupertino-theme .app__list-wrap .app__details .details .details__buttons .details__buttons-trash-del { + align-self: center; + width: 25px; + text-align: center; + padding: 7px 2px; + height: unset; + margin-right: 0; + border-right: 1px solid var(--color-mac-footer-toolbar-border); +} + +.th-keeweb-cupertino-theme .app__list-wrap .app__details .details .details__buttons .details__attachments .details__attachment-add { + margin-right: 0; + padding: 2px 9px; + border: none; + border-left: 1px solid var(--color-mac-footer-toolbar-border); + align-self: unset; +} + +.th-keeweb-cupertino-theme .app__list-wrap .app__details .details .details__buttons .details__attachments .details__attachment-add i.fa, +.th-keeweb-cupertino-theme .app__list-wrap .app__details .details .details__buttons .details__attachments .details__attachment-add .details__attachment-add-title { + color: var(--color-mac-footer-toolbar-icons); +} + +.th-keeweb-cupertino-theme .app__list-wrap .app__details .details .details__buttons .details__attachments .details__attachment-add:hover { + background: var(--intermediate-background-color); +} + +.th-keeweb-cupertino-theme .app__list-wrap .app__details .empty-block .empty-block__lower-btns i.fa { + color: var(--color-mac-text-default); +} + +.th-keeweb-cupertino-theme .settings { + background: var(--color-mac-empty-background); + border-left: 1px solid var(--color-mac-finder-frame-border); + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} + +.th-keeweb-cupertino-theme .settings .scroller { + border-radius: 4px; + padding: 15px; +} + +.th-keeweb-cupertino-theme .settings .settings__back-button { + padding: 20px 10px; + background: transparent; + box-shadow: none; + margin-top: 4px; +} + +.th-keeweb-cupertino-theme .settings .settings__general-storage-header { + margin-bottom: 0; + display: flex; + align-items: center; +} + +.th-keeweb-cupertino-theme .settings .shortcut { + border-color: var(--color-mac-button-outline); +} + +.th-keeweb-cupertino-theme .app__menu .menu { + border-right-width: 0; + background: var(--color-mac-finder-sidebar-background); +} + +.th-keeweb-cupertino-theme .app__menu .menu .menu__section { + border: none; +} + +.th-keeweb-cupertino-theme .app__menu .menu .menu__section .menu__item .menu__item-body { + padding-top: 3px; + padding-bottom: 3px; +} + +.th-keeweb-cupertino-theme .app__menu .menu .menu__section .menu__item .menu__item-body:hover { + background: var(--color-mac-finder-sidebar-background); + color: var(--color-mac-finder-sidebar-text); +} + +.th-keeweb-cupertino-theme .app__menu .menu .menu__section .menu__item .menu__item-body .menu__item-title { + color: var(--color-mac-finder-sidebar-text); + padding-left: 0.1em; +} + +.th-keeweb-cupertino-theme .app__menu .menu .menu__section .menu__item .menu__item-body .menu__item-icon { + color: var(--color-mac-finder-sidebar-icon); +} + +.th-keeweb-cupertino-theme .app__menu .menu .menu__section .menu__item .menu__item-body .menu__item-edit, +.th-keeweb-cupertino-theme .app__menu .menu .menu__section .menu__item .menu__item-body .menu__item-empty-trash { + opacity: 0.5; + top: 6px; + color: var(--color-mac-text-default); +} + +.th-keeweb-cupertino-theme .app__menu .menu .menu__section .menu__item .fa { + font-size: 15px; + flex-basis: 30px; + text-align: center; +} + +.th-keeweb-cupertino-theme .app__menu .menu .menu__section .menu__item.menu__item--active .menu__item-body { + background: var(--color-mac-finder-sidebar-highlight); + color: var(--color-mac-finder-sidebar-text); +} + +.th-keeweb-cupertino-theme .app__menu .menu .menu__section .menu__item.menu__item--active .menu__item-body .menu__item-title, +.th-keeweb-cupertino-theme .app__menu .menu .menu__section .menu__item.menu__item--active .menu__item-body .menu__item-icon, +.th-keeweb-cupertino-theme .app__menu .menu .menu__section .menu__item.menu__item--active .menu__item-body .menu__item-edit { + color: var(--color-mac-finder-sidebar-text-active); +} + +.th-keeweb-cupertino-theme .app__menu .menu .menu__section .menu__item.menu__item--active .menu__item-body svg { + fill: #000; +} + +.th-keeweb-cupertino-theme .app__menu .menu .menu__section .menu__item.menu__item--active .menu__item-body:hover { + background: var(--color-mac-finder-sidebar-highlight); + color: var(--color-mac-finder-sidebar-text-active); +} + +.th-keeweb-cupertino-theme .app__menu .menu .menu__section:last-child { + border-top: 1px solid var(--color-mac-footer-toolbar-border); +} + +.th-keeweb-cupertino-theme .app__menu .menu .menu__drag-section { + background: transparent; + height: 13px; +} + +.th-keeweb-cupertino-theme .app__menu .menu .menu__drag-section .drag-handle__inner { + border-top: 1px solid var(--color-mac-window-drag-handle); + height: 13px; +} + +.th-keeweb-cupertino-theme .app__menu-drag { + background: transparent; + width: 13px; + margin-left: -13px; +} + +.th-keeweb-cupertino-theme .app__menu-drag .drag-handle__inner { + border-right: 1px solid var(--color-mac-window-drag-handle); + width: 13px; + left: 0; +} + +.th-keeweb-cupertino-theme .open { + align-items: stretch; + background: var(--color-mac-settings-section-background-dark); + border-radius: 4px; + /** + * Start page icons + */ +} + +.th-keeweb-cupertino-theme .open .open__icons { + background: var(--color-mac-settings-section-background); + padding: 20px 0; +} + +.th-keeweb-cupertino-theme .open .open__icons .open__icon { + padding: 10px 20px; + margin: 0; +} + +.th-keeweb-cupertino-theme .open .open__icons .open__icon:hover { + background: var(--intermediate-background-color); + color: var(--color-mac-text-default); + border-radius: 4px; +} + +.th-keeweb-cupertino-theme .open .open__icons.open__icons--lower { + margin-top: -20px; + padding-top: 0; + padding-bottom: 20px; +} + +.th-keeweb-cupertino-theme .open .open__pass-area { + width: 100%; + padding: 20px 0; +} + +.th-keeweb-cupertino-theme .open .open__pass-area .open__pass-field-wrap { + margin-bottom: 30px; +} + +.th-keeweb-cupertino-theme .open .open__pass-area .open__pass-field-wrap .open__pass-input { + padding: 30px; + border-radius: 6px; + border: 2px solid var(--color-mac-blue-list-highlight); + margin: 0 auto; +} + +.th-keeweb-cupertino-theme .open .open__pass-area .open__pass-field-wrap .open__pass-enter-btn, +.th-keeweb-cupertino-theme .open .open__pass-area .open__pass-field-wrap .open__pass-opening-icon { + color: var(--color-mac-blue-list-highlight); + right: 22vw; + left: unset; +} + +.th-keeweb-cupertino-theme .open .open__pass-area .open__settings { + display: flex; + align-items: center; + height: 35px; + width: 100%; + max-width: 38vw; + margin: 0 auto; + padding-left: 0; +} + +.th-keeweb-cupertino-theme .open .open__pass-area .open__settings:hover { + background: var(--color-mac-window-content-panel); + color: var(--color-mac-text-default); + border-radius: 4px; +} + +.th-keeweb-cupertino-theme .open .open__pass-area .open__settings .open__settings-key-file { + color: var(--color-mac-text-default); + padding: 0.5em 1em; +} + +.th-keeweb-cupertino-theme .open .open__pass-area .open__settings .open__settings-key-file .open__settings-key-file-dropbox { + color: var(--color-mac-text-default); +} + +.th-keeweb-cupertino-theme .open .open__pass-area .open__last { + width: 100%; + max-width: 38vw; + margin: 0 auto; +} + +.th-keeweb-cupertino-theme .open .open__pass-area .open__last .open__last-item { + color: var(--color-mac-text-default); +} + +.th-keeweb-cupertino-theme .open .open__pass-area .open__last .open__last-item:hover { + background: var(--color-mac-window-content-panel); + color: var(--color-mac-text-default); + border-radius: 4px; +} + +.th-keeweb-cupertino-theme .open .open__pass-area .open__last .open__last-item .open__last-item-icon-del { + color: var(--color-mac-text-default); +} + +.th-keeweb-cupertino-theme .open .open__icons .open__icon-i, +.th-keeweb-cupertino-theme .open .open__icons .open__icon-svg { + font-size: 40px; +} + +.th-keeweb-cupertino-theme .open .open__icons .fa-lock { + background-image: linear-gradient(to top, orange, orange, orange, orange, grey, #bdbdbd, #e2e2e2); + -webkit-background-clip: text; + color: transparent; +} + +.th-keeweb-cupertino-theme .open .open__icons .fa-bolt { + background-image: linear-gradient(to top, orange, orange, orange, orange, orange, yellow, #bdbdbd); + -webkit-background-clip: text; + color: transparent; +} + +.th-keeweb-cupertino-theme .open .open__icons .fa-dropbox { + color: #0055f8; +} + +.th-keeweb-cupertino-theme .open .open__icons div#open__icon-storage--gdrive svg path { + fill: #e03a2d; +} + +.th-keeweb-cupertino-theme .open .open__icons div#open__icon-storage--onedrive svg path { + fill: #006dce; +} + +.th-keeweb-cupertino-theme .open .open__icons .fa-cog { + background-image: linear-gradient(to top, #626262, #8d8d8d, #aeaeae, #777); + -webkit-background-clip: text; + color: transparent; +} + +.th-keeweb-cupertino-theme .open .open__icons .fa-server { + color: #0074bc; +} + +.th-keeweb-cupertino-theme .open .open__icons .fa-plus { + background-image: linear-gradient(to top, #258115, #3f9d44, #1ab80f, #56c618); + -webkit-background-clip: text; + color: transparent; +} + +.th-keeweb-cupertino-theme .open .open__icons .fa-magic { + background-image: linear-gradient(to top, #333, #333, gray, purple, violet); + -webkit-background-clip: text; + color: transparent; +} + +.th-keeweb-cupertino-theme .open .open__icons .fa-ellipsis-h:before { + background-image: linear-gradient(to top, #136dcf, #0778f5, #00b7ff); + -webkit-background-clip: text; + color: transparent; +} + +.th-keeweb-cupertino-theme .open .open__icons .open__icon-text { + color: #717171; + font-size: var(--font-size-label); + font-weight: 300; + letter-spacing: -0.5pt; +} + +.th-keeweb-cupertino-theme .open .open__icons .open__icon-text:hover { + color: #717171; +} + +.th-keeweb-cupertino-theme .grp .scroller .grp__content > div:not([class]) { + display: flex; + align-items: center; +} + +.th-keeweb-cupertino-theme .app__footer { + height: 34px; + border-color: var(--color-mac-list-item-divider); + background-image: var(--color-mac-footer-background); + display: flex; + align-items: center; + font-size: 11px; + font-weight: 400; + opacity: 0.9; +} + +.th-keeweb-cupertino-theme .app__footer .footer { + align-items: center; + width: 100%; + height: 100%; +} + +.th-keeweb-cupertino-theme .app__footer .footer__db { + padding-top: 0; + padding-bottom: 0; + color: var(--color-mac-footer-icons); + height: 100%; + display: flex; + align-items: center; +} + +.th-keeweb-cupertino-theme .app__footer .footer__db i.fa { + margin-right: 6px; +} + +.th-keeweb-cupertino-theme .app__footer .footer__db--expanded { + flex: unset; +} + +.th-keeweb-cupertino-theme .app__footer .footer__btn { + padding-top: 0; + padding-bottom: 0; + color: var(--color-mac-footer-icons); + height: 100%; + display: flex; + align-items: center; + justify-content: center; +} + +.th-keeweb-cupertino-theme .app__footer .footer__btn.footer__btn-help { + margin-left: auto; +} + +.th-keeweb-cupertino-theme .dropdown { + box-shadow: var(--color-mac-dropdown-box-shadow); + background: var(--color-mac-dropdown-background); + backdrop-filter: blur(20px); + border: 1px solid var(--color-mac-dropdown-border-outline); + border-radius: 4px; +} + +.th-keeweb-cupertino-theme .dropdown .dropdown__item { + padding: 6px 12px; +} + +.th-keeweb-cupertino-theme .dropdown .dropdown__item:hover { + background: var(--color-mac-blue-list-highlight); + color: var(--color-mac-text-light); +} + +.th-keeweb-cupertino-theme .dropdown .dropdown__item:hover .dropdown__item-text { + color: var(--color-mac-text-light); +} + +.th-keeweb-cupertino-theme .dropdown .dropdown__item:hover .dropdown__item-text .muted-color { + color: var(--color-mac-text-light); +} + +.th-keeweb-cupertino-theme .dropdown .dropdown__item .dropdown__item-text .muted-color { + font-size: 12px; + font-weight: 300; +} + +.th-keeweb-cupertino-theme .dropdown .dropdown__item .dropdown__item-icon { + width: 1.2em; +} + +.th-keeweb-cupertino-theme .dropdown .dropdown__item--active { + color: var(--color-mac-text-light); +} + +.th-keeweb-cupertino-theme .tip { + box-shadow: var(--color-mac-dropdown-box-shadow); + background: var(--color-mac-dropdown-background); + backdrop-filter: blur(20px); + border: 1px solid var(--color-mac-dropdown-border-outline); + border-radius: 4px; + animation-duration: 0.25s !important; + color: var(--color-mac-text-default); +} + +.th-keeweb-cupertino-theme .tip:before { + background: var(--color-mac-dropdown-background); + color: var(--color-mac-text-default); + animation-duration: 0.25s !important; +} + +.th-keeweb-cupertino-theme .icon-select .icon-select__items .icon-select__icon--active { + color: var(--color-mac-text-light); +} + +.th-keeweb-cupertino-theme .pika-single { + box-shadow: var(--color-mac-dropdown-box-shadow); + backdrop-filter: blur(20px); + border: 1px solid var(--color-mac-dropdown-border-outline); + border-radius: 4px; + background: var(--color-mac-dropdown-background); + color: var(--color-mac-text-default); +} + +.th-keeweb-cupertino-theme .pika-single .pika-lendar .pika-title .pika-prev, +.th-keeweb-cupertino-theme .pika-single .pika-lendar .pika-title .pika-next { + border: 1px solid var(--color-mac-dropdown-border-outline); + border-radius: 4px; + background: var(--color-mac-input-background); +} + +.th-keeweb-cupertino-theme .pika-single .pika-lendar .pika-title .pika-prev:after, +.th-keeweb-cupertino-theme .pika-single .pika-lendar .pika-title .pika-next:after { + top: 2px; +} + +.th-keeweb-cupertino-theme .pika-single .pika-lendar .pika-title .pika-prev:after { + border-right-color: var(--color-mac-text-default); +} + +.th-keeweb-cupertino-theme .pika-single .pika-lendar .pika-title .pika-next:after { + border-left-color: var(--color-mac-text-default); +} + +.th-keeweb-cupertino-theme .pika-single .pika-lendar .pika-title .pika-label { + background: var(--color-mac-dropdown-background); + color: var(--color-mac-text-default); +} + +.th-keeweb-cupertino-theme .pika-single .pika-lendar .pika-title .pika-label .pika-select { + color: red; +} + +.th-keeweb-cupertino-theme .pika-single .pika-lendar .pika-table th { + color: var(--color-mac-text-default); +} + +.th-keeweb-cupertino-theme .pika-single .pika-lendar .pika-table .pika-row .pika-button:hover { + background: var(--color-mac-blue-list-highlight) !important; + color: var(--color-mac-text-light) !important; +} diff --git a/docs/plugins/theme-cupertino-light/index.html b/docs/plugins/theme-cupertino-light/index.html new file mode 100644 index 0000000..59be6b7 --- /dev/null +++ b/docs/plugins/theme-cupertino-light/index.html @@ -0,0 +1,18 @@ + + + + + KeeWeb Plugin: Cupertino Theme (Light) + + + + +

KeeWeb Plugin: Cupertino Theme (Light)

+

This theme sets macOS style for KeeWeb and permanently enables the light theme.

+ + diff --git a/docs/plugins/theme-cupertino-light/manifest.json b/docs/plugins/theme-cupertino-light/manifest.json new file mode 100644 index 0000000..9558728 --- /dev/null +++ b/docs/plugins/theme-cupertino-light/manifest.json @@ -0,0 +1,22 @@ +{ + "version": "1.0.0", + "manifestVersion": "0.1.0", + "name": "keeweb-cupertino-theme-light", + "description": "Cupertino Theme (Light)", + "author": { + "name": "Jonas Gnioui", + "email": "btxtiger@outlook.com", + "url": "https://github.com/btxtiger" + }, + "resources": { + "css": true + }, + "licence": "", + "url": "https://github.com/btxtiger/keeweb-cupertino-theme", + "publicKey": "MIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEAuK9byL3W0Rb1u3l5Hl/qCTISIw2fnya1SqBSq0HyUFhZV6kYWGfyhfJIpcFot++ZjdM9uAJ6Dcaa1Um88dtnV4xICZXPozdwAP4B7EbigJG3toIWpcCaDeQRUzTsGIvI8DrIy1GDrIGhFTL/6o5SKIVpIRmVfcXBVQLuoANpOf8R+kNPtLa4z0QvJ2Cx7Uh/zYluD7/2W5ZUc2NzJTPVchz1LXTTnlElL3T3QiuvEO1NJb0Qdp8Al/KC1HEWgr63tNDRyc7vfbjpCLG2pklcEyiMp4HgQ7b5eWwdwhgIbuFdbx3GVvUay75bAENq++M2n6kiVq5t9pCLvbsBpzvVkQIDAQAB", + "license": "MIT", + "theme": { + "name": "keeweb-cupertino-theme", + "title": "Cupertino Theme (Light)" + } +} diff --git a/docs/plugins/theme-cupertino-light/plugin.css b/docs/plugins/theme-cupertino-light/plugin.css new file mode 100644 index 0000000..394dca2 --- /dev/null +++ b/docs/plugins/theme-cupertino-light/plugin.css @@ -0,0 +1,1054 @@ +.th-keeweb-cupertino-theme { + --font-family: -apple-system, system-ui, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif; + --background-color: #fff; + --text-color: #111; + --action-color: rgba(0, 122, 255); + --error-color: #e91501; + --text-contrast-action-color: #fff; + --modal-background-color: rgba(255, 255, 255, 0.5); + --light-border-color: #e5e5e5; + --disabled-background-color: rgb(224, 224, 224); + --intermediate-background-color: rgba(0, 0, 0, 0.04); + --intermediate-pressed-background-color: rgba(0, 0, 0, 0.07); + --medium-color: #212121; + --input-border-radius: 4px; + --secondary-background-color: var(--color-mac-blue-list-highlight); + --font-size: 14px; + --font-size-label: 13px; + color: #121212; + --color-mac-text-default: #121212; + --color-mac-text-light: #fff; + --color-mac-blue-list-highlight: #0058dd; + --color-mac-blue-list-highlight-text: #fff; + --color-mac-finder-sidebar-highlight: #bbbbbb; + --color-mac-finder-sidebar-background: #e9e9e9; + --color-mac-finder-sidebar-icon: #616161; + --color-mac-finder-sidebar-text: #363636; + --color-mac-finder-sidebar-icon-active: #3f3f3f; + --color-mac-finder-sidebar-text-active: #0f0f0f; + --color-mac-finder-frame-border: #b8b8b8; + --color-mac-settings-section-background: #e9e9e9; + --color-mac-settings-section-background-dark: #e2e2e2; + --color-mac-dropdown-border-outline: #b2b2b2; + --color-mac-dropdown-background: rgba(255, 255, 255, 0.82); + --color-mac-dropdown-box-shadow: 0px 0px 0px 1px #d2d2d2, 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 16px rgba(0, 0, 0, 0.1); + --color-mac-window-content-panel: #e9e9e9; + --color-mac-window-content-divider: #d2d2d2; + --color-mac-window-drag-handle: #d2d2d2; + --color-mac-button-outline: #757575; + --color-mac-card-border: #cbcbcb; + --color-mac-card-background: #fff; + --color-mac-list-item-icon: #64646c; + --color-mac-list-item-divider: #cfcfcf; + --color-mac-list-header-background: #f5f5f5; + --color-mac-footer-toolbar-background: #f6f6f6; + --color-mac-footer-toolbar-border: #d2d2d2; + --color-mac-footer-toolbar-icons: #616161; + --color-mac-footer-background: linear-gradient(to top, #cfcfcf, #d0d0d0, #d9d9d9, #e0e1e1); + --color-mac-header-background: linear-gradient(to top, #d0d0d1, #d4d4d4, #d7d7d7, #dcdbdb); + --color-mac-empty-background: #fff; + --color-mac-scrollbar-background: #f9f9f9; + --color-mac-scrollbar-border: #e5e5e5; + --color-mac-input-border: #bfbfbf; + --color-mac-input-background: #fff; + --color-mac-button-default-background: #fff; + --color-mac-button-default-border: #bebfbf; + --color-mac-button-default-border-top: #c6c5c5; + --color-mac-button-default-border-bottom: #a9a9a9; + --color-mac-modal-backbground: rgba(231, 231, 231, 0.7); + --color-mac-button-active-background: linear-gradient(to top, #0558ff, #2070fe, #498bfc, #5e99fa); + --color-mac-button-active-background-active: linear-gradient(to top, #0248d9, #1961e9, #3077f6, #4185fe); + --color-mac-button-danger-background: linear-gradient(to top, #bf1313, #c71616, #d61515, #c72424); + --color-mac-button-danger-background-active: linear-gradient(to top, #e31e1e, #e81e1e, #ed1f1f, #f53333); + font-size: var(--font-size); + /** + * Input fields, buttons + */ + /** + * App window + */ + /** + * GENERATOR + */ + /** + * PASSWORD List + */ + /** + * Settings + */ + /** + * Side menu + */ + /** + * Start page + */ +} + +.th-keeweb-cupertino-theme a { + color: var(--color-mac-text-default); +} + +.th-keeweb-cupertino-theme .muted-color { + color: var(--color-mac-text-default); +} + +.th-keeweb-cupertino-theme [type='button'], +.th-keeweb-cupertino-theme [type='reset'], +.th-keeweb-cupertino-theme [type='submit'], +.th-keeweb-cupertino-theme button, +.th-keeweb-cupertino-theme select, +.th-keeweb-cupertino-theme input:not([type]), +.th-keeweb-cupertino-theme input[type='password'], +.th-keeweb-cupertino-theme input[type='text'], +.th-keeweb-cupertino-theme textarea { + height: 21px; + padding: 0 8px; + border-color: var(--color-mac-input-border); + background: var(--color-mac-input-background); + color: var(--color-mac-text-default); + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.07); + border-radius: 4px; + font-family: var(--font-family); + font-size: var(--font-size-label); + font-weight: 400; + letter-spacing: -0.4px; +} + +.th-keeweb-cupertino-theme [type='button']::placeholder, +.th-keeweb-cupertino-theme [type='reset']::placeholder, +.th-keeweb-cupertino-theme [type='submit']::placeholder, +.th-keeweb-cupertino-theme button::placeholder, +.th-keeweb-cupertino-theme select::placeholder, +.th-keeweb-cupertino-theme input:not([type])::placeholder, +.th-keeweb-cupertino-theme input[type='password']::placeholder, +.th-keeweb-cupertino-theme input[type='text']::placeholder, +.th-keeweb-cupertino-theme textarea::placeholder { + color: var(--color-mac-text-default); +} + +.th-keeweb-cupertino-theme button { + font-weight: 500; +} + +.th-keeweb-cupertino-theme button, +.th-keeweb-cupertino-theme .settings__plugins-gallery-load-btn, +.th-keeweb-cupertino-theme .settings_plugins-install-btn { + border: 1px solid var(--color-mac-button-default-border); + background-image: var(--color-mac-button-active-background); + color: var(--color-mac-text-light); +} + +.th-keeweb-cupertino-theme button:hover, +.th-keeweb-cupertino-theme .settings__plugins-gallery-load-btn:hover, +.th-keeweb-cupertino-theme .settings_plugins-install-btn:hover { + background-image: var(--color-mac-button-active-background); + color: var(--color-mac-text-light); +} + +.th-keeweb-cupertino-theme button:active, +.th-keeweb-cupertino-theme .settings__plugins-gallery-load-btn:active, +.th-keeweb-cupertino-theme .settings_plugins-install-btn:active { + background-image: var(--color-mac-button-active-background-active); + border: 1px solid var(--color-mac-button-default-border); +} + +.th-keeweb-cupertino-theme button.btn-error { + background-image: var(--color-mac-button-danger-background); + color: var(--color-mac-text-light); + border: 1px solid var(--color-mac-button-default-border); +} + +.th-keeweb-cupertino-theme button.btn-error:active { + background-image: var(--color-mac-button-danger-background-active); + border: 1px solid var(--color-mac-button-default-border); +} + +.th-keeweb-cupertino-theme button.btn-silent { + background: var(--color-mac-button-default-background); + border: 1px solid var(--color-mac-button-default-border); + color: var(--color-mac-text-default); +} + +.th-keeweb-cupertino-theme button.btn-silent:active { + background-image: var(--color-mac-button-active-background-active); + color: var(--color-mac-text-light); + border: 1px solid var(--color-mac-button-default-border); +} + +.th-keeweb-cupertino-theme input[type='checkbox'] { + display: inline-block; + font-size: var(--font-size-label); + vertical-align: top; +} + +.th-keeweb-cupertino-theme input[type='checkbox'].input-base { + width: auto; +} + +.th-keeweb-cupertino-theme input[type='text'], +.th-keeweb-cupertino-theme input[type='password'], +.th-keeweb-cupertino-theme input:not([type]), +.th-keeweb-cupertino-theme textarea { + border-radius: 0; +} + +.th-keeweb-cupertino-theme input[type='text']:active, .th-keeweb-cupertino-theme input[type='text']:focus, +.th-keeweb-cupertino-theme input[type='password']:active, +.th-keeweb-cupertino-theme input[type='password']:focus, +.th-keeweb-cupertino-theme input:not([type]):active, +.th-keeweb-cupertino-theme input:not([type]):focus, +.th-keeweb-cupertino-theme textarea:active, +.th-keeweb-cupertino-theme textarea:focus { + border: 2px solid rgba(0, 122, 255, 0.7); + box-shadow: 0px 0px 3px var(--color-mac-blue-list-highlight); +} + +.th-keeweb-cupertino-theme input[type='range']::-webkit-slider-thumb { + color: var(--color-mac-text-default); +} + +.th-keeweb-cupertino-theme input[type='range']::-ms-track { + color: var(--color-mac-text-default); + background: var(--color-mac-text-default); + border-color: var(--color-mac-text-default); +} + +.th-keeweb-cupertino-theme label { + font-family: var(--font-family); + margin-top: 5px; +} + +.th-keeweb-cupertino-theme label:before { + display: none !important; +} + +.th-keeweb-cupertino-theme .app .app__body { + background: var(--color-mac-window-content-panel); +} + +.th-keeweb-cupertino-theme .gen { + box-shadow: var(--color-mac-dropdown-box-shadow); + width: 15em; + background: var(--color-mac-dropdown-background); + color: var(--color-mac-text-default); + backdrop-filter: blur(20px); + border: 1px solid var(--color-mac-dropdown-border-outline); + border-radius: 4px; +} + +.th-keeweb-cupertino-theme .gen > div:not([class]) { + display: flex; + flex-direction: row; + flex-wrap: wrap; + justify-content: flex-start; + align-items: center; +} + +.th-keeweb-cupertino-theme .gen > div:not([class]) .gen__btn-refresh { + flex-grow: 1; + display: flex; + justify-content: flex-end; + color: var(--color-mac-text-default); +} + +.th-keeweb-cupertino-theme .gen > div:not([class]) input#gen__check-hide { + margin-top: 4px; + margin-right: 26px; + margin-left: 20px; +} + +.th-keeweb-cupertino-theme .gen > div:not([class]) input#gen__check-hide::after { + content: 'Hide'; + white-space: nowrap; + margin-left: 16px; + top: 25px; + position: absolute; +} + +.th-keeweb-cupertino-theme .gen > div:not([class]) .gen__check { + width: 25%; + display: flex; + align-items: center; + flex-basis: 25%; + flex-wrap: nowrap; + margin-left: 0; +} + +.th-keeweb-cupertino-theme .gen .gen__result { + user-select: all; + margin-top: 20px; + margin-bottom: 20px; + height: unset; +} + +.th-keeweb-cupertino-theme .gen-ps__content .gen-ps__field { + display: flex; + align-items: center; + flex-flow: row wrap; +} + +.th-keeweb-cupertino-theme .gen-ps__content .gen-ps__field input[type='text'] { + width: 100%; +} + +.th-keeweb-cupertino-theme .gen-ps__content .gen-ps__field .gen-ps__sample { + color: var(--color-mac-text-default); +} + +.th-keeweb-cupertino-theme .gen-ps__content .gen-ps__field i.fa { + color: var(--color-mac-text-default); +} + +.th-keeweb-cupertino-theme .modal { + backdrop-filter: blur(12px); + background: var(--color-mac-modal-backbground); +} + +.th-keeweb-cupertino-theme .app__list-wrap .app__list { + background: var(--color-mac-empty-background); + border: 1px solid var(--light-border-color); + margin-bottom: -1px; + margin-top: -1px; +} + +.th-keeweb-cupertino-theme .app__list-wrap .app__list .list .list__header { + border-bottom: 1px solid var(--color-mac-list-item-divider); + background: var(--color-mac-list-header-background); +} + +.th-keeweb-cupertino-theme .app__list-wrap .app__list .list .list__header .list__search { + padding: 6px; +} + +.th-keeweb-cupertino-theme .app__list-wrap .app__list .list .list__header .list__search .list__search-header { + align-items: center; +} + +.th-keeweb-cupertino-theme .app__list-wrap .app__list .list .list__header .list__search .list__search-header .list__search-field-wrap { + display: flex; + align-items: center; +} + +.th-keeweb-cupertino-theme .app__list-wrap .app__list .list .list__header .list__search .list__search-header .list__search-field-wrap .list__search-field { + margin-bottom: 0; + height: 24px; + border-radius: 4px; + padding-left: 40px; + box-shadow: none; +} + +.th-keeweb-cupertino-theme .app__list-wrap .app__list .list .list__header .list__search .list__search-header .list__search-field-wrap .list__search-field:focus { + border-width: 1px; +} + +.th-keeweb-cupertino-theme .app__list-wrap .app__list .list .list__header .list__search .list__search-header .list__search-field-wrap .list__search-icon-search { + top: 1px; + left: 0.5em; + right: unset; + color: var(--color-mac-text-default); +} + +.th-keeweb-cupertino-theme .app__list-wrap .app__list .list .list__header .list__search .list__search-header .list__search-field-wrap .list__search-icon-search i.fa { + -webkit-text-stroke: 1px var(--color-mac-list-header-background); +} + +.th-keeweb-cupertino-theme .app__list-wrap .app__list .list .list__header .list__search .list__search-header .list__search-btn-new, +.th-keeweb-cupertino-theme .app__list-wrap .app__list .list .list__header .list__search .list__search-header .list__search-btn-sort { + border-radius: 4px; + border: 1px solid #bfbfbf; + height: 22px; + padding: 0px 13px; + display: flex; + align-items: center; + justify-content: center; + margin-left: 6px; + color: var(--color-mac-text-default); +} + +.th-keeweb-cupertino-theme .app__list-wrap .app__list .list .list__header .list__search .list__search-header .list__search-btn-new:hover, .th-keeweb-cupertino-theme .app__list-wrap .app__list .list .list__header .list__search .list__search-header .list__search-btn-new:active, .th-keeweb-cupertino-theme .app__list-wrap .app__list .list .list__header .list__search .list__search-header .list__search-btn-new:focus, +.th-keeweb-cupertino-theme .app__list-wrap .app__list .list .list__header .list__search .list__search-header .list__search-btn-sort:hover, +.th-keeweb-cupertino-theme .app__list-wrap .app__list .list .list__header .list__search .list__search-header .list__search-btn-sort:active, +.th-keeweb-cupertino-theme .app__list-wrap .app__list .list .list__header .list__search .list__search-header .list__search-btn-sort:focus { + color: var(--color-mac-text-default); +} + +.th-keeweb-cupertino-theme .app__list-wrap .app__list .list .list__header .list__search .list__search-header .list__search-btn-new i.fa { + -webkit-text-stroke: 2px var(--color-mac-list-header-background); +} + +.th-keeweb-cupertino-theme .app__list-wrap .app__list .list .list__header .list__search .list__search-header .list__search-btn-sort i.fa { + -webkit-text-stroke: 0.2px var(--color-mac-list-header-background); + font-size: small; +} + +.th-keeweb-cupertino-theme .app__list-wrap .app__list .list .list__header .list__search .list__search-header .list__search-adv { + margin: 10px -10px 0 -11px; + padding: 12px; + background: var(--color-mac-settings-section-background); +} + +.th-keeweb-cupertino-theme .app__list-wrap .app__list .list .list__header .list__search .list__search-header .list__search-adv .list__search-check { + display: flex; + align-items: center; +} + +.th-keeweb-cupertino-theme .app__list-wrap .app__list .list .list__items .scroller .list__item { + padding: 5px 10px; + min-height: 50px; + box-sizing: border-box; + letter-spacing: -0.4px; +} + +.th-keeweb-cupertino-theme .app__list-wrap .app__list .list .list__items .scroller .list__item:hover { + color: var(--color-mac-text-default); + border: none; + background: var(--color-mac-finder-sidebar-highlight); +} + +.th-keeweb-cupertino-theme .app__list-wrap .app__list .list .list__items .scroller .list__item:not(.list__item--table) { + height: unset; +} + +.th-keeweb-cupertino-theme .app__list-wrap .app__list .list .list__items .scroller .list__item .list__item-title { + margin-left: 26px; +} + +.th-keeweb-cupertino-theme .app__list-wrap .app__list .list .list__items .scroller .list__item .list__item-descr { + font-weight: 500; + font-size: 11.5px; + opacity: 0.6; + margin-left: 40px; + color: var(--color-mac-text-default); +} + +.th-keeweb-cupertino-theme .app__list-wrap .app__list .list .list__items .scroller .list__item .list__item-icon { + margin-right: 0; + font-size: 30px; + vertical-align: middle; + color: var(--color-mac-list-item-icon); + text-shadow: 0 1px 3px rgba(0, 0, 0, 0.12); + margin-top: -2px; +} + +.th-keeweb-cupertino-theme .app__list-wrap .app__list .list .list__items .scroller .list__item--active { + background: var(--color-mac-blue-list-highlight); + border: none; +} + +.th-keeweb-cupertino-theme .app__list-wrap .app__list .list .list__items .scroller .list__item--active:hover { + background: var(--color-mac-blue-list-highlight); +} + +.th-keeweb-cupertino-theme .app__list-wrap .app__list .list .list__items .scroller .list__item--active .list__item-icon { + color: var(--color-mac-text-light); +} + +.th-keeweb-cupertino-theme .app__list-wrap .app__list .list .list__items .scroller .list__item--active .list__item-title { + color: var(--color-mac-text-light); +} + +.th-keeweb-cupertino-theme .app__list-wrap .app__list .list .list__items .scroller .list__item--active .list__item-descr { + color: var(--color-mac-text-light); +} + +.th-keeweb-cupertino-theme .app__list-wrap .app__list-drag { + border: 1px solid var(--color-mac-scrollbar-border); + margin-left: -1px; + width: 13px; + background: var(--color-mac-scrollbar-background); + margin-bottom: -1px; + margin-top: -1px; +} + +.th-keeweb-cupertino-theme .app__list-wrap .app__list-drag .drag-handle__inner { + width: 13px; +} + +.th-keeweb-cupertino-theme .app__list-wrap .app__details { + padding: 30px 30px 0; +} + +.th-keeweb-cupertino-theme .app__list-wrap .app__details .details .details__header { + border-bottom: 1px solid var(--color-mac-window-content-divider); + margin-bottom: 20px; +} + +.th-keeweb-cupertino-theme .app__list-wrap .app__details .details .details__header .details__header-title { + font-size: 24px; + font-weight: 700; + font-family: Arial, sans-serif; +} + +.th-keeweb-cupertino-theme .app__list-wrap .app__details .details .details__header .details__header-title-input { + font-size: 24px; + font-weight: 700; + font-family: Arial, sans-serif; + height: 42px; + line-height: 42px; +} + +.th-keeweb-cupertino-theme .app__list-wrap .app__details .details .details__header .details__header-icon { + border: 1px solid var(--color-mac-button-outline); + border-radius: 4px; + padding: 3px 17px; + color: var(--color-mac-button-outline); +} + +.th-keeweb-cupertino-theme .app__list-wrap .app__details .details .details__body .scroller { + min-width: 100px !important; + max-width: 100% !important; + display: block; +} + +.th-keeweb-cupertino-theme .app__list-wrap .app__details .details .details__body-fields, +.th-keeweb-cupertino-theme .app__list-wrap .app__details .details .details__body-aside { + border: 1px solid var(--color-mac-card-border) !important; + background: var(--color-mac-card-background); + border-radius: 4px; + padding: 0 8px; + flex: none; + margin: 0; +} + +.th-keeweb-cupertino-theme .app__list-wrap .app__details .details .details__body-fields .details__field, +.th-keeweb-cupertino-theme .app__list-wrap .app__details .details .details__body-aside .details__field { + margin-bottom: 0 !important; + display: flex; + align-items: center; + font-size: 11px; + padding: 8px; +} + +.th-keeweb-cupertino-theme .app__list-wrap .app__details .details .details__body-fields .details__field:not(:last-child), +.th-keeweb-cupertino-theme .app__list-wrap .app__details .details .details__body-aside .details__field:not(:last-child) { + border-bottom: 1px solid var(--color-mac-card-border); +} + +.th-keeweb-cupertino-theme .app__list-wrap .app__details .details .details__body-fields .details__field .details__field-value, +.th-keeweb-cupertino-theme .app__list-wrap .app__details .details .details__body-aside .details__field .details__field-value { + align-self: center; + color: var(--color-mac-text-default); +} + +.th-keeweb-cupertino-theme .app__list-wrap .app__details .details .details__body-fields .details__field .details__field-value textarea, +.th-keeweb-cupertino-theme .app__list-wrap .app__details .details .details__body-aside .details__field .details__field-value textarea { + min-height: 4em !important; +} + +.th-keeweb-cupertino-theme .app__list-wrap .app__details .details .details__body-fields .details__field .details__field-value a, +.th-keeweb-cupertino-theme .app__list-wrap .app__details .details .details__body-aside .details__field .details__field-value a { + color: var(--color-mac-text-default); +} + +.th-keeweb-cupertino-theme .app__list-wrap .app__details .details .details__body-fields .details__field .details__field-value .details__field-value-btn, +.th-keeweb-cupertino-theme .app__list-wrap .app__details .details .details__body-aside .details__field .details__field-value .details__field-value-btn { + top: 2px; + color: var(--color-mac-text-default); +} + +.th-keeweb-cupertino-theme .app__list-wrap .app__details .details .details__body-fields .details__field .details__field-value-add-label, +.th-keeweb-cupertino-theme .app__list-wrap .app__details .details .details__body-aside .details__field .details__field-value-add-label { + color: var(--color-mac-text-default); +} + +.th-keeweb-cupertino-theme .app__list-wrap .app__details .details .details__body-fields .details__field .details__field-label, +.th-keeweb-cupertino-theme .app__list-wrap .app__details .details .details__body-aside .details__field .details__field-label { + color: var(--color-mac-text-default); + text-align: left; +} + +.th-keeweb-cupertino-theme .app__list-wrap .app__details .details .details__body-fields .details__field .details__field-options, +.th-keeweb-cupertino-theme .app__list-wrap .app__details .details .details__body-aside .details__field .details__field-options { + opacity: 0.7; + color: var(--color-mac-text-default); +} + +.th-keeweb-cupertino-theme .app__list-wrap .app__details .details .details__body-aside { + margin-top: 20px; + margin-bottom: 20px; +} + +.th-keeweb-cupertino-theme .app__list-wrap .app__details .details .details__buttons { + background: var(--color-mac-footer-toolbar-background); + border: 1px solid var(--color-mac-footer-toolbar-border); + margin: -1px -31px; + height: 26px; + color: var(--color-mac-footer-toolbar-icons); +} + +.th-keeweb-cupertino-theme .app__list-wrap .app__details .details .details__buttons i.fa { + color: var(--color-mac-footer-toolbar-icons); +} + +.th-keeweb-cupertino-theme .app__list-wrap .app__details .details .details__buttons .details__buttons-trash, +.th-keeweb-cupertino-theme .app__list-wrap .app__details .details .details__buttons .details__buttons-trash-del { + align-self: center; + width: 25px; + text-align: center; + padding: 7px 2px; + height: unset; + margin-right: 0; + border-right: 1px solid var(--color-mac-footer-toolbar-border); +} + +.th-keeweb-cupertino-theme .app__list-wrap .app__details .details .details__buttons .details__attachments .details__attachment-add { + margin-right: 0; + padding: 2px 9px; + border: none; + border-left: 1px solid var(--color-mac-footer-toolbar-border); + align-self: unset; +} + +.th-keeweb-cupertino-theme .app__list-wrap .app__details .details .details__buttons .details__attachments .details__attachment-add i.fa, +.th-keeweb-cupertino-theme .app__list-wrap .app__details .details .details__buttons .details__attachments .details__attachment-add .details__attachment-add-title { + color: var(--color-mac-footer-toolbar-icons); +} + +.th-keeweb-cupertino-theme .app__list-wrap .app__details .details .details__buttons .details__attachments .details__attachment-add:hover { + background: var(--intermediate-background-color); +} + +.th-keeweb-cupertino-theme .app__list-wrap .app__details .empty-block .empty-block__lower-btns i.fa { + color: var(--color-mac-text-default); +} + +.th-keeweb-cupertino-theme .settings { + background: var(--color-mac-empty-background); + border-left: 1px solid var(--color-mac-finder-frame-border); + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} + +.th-keeweb-cupertino-theme .settings .scroller { + border-radius: 4px; + padding: 15px; +} + +.th-keeweb-cupertino-theme .settings .settings__back-button { + padding: 20px 10px; + background: transparent; + box-shadow: none; + margin-top: 4px; +} + +.th-keeweb-cupertino-theme .settings .settings__general-storage-header { + margin-bottom: 0; + display: flex; + align-items: center; +} + +.th-keeweb-cupertino-theme .settings .shortcut { + border-color: var(--color-mac-button-outline); +} + +.th-keeweb-cupertino-theme .app__menu .menu { + border-right-width: 0; + background: var(--color-mac-finder-sidebar-background); +} + +.th-keeweb-cupertino-theme .app__menu .menu .menu__section { + border: none; +} + +.th-keeweb-cupertino-theme .app__menu .menu .menu__section .menu__item .menu__item-body { + padding-top: 3px; + padding-bottom: 3px; +} + +.th-keeweb-cupertino-theme .app__menu .menu .menu__section .menu__item .menu__item-body:hover { + background: var(--color-mac-finder-sidebar-background); + color: var(--color-mac-finder-sidebar-text); +} + +.th-keeweb-cupertino-theme .app__menu .menu .menu__section .menu__item .menu__item-body .menu__item-title { + color: var(--color-mac-finder-sidebar-text); + padding-left: 0.1em; +} + +.th-keeweb-cupertino-theme .app__menu .menu .menu__section .menu__item .menu__item-body .menu__item-icon { + color: var(--color-mac-finder-sidebar-icon); +} + +.th-keeweb-cupertino-theme .app__menu .menu .menu__section .menu__item .menu__item-body .menu__item-edit, +.th-keeweb-cupertino-theme .app__menu .menu .menu__section .menu__item .menu__item-body .menu__item-empty-trash { + opacity: 0.5; + top: 6px; + color: var(--color-mac-text-default); +} + +.th-keeweb-cupertino-theme .app__menu .menu .menu__section .menu__item .fa { + font-size: 15px; + flex-basis: 30px; + text-align: center; +} + +.th-keeweb-cupertino-theme .app__menu .menu .menu__section .menu__item.menu__item--active .menu__item-body { + background: var(--color-mac-finder-sidebar-highlight); + color: var(--color-mac-finder-sidebar-text); +} + +.th-keeweb-cupertino-theme .app__menu .menu .menu__section .menu__item.menu__item--active .menu__item-body .menu__item-title, +.th-keeweb-cupertino-theme .app__menu .menu .menu__section .menu__item.menu__item--active .menu__item-body .menu__item-icon, +.th-keeweb-cupertino-theme .app__menu .menu .menu__section .menu__item.menu__item--active .menu__item-body .menu__item-edit { + color: var(--color-mac-finder-sidebar-text-active); +} + +.th-keeweb-cupertino-theme .app__menu .menu .menu__section .menu__item.menu__item--active .menu__item-body svg { + fill: #000; +} + +.th-keeweb-cupertino-theme .app__menu .menu .menu__section .menu__item.menu__item--active .menu__item-body:hover { + background: var(--color-mac-finder-sidebar-highlight); + color: var(--color-mac-finder-sidebar-text-active); +} + +.th-keeweb-cupertino-theme .app__menu .menu .menu__section:last-child { + border-top: 1px solid var(--color-mac-footer-toolbar-border); +} + +.th-keeweb-cupertino-theme .app__menu .menu .menu__drag-section { + background: transparent; + height: 13px; +} + +.th-keeweb-cupertino-theme .app__menu .menu .menu__drag-section .drag-handle__inner { + border-top: 1px solid var(--color-mac-window-drag-handle); + height: 13px; +} + +.th-keeweb-cupertino-theme .app__menu-drag { + background: transparent; + width: 13px; + margin-left: -13px; +} + +.th-keeweb-cupertino-theme .app__menu-drag .drag-handle__inner { + border-right: 1px solid var(--color-mac-window-drag-handle); + width: 13px; + left: 0; +} + +.th-keeweb-cupertino-theme .open { + align-items: stretch; + background: var(--color-mac-settings-section-background-dark); + border-radius: 4px; + /** + * Start page icons + */ +} + +.th-keeweb-cupertino-theme .open .open__icons { + background: var(--color-mac-settings-section-background); + padding: 20px 0; +} + +.th-keeweb-cupertino-theme .open .open__icons .open__icon { + padding: 10px 20px; + margin: 0; +} + +.th-keeweb-cupertino-theme .open .open__icons .open__icon:hover { + background: var(--intermediate-background-color); + color: var(--color-mac-text-default); + border-radius: 4px; +} + +.th-keeweb-cupertino-theme .open .open__icons.open__icons--lower { + margin-top: -20px; + padding-top: 0; + padding-bottom: 20px; +} + +.th-keeweb-cupertino-theme .open .open__pass-area { + width: 100%; + padding: 20px 0; +} + +.th-keeweb-cupertino-theme .open .open__pass-area .open__pass-field-wrap { + margin-bottom: 30px; +} + +.th-keeweb-cupertino-theme .open .open__pass-area .open__pass-field-wrap .open__pass-input { + padding: 30px; + border-radius: 6px; + border: 2px solid var(--color-mac-blue-list-highlight); + margin: 0 auto; +} + +.th-keeweb-cupertino-theme .open .open__pass-area .open__pass-field-wrap .open__pass-enter-btn, +.th-keeweb-cupertino-theme .open .open__pass-area .open__pass-field-wrap .open__pass-opening-icon { + color: var(--color-mac-blue-list-highlight); + right: 22vw; + left: unset; +} + +.th-keeweb-cupertino-theme .open .open__pass-area .open__settings { + display: flex; + align-items: center; + height: 35px; + width: 100%; + max-width: 38vw; + margin: 0 auto; + padding-left: 0; +} + +.th-keeweb-cupertino-theme .open .open__pass-area .open__settings:hover { + background: var(--color-mac-window-content-panel); + color: var(--color-mac-text-default); + border-radius: 4px; +} + +.th-keeweb-cupertino-theme .open .open__pass-area .open__settings .open__settings-key-file { + color: var(--color-mac-text-default); + padding: 0.5em 1em; +} + +.th-keeweb-cupertino-theme .open .open__pass-area .open__settings .open__settings-key-file .open__settings-key-file-dropbox { + color: var(--color-mac-text-default); +} + +.th-keeweb-cupertino-theme .open .open__pass-area .open__last { + width: 100%; + max-width: 38vw; + margin: 0 auto; +} + +.th-keeweb-cupertino-theme .open .open__pass-area .open__last .open__last-item { + color: var(--color-mac-text-default); +} + +.th-keeweb-cupertino-theme .open .open__pass-area .open__last .open__last-item:hover { + background: var(--color-mac-window-content-panel); + color: var(--color-mac-text-default); + border-radius: 4px; +} + +.th-keeweb-cupertino-theme .open .open__pass-area .open__last .open__last-item .open__last-item-icon-del { + color: var(--color-mac-text-default); +} + +.th-keeweb-cupertino-theme .open .open__icons .open__icon-i, +.th-keeweb-cupertino-theme .open .open__icons .open__icon-svg { + font-size: 40px; +} + +.th-keeweb-cupertino-theme .open .open__icons .fa-lock { + background-image: linear-gradient(to top, orange, orange, orange, orange, grey, #bdbdbd, #e2e2e2); + -webkit-background-clip: text; + color: transparent; +} + +.th-keeweb-cupertino-theme .open .open__icons .fa-bolt { + background-image: linear-gradient(to top, orange, orange, orange, orange, orange, yellow, #bdbdbd); + -webkit-background-clip: text; + color: transparent; +} + +.th-keeweb-cupertino-theme .open .open__icons .fa-dropbox { + color: #0055f8; +} + +.th-keeweb-cupertino-theme .open .open__icons div#open__icon-storage--gdrive svg path { + fill: #e03a2d; +} + +.th-keeweb-cupertino-theme .open .open__icons div#open__icon-storage--onedrive svg path { + fill: #006dce; +} + +.th-keeweb-cupertino-theme .open .open__icons .fa-cog { + background-image: linear-gradient(to top, #626262, #8d8d8d, #aeaeae, #777); + -webkit-background-clip: text; + color: transparent; +} + +.th-keeweb-cupertino-theme .open .open__icons .fa-server { + color: #0074bc; +} + +.th-keeweb-cupertino-theme .open .open__icons .fa-plus { + background-image: linear-gradient(to top, #258115, #3f9d44, #1ab80f, #56c618); + -webkit-background-clip: text; + color: transparent; +} + +.th-keeweb-cupertino-theme .open .open__icons .fa-magic { + background-image: linear-gradient(to top, #333, #333, gray, purple, violet); + -webkit-background-clip: text; + color: transparent; +} + +.th-keeweb-cupertino-theme .open .open__icons .fa-ellipsis-h:before { + background-image: linear-gradient(to top, #136dcf, #0778f5, #00b7ff); + -webkit-background-clip: text; + color: transparent; +} + +.th-keeweb-cupertino-theme .open .open__icons .open__icon-text { + color: #717171; + font-size: var(--font-size-label); + font-weight: 300; + letter-spacing: -0.5pt; +} + +.th-keeweb-cupertino-theme .open .open__icons .open__icon-text:hover { + color: #717171; +} + +.th-keeweb-cupertino-theme .grp .scroller .grp__content > div:not([class]) { + display: flex; + align-items: center; +} + +.th-keeweb-cupertino-theme .app__footer { + height: 34px; + border-color: var(--color-mac-list-item-divider); + background-image: var(--color-mac-footer-background); + display: flex; + align-items: center; + font-size: 11px; + font-weight: 400; + opacity: 0.9; +} + +.th-keeweb-cupertino-theme .app__footer .footer { + align-items: center; + width: 100%; + height: 100%; +} + +.th-keeweb-cupertino-theme .app__footer .footer__db { + padding-top: 0; + padding-bottom: 0; + color: var(--color-mac-footer-icons); + height: 100%; + display: flex; + align-items: center; +} + +.th-keeweb-cupertino-theme .app__footer .footer__db i.fa { + margin-right: 6px; +} + +.th-keeweb-cupertino-theme .app__footer .footer__db--expanded { + flex: unset; +} + +.th-keeweb-cupertino-theme .app__footer .footer__btn { + padding-top: 0; + padding-bottom: 0; + color: var(--color-mac-footer-icons); + height: 100%; + display: flex; + align-items: center; + justify-content: center; +} + +.th-keeweb-cupertino-theme .app__footer .footer__btn.footer__btn-help { + margin-left: auto; +} + +.th-keeweb-cupertino-theme .dropdown { + box-shadow: var(--color-mac-dropdown-box-shadow); + background: var(--color-mac-dropdown-background); + backdrop-filter: blur(20px); + border: 1px solid var(--color-mac-dropdown-border-outline); + border-radius: 4px; +} + +.th-keeweb-cupertino-theme .dropdown .dropdown__item { + padding: 6px 12px; +} + +.th-keeweb-cupertino-theme .dropdown .dropdown__item:hover { + background: var(--color-mac-blue-list-highlight); + color: var(--color-mac-text-light); +} + +.th-keeweb-cupertino-theme .dropdown .dropdown__item:hover .dropdown__item-text { + color: var(--color-mac-text-light); +} + +.th-keeweb-cupertino-theme .dropdown .dropdown__item:hover .dropdown__item-text .muted-color { + color: var(--color-mac-text-light); +} + +.th-keeweb-cupertino-theme .dropdown .dropdown__item .dropdown__item-text .muted-color { + font-size: 12px; + font-weight: 300; +} + +.th-keeweb-cupertino-theme .dropdown .dropdown__item .dropdown__item-icon { + width: 1.2em; +} + +.th-keeweb-cupertino-theme .dropdown .dropdown__item--active { + color: var(--color-mac-text-light); +} + +.th-keeweb-cupertino-theme .tip { + box-shadow: var(--color-mac-dropdown-box-shadow); + background: var(--color-mac-dropdown-background); + backdrop-filter: blur(20px); + border: 1px solid var(--color-mac-dropdown-border-outline); + border-radius: 4px; + animation-duration: 0.25s !important; + color: var(--color-mac-text-default); +} + +.th-keeweb-cupertino-theme .tip:before { + background: var(--color-mac-dropdown-background); + color: var(--color-mac-text-default); + animation-duration: 0.25s !important; +} + +.th-keeweb-cupertino-theme .icon-select .icon-select__items .icon-select__icon--active { + color: var(--color-mac-text-light); +} + +.th-keeweb-cupertino-theme .pika-single { + box-shadow: var(--color-mac-dropdown-box-shadow); + backdrop-filter: blur(20px); + border: 1px solid var(--color-mac-dropdown-border-outline); + border-radius: 4px; + background: var(--color-mac-dropdown-background); + color: var(--color-mac-text-default); +} + +.th-keeweb-cupertino-theme .pika-single .pika-lendar .pika-title .pika-prev, +.th-keeweb-cupertino-theme .pika-single .pika-lendar .pika-title .pika-next { + border: 1px solid var(--color-mac-dropdown-border-outline); + border-radius: 4px; + background: var(--color-mac-input-background); +} + +.th-keeweb-cupertino-theme .pika-single .pika-lendar .pika-title .pika-prev:after, +.th-keeweb-cupertino-theme .pika-single .pika-lendar .pika-title .pika-next:after { + top: 2px; +} + +.th-keeweb-cupertino-theme .pika-single .pika-lendar .pika-title .pika-prev:after { + border-right-color: var(--color-mac-text-default); +} + +.th-keeweb-cupertino-theme .pika-single .pika-lendar .pika-title .pika-next:after { + border-left-color: var(--color-mac-text-default); +} + +.th-keeweb-cupertino-theme .pika-single .pika-lendar .pika-title .pika-label { + background: var(--color-mac-dropdown-background); + color: var(--color-mac-text-default); +} + +.th-keeweb-cupertino-theme .pika-single .pika-lendar .pika-title .pika-label .pika-select { + color: red; +} + +.th-keeweb-cupertino-theme .pika-single .pika-lendar .pika-table th { + color: var(--color-mac-text-default); +} + +.th-keeweb-cupertino-theme .pika-single .pika-lendar .pika-table .pika-row .pika-button:hover { + background: var(--color-mac-blue-list-highlight) !important; + color: var(--color-mac-text-light) !important; +}