deepsky 2.20.4 → 2.20.5

package/dist/index.css

@@ -5367,14 +5367,14 @@ div[data-v-de9c6e02]::before {
 
 
 .ui-sideitem-theme {
-&[data-v-16a272d3] {
+&[data-v-6b669a1b] {
     height: 100%;
     overflow-y: scroll;
     user-select: none;
     padding: 0 0 10px;
 }
 .theme-toolbox {
-&[data-v-16a272d3] {
+&[data-v-6b669a1b] {
         background: linear-gradient(135deg, color-mix(in srgb, var(--page-bg, #ffffff) 86%, transparent) 0%, color-mix(in srgb, var(--selection-bg, #cccccc) 16%, transparent) 100%), var(--sidebar-panel-toolbox-bg);
         display: flex;
         align-items: center;
@@ -5383,45 +5383,45 @@ div[data-v-de9c6e02]::before {
         padding: 10px 12px;
         margin: 6px;
 }
-.toolbox-copy[data-v-16a272d3] {
+.toolbox-copy[data-v-6b669a1b] {
             min-width: 0;
 }
-.toolbox-title[data-v-16a272d3] {
+.toolbox-title[data-v-6b669a1b] {
             font-size: 14px;
             font-weight: 700;
             color: var(--color);
             letter-spacing: 0.08em;
 }
-.toolbox-desc[data-v-16a272d3] {
+.toolbox-desc[data-v-6b669a1b] {
             font-size: 12px;
             color: color-mix(in srgb, var(--color, #333333) 64%, transparent);
             margin-top: 2px;
 }
 .iconfont {
-&[data-v-16a272d3] {
+&[data-v-6b669a1b] {
             font-size: var(--ui-icon-size-lv2);
             color: var(--ui-theme-item-color);
             transition:
                 color 0.2s ease,
                 transform 0.2s ease;
 }
-&[data-v-16a272d3]:hover {
+&[data-v-6b669a1b]:hover {
                 color: var(--ui-catalogue-tools-hover-color);
                 transform: translateX(-2px);
 }
 }
-.tools-icon[data-v-16a272d3] {
+.tools-icon[data-v-6b669a1b] {
             display: flex;
             align-items: center;
             gap: 10px;
 }
 }
 .list-box {
-&[data-v-16a272d3] {
+&[data-v-6b669a1b] {
         padding: 0;
 }
 .bg-item-clear {
-&[data-v-16a272d3] {
+&[data-v-6b669a1b] {
             display: flex;
             justify-content: center;
             align-items: center;
@@ -5439,14 +5439,14 @@ div[data-v-de9c6e02]::before {
                 transform 0.2s ease;
 }
 .clear-shape {
-&[data-v-16a272d3] {
+&[data-v-6b669a1b] {
                 width: 44px;
                 height: 44px;
                 clip-path: polygon(20% 0, 100% 0, 100% 80%, 80% 100%, 0 100%, 0 20%);
                 position: relative;
 }
-&[data-v-16a272d3]::before,
-                &[data-v-16a272d3]::after {
+&[data-v-6b669a1b]::before,
+                &[data-v-6b669a1b]::after {
                     content: "";
                     position: absolute;
                     inset: 50% auto auto 50%;
@@ -5455,19 +5455,19 @@ div[data-v-de9c6e02]::before {
                     background: color-mix(in srgb, var(--selection-bg, #bbbbbb) 65%, transparent);
                     transform-origin: center;
 }
-&[data-v-16a272d3]::before {
+&[data-v-6b669a1b]::before {
                     transform: translate(-50%, -50%) rotate(45deg);
 }
-&[data-v-16a272d3]::after {
+&[data-v-6b669a1b]::after {
                     transform: translate(-50%, -50%) rotate(-45deg);
 }
 }
 }
-.active-theme[data-v-16a272d3] {
+.active-theme[data-v-6b669a1b] {
             border: 2px solid black;
 }
 .bg-item {
-&[data-v-16a272d3] {
+&[data-v-6b669a1b] {
             cursor: pointer;
             border-radius: 4px;
             overflow: hidden;
@@ -5479,7 +5479,7 @@ div[data-v-de9c6e02]::before {
             position: relative;
             min-height: 120px;
 }
-.extention[data-v-16a272d3] {
+.extention[data-v-6b669a1b] {
                 position: absolute;
                 right: 6px;
                 bottom: 6px;
@@ -5491,35 +5491,35 @@ div[data-v-de9c6e02]::before {
                 border-radius: 4px;
                 z-index: 1;
 }
-.extention-image[data-v-16a272d3] {
+.extention-image[data-v-6b669a1b] {
                 color: var(--color);
                 background: var(--text-hover-bg);
 }
-.extention-video[data-v-16a272d3] {
+.extention-video[data-v-6b669a1b] {
                 color: var(--selection-color);
                 background: var(--selection-bg);
 }
-video[data-v-16a272d3] {
+video[data-v-6b669a1b] {
                 width: 100%;
                 min-height: 120px;
                 object-fit: cover;
                 display: block;
 }
-img[data-v-16a272d3] {
+img[data-v-6b669a1b] {
                 width: 100%;
                 min-height: 120px;
                 object-fit: cover;
                 display: block;
 }
 }
-.bg-item[data-v-16a272d3]:hover,
-        .bg-item-clear[data-v-16a272d3]:hover {
+.bg-item[data-v-6b669a1b]:hover,
+        .bg-item-clear[data-v-6b669a1b]:hover {
             transform: translateY(-3px);
             box-shadow: var(--ui-theme-item-hover-shadow);
 }
 }
 .list-title {
-&[data-v-16a272d3] {
+&[data-v-6b669a1b] {
         color: var(--ui-theme-title-color);
         padding: 8px 10px;
         display: flex;
@@ -5529,39 +5529,39 @@ img[data-v-16a272d3] {
         margin: 0 0 10px;
         border-radius: 4px;
 }
-.section-title[data-v-16a272d3] {
+.section-title[data-v-6b669a1b] {
             font-size: 14px;
             font-weight: 700;
             letter-spacing: 0.04em;
 }
-.section-desc[data-v-16a272d3] {
+.section-desc[data-v-6b669a1b] {
             font-size: 12px;
             color: color-mix(in srgb, currentColor 65%, transparent);
             margin-top: 2px;
 }
 .iconfont {
-&[data-v-16a272d3] {
+&[data-v-6b669a1b] {
             cursor: pointer;
             transition:
                 color 0.2s ease,
                 transform 0.2s ease;
 }
-&[data-v-16a272d3]:hover {
+&[data-v-6b669a1b]:hover {
                 transform: rotate(-20deg);
 }
 }
 }
-.list-background[data-v-16a272d3] {
+.list-background[data-v-6b669a1b] {
         background: var(--ui-background-title-bg);
         color: var(--ui-background-title-color);
 }
-.list-theme[data-v-16a272d3] {
+.list-theme[data-v-6b669a1b] {
         background: var(--ui-theme-title-bg);
 }
-.list-note-theme[data-v-16a272d3] {
+.list-note-theme[data-v-6b669a1b] {
         background: var(--ui-theme-title-bg);
 }
-.theme-list[data-v-16a272d3] {
+.theme-list[data-v-6b669a1b] {
         border: var(--sidebar-cube-border);
         background: var(--ui-theme-list-bg);
         border-radius: 12px;
@@ -5570,7 +5570,7 @@ img[data-v-16a272d3] {
         box-shadow: var(--ui-theme-list-shadow);
 }
 .note-theme-list {
-&[data-v-16a272d3] {
+&[data-v-6b669a1b] {
         border: var(--sidebar-cube-border);
         border-radius: 6px;
         padding: 12px;
@@ -5581,7 +5581,7 @@ img[data-v-16a272d3] {
         position: relative;
         overflow: hidden;
 }
-&[data-v-16a272d3]::before {
+&[data-v-6b669a1b]::before {
             content: "";
             position: absolute;
             inset: 0 auto auto 0;
@@ -5590,13 +5590,13 @@ img[data-v-16a272d3] {
             background: radial-gradient(circle, color-mix(in srgb, var(--selection-bg, #bbbbbb) 10%, transparent) 0%, transparent 72%);
             pointer-events: none;
 }
-.theme-card-grid[data-v-16a272d3] {
+.theme-card-grid[data-v-6b669a1b] {
             display: grid;
             grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
             gap: 14px;
 }
 .theme-card {
-&[data-v-16a272d3] {
+&[data-v-6b669a1b] {
             padding: 14px;
             min-height: 216px;
             border: 1px solid color-mix(in srgb, var(--card-primary) 28%, transparent);
@@ -5618,7 +5618,7 @@ img[data-v-16a272d3] {
                 0 12px 24px color-mix(in srgb, var(--card-primary) 10%, transparent),
                 inset 0 1px 0 rgba(255, 255, 255, 0.55);
 }
-&[data-v-16a272d3]::before {
+&[data-v-6b669a1b]::before {
                 content: "";
                 position: absolute;
                 inset: -1px;
@@ -5627,7 +5627,7 @@ img[data-v-16a272d3] {
                 clip-path: polygon(12px 0, 100% 0, 100% calc(100% - 12px), calc(100% - 12px) 100%, 0 100%, 0 12px);
                 pointer-events: none;
 }
-&[data-v-16a272d3]::after {
+&[data-v-6b669a1b]::after {
                 content: "";
                 position: absolute;
                 right: -34px;
@@ -5637,13 +5637,13 @@ img[data-v-16a272d3] {
                 background: radial-gradient(circle, color-mix(in srgb, var(--card-accent) 24%, transparent) 0%, transparent 70%);
                 pointer-events: none;
 }
-.theme-card-head[data-v-16a272d3] {
+.theme-card-head[data-v-6b669a1b] {
                 display: flex;
                 align-items: flex-start;
                 justify-content: space-between;
                 gap: 10px;
 }
-.theme-motif[data-v-16a272d3] {
+.theme-motif[data-v-6b669a1b] {
                 font-size: 12px;
                 color: color-mix(in srgb, var(--card-ink) 78%, transparent);
                 background: color-mix(in srgb, var(--card-primary) 10%, transparent);
@@ -5652,23 +5652,23 @@ img[data-v-16a272d3] {
                 padding: 5px 10px;
                 max-width: 72%;
 }
-.theme-key[data-v-16a272d3] {
+.theme-key[data-v-6b669a1b] {
                 font-size: 11px;
                 font-weight: 700;
                 color: color-mix(in srgb, var(--card-primary) 84%, var(--card-ink) 16%);
                 letter-spacing: 0.08em;
                 text-transform: uppercase;
 }
-.theme-geometry[data-v-16a272d3] {
+.theme-geometry[data-v-6b669a1b] {
                 position: relative;
                 min-height: 96px;
                 margin: 12px 0 10px;
 }
-.geo[data-v-16a272d3] {
+.geo[data-v-6b669a1b] {
                 position: absolute;
                 display: block;
 }
-.geo-diamond[data-v-16a272d3] {
+.geo-diamond[data-v-6b669a1b] {
                 width: 74px;
                 height: 74px;
                 left: 12px;
@@ -5677,7 +5677,7 @@ img[data-v-16a272d3] {
                 clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
                 box-shadow: 0 10px 24px color-mix(in srgb, var(--card-primary) 22%, transparent);
 }
-.geo-band[data-v-16a272d3] {
+.geo-band[data-v-6b669a1b] {
                 width: 88px;
                 height: 18px;
                 right: 8px;
@@ -5687,7 +5687,7 @@ img[data-v-16a272d3] {
                 transform: rotate(-17deg);
 }
 .geo-orbit {
-&[data-v-16a272d3] {
+&[data-v-6b669a1b] {
                 width: 120px;
                 height: 54px;
                 right: 10px;
@@ -5696,7 +5696,7 @@ img[data-v-16a272d3] {
                 border-radius: 999px;
                 transform: rotate(-18deg);
 }
-&[data-v-16a272d3]::before {
+&[data-v-6b669a1b]::before {
                     content: "";
                     position: absolute;
                     top: 50%;
@@ -5709,7 +5709,7 @@ img[data-v-16a272d3] {
                     box-shadow: 0 0 12px color-mix(in srgb, var(--card-accent) 40%, transparent);
 }
 }
-.geo-cut[data-v-16a272d3] {
+.geo-cut[data-v-6b669a1b] {
                 width: 48px;
                 height: 48px;
                 left: 92px;
@@ -5718,43 +5718,43 @@ img[data-v-16a272d3] {
                 border: 1px solid color-mix(in srgb, var(--card-primary) 24%, transparent);
                 clip-path: polygon(0 0, 100% 0, 72% 100%, 0 100%);
 }
-.theme-card-foot[data-v-16a272d3] {
+.theme-card-foot[data-v-6b669a1b] {
                 position: relative;
                 z-index: 1;
 }
-.theme-name[data-v-16a272d3] {
+.theme-name[data-v-6b669a1b] {
                 font-size: 15px;
                 font-weight: 700;
 }
-.theme-palette-text[data-v-16a272d3] {
+.theme-palette-text[data-v-6b669a1b] {
                 margin-top: 4px;
                 font-size: 12px;
                 color: color-mix(in srgb, var(--card-ink) 65%, transparent);
 }
-.theme-swatches[data-v-16a272d3] {
+.theme-swatches[data-v-6b669a1b] {
                 display: flex;
                 align-items: center;
                 gap: 8px;
                 margin-top: 12px;
 }
-.swatch[data-v-16a272d3] {
+.swatch[data-v-6b669a1b] {
                 width: 18px;
                 height: 18px;
                 border-radius: 6px;
                 border: 1px solid rgba(255, 255, 255, 0.5);
                 box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
 }
-.swatch-primary[data-v-16a272d3] {
+.swatch-primary[data-v-6b669a1b] {
                 background: var(--card-primary);
 }
-.swatch-accent[data-v-16a272d3] {
+.swatch-accent[data-v-6b669a1b] {
                 background: var(--card-accent);
 }
-.swatch-surface[data-v-16a272d3] {
+.swatch-surface[data-v-6b669a1b] {
                 background: var(--card-surface);
                 border-color: color-mix(in srgb, var(--card-primary) 18%, transparent);
 }
-&[data-v-16a272d3]:hover {
+&[data-v-6b669a1b]:hover {
                 transform: translateY(-4px);
                 border-color: color-mix(in srgb, var(--card-primary) 48%, transparent);
                 box-shadow:
@@ -5762,10 +5762,10 @@ img[data-v-16a272d3] {
                     0 0 18px color-mix(in srgb, var(--card-accent) 14%, transparent),
                     inset 0 1px 0 rgba(255, 255, 255, 0.12);
 }
-&[data-v-16a272d3]:active {
+&[data-v-6b669a1b]:active {
                 transform: translateY(-1px);
 }
-&.active-theme[data-v-16a272d3] {
+&.active-theme[data-v-6b669a1b] {
                 border-color: color-mix(in srgb, var(--card-primary) 68%, transparent) !important;
                 box-shadow:
                     0 0 0 1px color-mix(in srgb, var(--card-primary) 34%, transparent),
@@ -5776,7 +5776,7 @@ img[data-v-16a272d3] {
 }
 }
 .background-list {
-&[data-v-16a272d3] {
+&[data-v-6b669a1b] {
         margin: 6px;
         border: var(--ui-background-list-border);
         background: linear-gradient(155deg, color-mix(in srgb, var(--page-bg, #ffffff) 96%, transparent) 0%, color-mix(in srgb, var(--selection-bg, #cccccc) 6%, transparent) 100%), var(--ui-background-list-bg);
@@ -5784,7 +5784,7 @@ img[data-v-16a272d3] {
         padding: 12px;
         box-shadow: var(--ui-theme-list-shadow);
 }
-.background-grid[data-v-16a272d3] {
+.background-grid[data-v-6b669a1b] {
             display: grid;
             grid-template-columns: repeat(auto-fit, minmax(136px, 1fr));
             gap: 12px;

package/dist/index.d.ts

@@ -2573,10 +2573,13 @@ declare const AdapterUiPreset: {
 
 declare const AdapterUiTheme: {
     get data(): IUiTheme.Data;
+    get v5(): IUiTheme.V5;
     get v3(): IUiTheme.V3;
     get v4(): IUiTheme.V4;
     get meta(): IUi.Meta;
-    update_data(versions: IUi.Versions, data?: IUiTheme.Data): IUiTheme.Data;
+    update_data(versions: IUi.Versions, data?: any): IUiTheme.Data;
+    v4_to_v5(data: IUiTheme.V4): IUiTheme.V5;
+    to_v4(data: any): IUiTheme.V4;
     get version(): number;
     get type(): IUi.Core;
 };
@@ -2685,10 +2688,13 @@ declare const AdapterUi: {
     };
     get theme(): {
         get data(): IUiTheme.Data;
+        get v5(): IUiTheme.V5;
         get v3(): IUiTheme.V3;
         get v4(): IUiTheme.V4;
         get meta(): IUi.Meta;
-        update_data(versions: IUi.Versions, data?: IUiTheme.Data): IUiTheme.Data;
+        update_data(versions: IUi.Versions, data?: any): IUiTheme.Data;
+        v4_to_v5(data: IUiTheme.V4): IUiTheme.V5;
+        to_v4(data: any): IUiTheme.V4;
         get version(): number;
         get type(): IUi.Core;
     };
@@ -3208,25 +3214,28 @@ declare class UITheme extends UiBase {
     protected _link: HTMLLinkElement;
     protected _style: HTMLStyleElement;
     protected _builtin_theme: Record<string, IUiTheme.ThemeItem<IUiTheme.Names>>;
+    protected _backgrounds: Record<string, IUiTheme.BackgroundItem>;
     constructor(note: Note);
+    get backgrounds(): Record<string, IUiTheme.BackgroundItem>;
     get builtin_theme(): Record<string, IUiTheme.ThemeItem<IUiTheme.Names>>;
     get themes(): Record<string, IUiTheme.ThemeItem<IUiTheme.Names>>;
-    get backgrounds(): Record<string, IUiTheme.BackgroundItem>;
     get adapter(): {
         get data(): IUiTheme.Data;
+        get v5(): IUiTheme.V5;
         get v3(): IUiTheme.V3;
         get v4(): IUiTheme.V4;
         get meta(): IUi.Meta;
-        update_data(versions: IUi.Versions, data?: IUiTheme.Data): IUiTheme.Data;
+        update_data(versions: IUi.Versions, data?: any): IUiTheme.Data;
+        v4_to_v5(data: IUiTheme.V4): IUiTheme.V5;
+        to_v4(data: any): IUiTheme.V4;
         get version(): number;
         get type(): IUi.Core;
     };
-    get active_theme_key(): string;
-    get active_background_key(): string;
+    get active_theme_id(): string;
+    get active_background_id(): string;
     get link(): HTMLLinkElement;
     get style(): HTMLStyleElement;
     get default_theme(): IUiTheme.ThemeItem<IUiTheme.Names>;
-    get map_background(): Map<string, IUiTheme.BackgroundItem>;
     get map_theme(): Map<string, IUiTheme.ThemeItem<IUiTheme.Names>>;
     get active_theme(): IUiTheme.ThemeItem | undefined;
     get active_background(): IUiTheme.BackgroundItem | undefined;
@@ -3237,7 +3246,8 @@ declare class UITheme extends UiBase {
         filter: string;
     };
     protected init(): void;
-    get_background_filter(filters?: IUiTheme.BackgroundFilter): string;
+    get_filter(id?: string, create?: boolean): IUiTheme.BackgroundFilter | undefined;
+    get_filter_string(id?: string, create?: boolean): string;
     get_theme(id: string): IUiTheme.ThemeItem | undefined;
     get_background(id: string): IUiTheme.BackgroundItem | undefined;
     load_themes(themes: IUiTheme.ThemeItem[]): void;
@@ -5633,7 +5643,13 @@ declare namespace INoteClipboard {
 
 declare namespace IUiTheme {
     type Names = "default" | "teal" | "aurora" | "ember" | "sakura" | "ocean" | "neon" | "forest" | "dusk" | "midnight" | "crimson" | "jade" | "stardust";
-    type Data = V4;
+    type Data = V5;
+    interface V5 {
+        active_background: string;
+        active_theme: string;
+        themes: Record<string, ThemeItem>;
+        backgrounds: Record<string, BackgroundFilter>;
+    }
     interface V4 {
         active_background: string;
         active_theme: string;