This repository has no description
Something went wrong. Try again.
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451/* Theme editor stays readable in the extension settings frame. */.bskyplus-theme-editor { --theme-panel: color-mix(in srgb, var(--bg-secondary) 88%, transparent); --theme-line: color-mix(in srgb, var(--border-color) 82%, transparent);}
.bskyplus-theme-editor details { overflow-anchor: none;}
.bskyplus-theme-section-reveal { display: grid; grid-template-rows: 0fr; opacity: 0; transition: grid-template-rows 300ms ease, opacity 180ms ease;}
[data-theme-expanded="true"] > .bskyplus-theme-section-reveal { grid-template-rows: 1fr; opacity: 1;}
.bskyplus-theme-section-content { min-height: 0; min-width: 0; overflow: hidden;}
@media (prefers-reduced-motion: reduce) { .bskyplus-theme-section-reveal { transition: none; }}
.bskyplus-theme-controls,.bskyplus-theme-actions { display: flex; flex-wrap: wrap; gap: 10px; align-items: end;}
.bskyplus-theme-controls { margin: 14px 0; }
.bskyplus-theme-name-field { display: grid; gap: 5px; flex: 1 1 180px; color: var(--text-secondary); font-size: 14px; font-weight: 600;}
.bskyplus-theme-name,.bskyplus-theme-witchsky-uri,.bskyplus-theme-field input[type='text'] { width: 100%; min-height: 34px; border: 1px solid var(--border-color); border-radius: 7px; padding: 7px 9px; color: var(--text-primary); background: var(--bg-primary); font: inherit;}
.bskyplus-theme-library { margin-top: 14px; border: 1px solid var(--theme-line); border-radius: 10px; background: var(--theme-panel);}
.bskyplus-theme-library > summary { padding: 12px; cursor: pointer; color: var(--text-primary); font-size: 14px; font-weight: 600;}
.bskyplus-theme-library-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; padding: 0 12px 12px;}
.bskyplus-theme-library-empty { padding: 0 12px 12px; color: var(--text-secondary); font-size: 13px; line-height: 1.5;}
.bskyplus-theme-card { min-width: 0; display: flex; flex-direction: column; gap: 6px;}
.bskyplus-theme-card-heading { display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 8px;}
.bskyplus-theme-card-name { color: var(--text-primary); font-size: 13px; font-weight: 600; overflow-wrap: anywhere;}
.bskyplus-theme-card-status { color: var(--text-secondary); font-size: 11px;}
.bskyplus-theme-card-preview { margin-top: auto; cursor: pointer;}
.bskyplus-theme-card-preview .bskyplus-theme-preview-bar,.bskyplus-theme-card-preview .bskyplus-theme-preview-post { padding: 8px 10px;}
.bskyplus-theme-card[data-theme-selected='true'] .bskyplus-theme-card-preview { outline: 2px solid var(--text-primary); outline-offset: 2px;}
.bskyplus-theme-skeleton-copy { display: grid; gap: 7px; flex: 1; min-width: 0;}
.bskyplus-theme-skeleton-line { display: block; width: 85%; height: 6px; border-radius: 4px; background: var(--bskyplus-preview-text);}
.bskyplus-theme-preview-bar .bskyplus-theme-skeleton-line { width: 35%; }.bskyplus-theme-skeleton-link { background: var(--bskyplus-preview-link); }.bskyplus-theme-skeleton-muted { width: 100%; background: var(--bskyplus-preview-textMuted); }.bskyplus-theme-skeleton-short { width: 60%; background: var(--bskyplus-preview-textMuted); }.bskyplus-theme-skeleton-reactions { display: flex; gap: 8px; margin-top: 3px; }.bskyplus-theme-skeleton-reactions span { width: 7px; height: 7px; border-radius: 50%; }
.bskyplus-theme-card-preview .bskyplus-theme-preview-button:hover { background: var(--bskyplus-preview-primaryHover);}
.bskyplus-theme-card-preview .bskyplus-theme-preview-button:focus-visible { outline: 2px solid var(--bskyplus-preview-focus); outline-offset: 2px;}
.bskyplus-theme-preview-toggle { display: flex; align-items: center; gap: 7px; color: var(--text-primary); font-size: 13px; font-weight: 600;}
.bskyplus-theme-preview-toggle input { margin: 0; }
.bskyplus-theme-preview-toggle .switch { background: var(--bg-hover); border: 1px solid var(--border-color);}
.bskyplus-theme-preview-toggle .switch::before { top: 2px; left: 2px; background: var(--text-secondary);}
.bskyplus-theme-preview-toggle .switch:checked { background: var(--text-primary); border-color: var(--text-primary);}
.bskyplus-theme-preview-toggle .switch:checked::before { background: var(--bg-primary);}
.bskyplus-theme-preview-toggle .switch:focus-visible { outline: 2px solid var(--text-primary); outline-offset: 3px;}
.bskyplus-theme-contrast-warning { margin: 8px 0 12px; padding: 10px 12px; border: 1px solid var(--border-color); border-left: 3px solid #d69b26; border-radius: 8px; color: var(--text-primary); background: var(--bg-secondary); font-size: 13px; line-height: 1.5;}
.bskyplus-theme-contrast-warning summary { cursor: pointer; font-weight: 600;}
.bskyplus-theme-contrast-warning p { margin-top: 6px; }
.bskyplus-theme-contrast-item { margin: 10px 0;}
.bskyplus-theme-contrast-advice { display: block; margin-top: 3px; color: var(--text-secondary); font-size: 12px;}
.bskyplus-theme-contrast-edit { display: block; margin-top: 5px; padding: 4px 0; border: 0; background: transparent; color: var(--text-primary); font: inherit; font-weight: 600; text-decoration: underline; text-underline-offset: 3px; cursor: pointer;}
.bskyplus-theme-field.bskyplus-theme-field-highlight { background: color-mix(in srgb, #ef5350 18%, var(--bg-primary)); box-shadow: inset 0 0 0 2px #ef5350; scroll-margin-block: 20px; animation: bskyplus-contrast-highlight 3s ease-out forwards;}
@keyframes bskyplus-contrast-highlight { from { background: color-mix(in srgb, #ef5350 18%, var(--bg-primary)); box-shadow: inset 0 0 0 2px #ef5350; } to { background: color-mix(in srgb, var(--bg-primary) 62%, transparent); box-shadow: inset 0 0 0 2px transparent; }}
@media (prefers-reduced-motion: reduce) { .bskyplus-theme-field.bskyplus-theme-field-highlight { animation: none; }}
.bskyplus-theme-contrast-warning ul,.bskyplus-theme-dialog ul { padding-left: 20px; }
.bskyplus-theme-dialog { width: min(440px, calc(100% - 32px)); max-height: calc(100% - 32px); margin: auto; padding: 20px; border: 1px solid var(--border-color); border-radius: 12px; color: var(--text-primary); background: var(--bg-primary); box-shadow: 0 12px 48px #0006; font-size: 14px; line-height: 1.5;}
.bskyplus-theme-dialog::backdrop { background: #0008; }.bskyplus-theme-dialog form { display: grid; gap: 12px; }.bskyplus-theme-dialog h2 { font-size: 18px; }
.bskyplus-theme-dialog .bskyplus-theme-actions { justify-content: flex-end; margin-top: 4px;}
.bskyplus-theme-witchsky { display: flex; flex: 1 1 100%; gap: 8px;}
.bskyplus-theme-witchsky-uri { flex: 1 1 280px; }.bskyplus-theme-witchsky button { flex: 0 0 auto; }
.bskyplus-theme-hue { flex: 1 1 100%; min-width: 0; display: grid; gap: 8px; padding: 12px; border: 1px solid var(--theme-line); border-radius: 8px; background: var(--theme-panel);}
.bskyplus-theme-hue-header { display: flex; align-items: center; gap: 10px; color: var(--text-primary); font-size: 14px; font-weight: 600;}
.bskyplus-theme-hue-header output { margin-left: auto; color: var(--text-secondary); font-variant-numeric: tabular-nums;}
.bskyplus-theme-hue .range-slider { width: 100%; margin: 6px 0;}
.bskyplus-theme-preview { overflow: hidden; border: 1px solid var(--bskyplus-preview-border); border-radius: 10px; background: var(--bskyplus-preview-background); color: var(--bskyplus-preview-text); box-shadow: 0 4px 14px color-mix(in srgb, var(--bskyplus-preview-shadow) 28%, transparent);}
.bskyplus-theme-preview-bar { display: flex; justify-content: space-between; gap: 12px; padding: 10px; background: var(--bskyplus-preview-surface); border-bottom: 1px solid var(--bskyplus-preview-border); font-size: 12px; font-weight: 700;}
.bskyplus-theme-preview-post { display: flex; gap: 8px; padding: 10px; border-bottom: 1px solid var(--bskyplus-preview-border); font-size: 14px;}
.bskyplus-theme-preview-avatar { width: 22px; height: 22px; flex: none; border-radius: 50%; background: var(--bskyplus-preview-primaryMuted); border: 2px solid var(--bskyplus-preview-primary);}
.bskyplus-theme-preview-button { width: calc(100% - 20px); margin: 10px; border: 0; border-radius: 999px; padding: 7px 4px; color: var(--bskyplus-preview-onPrimary); background: var(--bskyplus-preview-primary); font: inherit; font-size: 12px; font-weight: 700; cursor: pointer;}
.bskyplus-theme-contrast,.bskyplus-theme-status { min-height: 18px; margin: 7px 0 10px; color: var(--text-secondary); font-size: 12px;}
.bskyplus-theme-groups { display: grid; gap: 7px; }
.bskyplus-theme-group { border: 1px solid var(--theme-line); border-radius: 8px; background: var(--theme-panel);}
.bskyplus-theme-group summary { cursor: pointer; padding: 10px 12px; color: var(--text-primary); font-size: 13px; font-weight: 700;}
.bskyplus-theme-group-fields { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 270px), 1fr)); gap: 7px; padding: 0 9px 9px;}
.bskyplus-theme-field { display: flex; min-width: 0; align-items: center; gap: 8px; padding: 8px; border-radius: 7px; background: color-mix(in srgb, var(--bg-primary) 62%, transparent);}
.bskyplus-theme-field-copy { min-width: 0; flex: 1; }.bskyplus-theme-field-label { display: block; color: var(--text-primary); font-size: 13px; font-weight: 600; }.bskyplus-theme-field-description { display: block; margin-top: 2px; color: var(--text-secondary); font-size: 12px; line-height: 1.4; }
.bskyplus-theme-color-inputs { display: flex; flex: none; gap: 5px; align-items: center; }.bskyplus-theme-field input[type='color'] { width: 28px; height: 28px; padding: 1px; border: 1px solid var(--border-color); border-radius: 6px; background: transparent; cursor: pointer; }.bskyplus-theme-field input[type='text'] { width: 74px; min-height: 28px; padding: 4px 5px; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 11px; }.bskyplus-theme-field input[aria-invalid='true'] { border-color: #ef5350; }
.bskyplus-theme-actions { margin-top: 12px; }.bskyplus-theme-actions .preset-btn { flex: 0 1 auto; min-height: 34px; }.bskyplus-theme-delete { color: #ef5350; }.bskyplus-theme-actions button:disabled { opacity: .5; cursor: not-allowed; }
@media (max-width: 460px) { .bskyplus-theme-group-fields { grid-template-columns: 1fr; } .bskyplus-theme-actions > * { flex: 1 1 calc(50% - 5px); } .bskyplus-theme-witchsky { flex-wrap: wrap; } .bskyplus-theme-witchsky button { flex: 1 1 100%; }}