.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; }