earthnut 0.2.3-alpha.1 → 0.2.3-alpha.3

package/{customHooks → type/customHooks}/useRipples/rippersData/vertexSource.d.ts

@@ -1,6 +1,6 @@
 /**
  * @license MIT
- * earthnut@customHooks/useRipples/rippersData/vertexSource.d.ts 
+ * enr@type/customHooks/useRipples/rippersData/vertexSource.d.ts 
  * Copyright (c) 2025 earthnut.dev
  * 请在项目根参看详细许可证明
  */

package/{customHooks → type/customHooks}/useRipples/ripple.html.d.ts

@@ -1,6 +1,6 @@
 /**
  * @license MIT
- * earthnut@customHooks/useRipples/ripple.html.d.ts 
+ * enr@type/customHooks/useRipples/ripple.html.d.ts 
  * Copyright (c) 2025 earthnut.dev
  * 请在项目根参看详细许可证明
  */

package/{customHooks → type/customHooks}/useRipples/ripplesClass.d.ts

@@ -1,6 +1,6 @@
 /**
  * @license MIT
- * earthnut@customHooks/useRipples/ripplesClass.d.ts 
+ * enr@type/customHooks/useRipples/ripplesClass.d.ts 
  * Copyright (c) 2025 earthnut.dev
  * 请在项目根参看详细许可证明
  */

package/{customHooks → type/customHooks}/useRipples/tools.d.ts

@@ -1,6 +1,6 @@
 /**
  * @license MIT
- * earthnut@customHooks/useRipples/tools.d.ts 
+ * enr@type/customHooks/useRipples/tools.d.ts 
  * Copyright (c) 2025 earthnut.dev
  * 请在项目根参看详细许可证明
  */

package/{customHooks → type/customHooks}/useRipples/types.d.ts

@@ -1,6 +1,6 @@
 /**
  * @license MIT
- * earthnut@customHooks/useRipples/types.d.ts 
+ * enr@type/customHooks/useRipples/types.d.ts 
  * Copyright (c) 2025 earthnut.dev
  * 请在项目根参看详细许可证明
  */
@@ -12,6 +12,7 @@
  * @CreateDate  周二  12/17/2024
  * @Description BackgroundRipples 的类型声明文件
  ****************************************************************************/
+import { HTMLAttributes } from 'react';
 export type ImageCrossOrigin = 'anonymous' | 'use-credentials' | 'no-cors';
 /**
  *
@@ -34,7 +35,7 @@ export type ImageCrossOrigin = 'anonymous' | 'use-credentials' | 'no-cors';
  *    - darkMode 暗黑模式，仅用于在默认的背景图时更改默认背景图的背景色，如果使用了 `imgUrl` 配置，请执行处理色差异常
  *
  */
-export type BackgroundRipplesProps = React.HTMLAttributes<HTMLDivElement> & {
+export type BackgroundRipplesProps = HTMLAttributes<HTMLDivElement> & {
     /**
      * ## 可设定涟漪的参数
      *

package/{customHooks → type/customHooks}/useRipples/use-lazy-ripple.d.ts

@@ -1,14 +1,15 @@
 /**
  * @license MIT
- * earthnut@customHooks/useRipples/use-lazy-ripple.d.ts 
+ * enr@type/customHooks/useRipples/use-lazy-ripple.d.ts 
  * Copyright (c) 2025 earthnut.dev
  * 请在项目根参看详细许可证明
  */
+import { RefObject } from 'react';
 import { Ripples } from './ripplesClass';
 import { RipplesOptions } from './types';
 /**  动态加载包含的自定义的钩子  */
-export declare function useLazyRipples(canvas: React.RefObject<HTMLCanvasElement | null>, option?: RipplesOptions): {
-    ripples: React.RefObject<Ripples | null>;
+export declare function useLazyRipples(canvas: RefObject<HTMLCanvasElement | null>, option?: RipplesOptions): {
+    ripples: RefObject<Ripples | null>;
     isLoading: boolean;
     error: unknown;
 };

package/{customHooks → type/customHooks}/useTimeId.d.ts

@@ -1,6 +1,6 @@
 /**
  * @license MIT
- * earthnut@customHooks/useTimeId.d.ts 
+ * enr@type/customHooks/useTimeId.d.ts 
  * Copyright (c) 2025 earthnut.dev
  * 请在项目根参看详细许可证明
  */

package/type/dog.d.ts

@@ -0,0 +1,8 @@
+/**
+ * @license MIT
+ * enr@type/dog.d.ts 
+ * Copyright (c) 2025 earthnut.dev
+ * 请在项目根参看详细许可证明
+ */
+/**  开发环境执行，该方法在 env === 'production' 时通过 babel 和 webpack 过滤移除  */
+export declare const dog: import("@qqi/log").DevLog;

package/{index.client.d.ts → type/index.client.d.ts}

@@ -1,6 +1,6 @@
 /**
  * @license MIT
- * earthnut@index.client.d.ts 
+ * enr@type/index.client.d.ts 
  * Copyright (c) 2025 earthnut.dev
  * 请在项目根参看详细许可证明
  */
@@ -15,3 +15,6 @@ export type { Ripples, BackgroundRipplesProps, RipplesOptions, RippleImgUrl, } f
 export type { LayoutProps, LayoutSideBarProps, LayoutHeaderProps, LayoutFooterProps, } from './components/layout';
 export { Image, Image as EnImage } from './components/image';
 export type { EnImageProps } from './components/image';
+export { useColorMode, ThemeColorModeProvider } from './components/ThemeContext';
+export type { ColorMode, ThemeContextType, ThemeColorModeProviderProps, } from './components/ThemeContext/types';
+export { Switch, Switch as EnSwitch } from './components/switch';

package/{index.d.ts → type/index.d.ts}

@@ -1,6 +1,6 @@
 /**
  * @license MIT
- * earthnut@index.d.ts 
+ * enr@type/index.d.ts 
  * Copyright (c) 2025 earthnut.dev
  * 请在项目根参看详细许可证明
  */

package/{index.server.d.ts → type/index.server.d.ts}

@@ -1,6 +1,6 @@
 /**
  * @license MIT
- * earthnut@index.server.d.ts 
+ * enr@type/index.server.d.ts 
  * Copyright (c) 2025 earthnut.dev
  * 请在项目根参看详细许可证明
  */

package/type/storage/main-logic .d.ts

@@ -0,0 +1,26 @@
+/**
+ * @license MIT
+ * enr@type/storage/main-logic .d.ts 
+ * Copyright (c) 2025 earthnut.dev
+ * 请在项目根参看详细许可证明
+ */
+declare function set(key: string, value: unknown): void;
+declare function get<T>(key: string): T;
+declare function getAndDel<T = boolean>(key: string): T;
+declare function del(key: string): void;
+declare function clear(): void;
+declare function setSession(key: string, value: unknown): void;
+declare function getSession<T>(key: string): T;
+declare function delSession(key: string): void;
+export { del as delStorage, set as setStorage, get as getStorage, getAndDel as getStorageAndDel, clear as clearStorage, setSession as setSessionStorage, getSession as getSessionStorage, delSession as delSessionStorage, };
+declare const storageMainLogic: {
+    del: typeof del;
+    set: typeof set;
+    get: typeof get;
+    getAndDel: typeof getAndDel;
+    clear: typeof clear;
+    setSession: typeof setSession;
+    getSession: typeof getSession;
+    delSession: typeof delSession;
+};
+export { storageMainLogic };

package/type/storage/storage-store.d.ts

@@ -0,0 +1,14 @@
+/**
+ * @license MIT
+ * enr@type/storage/storage-store.d.ts 
+ * Copyright (c) 2025 earthnut.dev
+ * 请在项目根参看详细许可证明
+ */
+import { ColorMode } from 'components/ThemeContext/types';
+/**  storage 的数据仓库  */
+export declare const storageStore: {
+    /**  获取本地的数据中的主题值  */
+    theme: ColorMode | "";
+    /**  获取本地储存的 token  */
+    token: string;
+};

package/type/utilities/cookie.d.ts

@@ -0,0 +1,20 @@
+/**
+ * @license MIT
+ * enr@type/utilities/cookie.d.ts 
+ * Copyright (c) 2025 earthnut.dev
+ * 请在项目根参看详细许可证明
+ */
+export declare const manageCookie: {
+    getItem(keyItem: string): string | null;
+    setItem(option: {
+        keyItem: string;
+        value: string;
+        end?: string | number | Date;
+        path?: string;
+        domain?: string;
+        secure?: string;
+    }): boolean;
+    deleteItem(key: string, path: string, domain: string): false | undefined;
+    exist(key: string): boolean;
+    keys(): string[];
+};

package/type/utilities/sys.d.ts

@@ -0,0 +1,41 @@
+/**
+ * @license MIT
+ * enr@type/utilities/sys.d.ts 
+ * Copyright (c) 2025 earthnut.dev
+ * 请在项目根参看详细许可证明
+ */
+declare class SysInfo {
+    #private;
+    /**
+     * 设备振动
+     **/
+    vibrate(): void;
+    /**
+     * 分享网站
+     * @param [url='https://letmiseesee.pages.dev'] 网页地址 默认值 https://letmiseesee.pages.dev
+     * @param [text='']  text  文本
+     * @param [title='随笔记余生']  title  网站标题，缺省值
+     * @description
+     **/
+    share(url?: string, text?: string, title?: string): void;
+    /**
+     * 当前是否为手机设备
+     **/
+    isPhone(): boolean;
+    /**
+     * 当前设备是否为小平设备
+     **/
+    get isSmallScreen(): 'small' | 'middle' | 'large';
+    /**
+     * 是否为暗黑模式
+     **/
+    get isDark(): boolean;
+    /**
+     * 设备当前的旋转状态
+     *
+     * 只返回是否旋转
+     **/
+    get isOrientation(): boolean;
+}
+export declare const sysInfo: SysInfo;
+export {};

package/components/button/button.d.ts

@@ -1,11 +0,0 @@
-/**
- * @license MIT
- * earthnut@components/button/button.d.ts 
- * Copyright (c) 2025 earthnut.dev
- * 请在项目根参看详细许可证明
- */
-import React from 'react';
-/**
- * 按钮
- */
-export default function Button(): React.JSX.Element;

package/components/layout/content.d.ts

@@ -1,17 +0,0 @@
-/**
- * @license MIT
- * earthnut@components/layout/content.d.ts 
- * Copyright (c) 2025 earthnut.dev
- * 请在项目根参看详细许可证明
- */
-import React from 'react';
-/**
- *
- * layout content
- *
- *
- * @param {string} className  布局的类名
- *
- */
-declare const InternalValueC: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-export { InternalValueC };

package/components/marquee/MarqueeEle.d.ts

@@ -1,15 +0,0 @@
-/**
- * @license MIT
- * earthnut@components/marquee/MarqueeEle.d.ts 
- * Copyright (c) 2025 earthnut.dev
- * 请在项目根参看详细许可证明
- */
-import React from 'react';
-import { MarqueeProps } from './type';
-import './index.scss';
-/**
- *  一个跑马灯一样的东东
- *
- */
-declare const MarqueeEle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & MarqueeProps & React.RefAttributes<HTMLDivElement>>;
-export { MarqueeEle };

package/components/ripples/Content.d.ts

@@ -1,8 +0,0 @@
-/**
- * @license MIT
- * earthnut@components/ripples/Content.d.ts 
- * Copyright (c) 2025 earthnut.dev
- * 请在项目根参看详细许可证明
- */
-/**  内容组件  */
-export declare const Content: import("styled-components").StyledComponent<"div", any, {}, never>;

package/components/shared/EnLayoutContent/index.d.ts

@@ -1,19 +0,0 @@
-/**
- * @license MIT
- * earthnut@components/shared/EnLayoutContent/index.d.ts 
- * Copyright (c) 2025 earthnut.dev
- * 请在项目根参看详细许可证明
- */
-import { EnLayoutContentProps } from './types';
-/**  创建带样式的组件  */
-export declare const LayoutContentContainer: import("styled-components").StyledComponent<"main", any, {}, never>;
-/**  带样式的组件  */
-export declare const LayoutFooterContent: import("styled-components").StyledComponent<"div", any, {}, never>;
-/**  带样式的头部  */
-export declare const LayoutHeaderContent: import("styled-components").StyledComponent<"div", any, {}, never>;
-/**  带样式的组件  */
-export declare const LayoutSideBarContent: import("styled-components").StyledComponent<"div", any, {}, never>;
-/**  内容区域容器  */
-export declare const LayoutContentWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-/**  元始的外壳  */
-export declare const EnLayoutContent: import("styled-components").StyledComponent<"div", any, EnLayoutContentProps, never>;

package/customHooks/use-xcn/index.d.ts

@@ -1,14 +0,0 @@
-/**
- * @license MIT
- * earthnut@customHooks/use-xcn/index.d.ts 
- * Copyright (c) 2025 earthnut.dev
- * 请在项目根参看详细许可证明
- */
-/**  其实这并不是一个自定义钩子  */
-import { EnTypeofClassNameItem, EnXcn } from 'xcn';
-type EnClassName = 'en-flex' | 'en-flex-row' | 'en-flex-row-reverse' | 'en-flex-column' | 'en-flex-column-reverse' | 'en-flex-wrap' | 'en-full-container' | 'en-center' | 'en-dust' | 'en-text-in-one-line' | 'en-text-in-one-line-hide' | 'en-text-in-two-line' | 'en-color-text' | 'en-bg-red' | 'en-float-left' | 'en-float' | 'en-float-right' | 'en-clear-float' | 'en-clear' | 'en-loading' | 'en-text-center' | 'en-text-right' | 'eb-text-small' | 'en-relative' | 'en-user-select-text' | 'en-cursor-pointer';
-/**  在 xcn 中使用 earthnut 样式类 */
-export declare function _en<T extends EnClassName[]>(...classNameList: T): EnXcn<{
-    [K in keyof T]: EnTypeofClassNameItem<T[K]>;
-}>;
-export {};

package/styles/vars.scss

@@ -1,248 +0,0 @@
-$en-color-neutral-light-70: #f9f9fb;
-$en-color-neutral-light-80: #f2f1f1;
-$en-color-neutral-light-90: #ebeaea;
-
-$en-color-neutral-10: #e2e2e2;
-$en-color-neutral-20: #cdcdcd;
-$en-color-neutral-30: #b3b3b3;
-$en-color-neutral-40: #9e9e9e;
-$en-color-neutral-50: #858585;
-$en-color-neutral-60: #696969;
-$en-color-neutral-70: #4e4e4e;
-$en-color-neutral-75: #313131;
-$en-color-neutral-80: #343434;
-$en-color-neutral-90: #1b1b1b;
-
-$en-color-light-theme-blue: #0085f2;
-$en-color-light-theme-green: #009a46;
-$en-color-light-theme-yellow: #928700;
-$en-color-light-theme-red: #d30038;
-$en-color-light-theme-violet: #9b65ff;
-$en-color-light-theme-pink: #d00058;
-
-$en-color-dark-theme-blue: $en-color-light-theme-blue;
-$en-color-dark-theme-green: $en-color-light-theme-green;
-$en-color-dark-theme-yellow: $en-color-light-theme-yellow;
-$en-color-dark-theme-red: $en-color-light-theme-red;
-$en-color-dark-theme-violet: $en-color-light-theme-violet;
-$en-color-dark-theme-pink: $en-color-light-theme-pink;
-
-$en-color-light-theme-blue-10: #dce2f2;
-$en-color-light-theme-blue-20: #c1cff1;
-$en-color-light-theme-blue-30: #8cb4ff;
-$en-color-light-theme-blue-40: #5e9eff;
-$en-color-light-theme-blue-50: #0085f2;
-$en-color-light-theme-blue-60: #0069c2;
-$en-color-light-theme-blue-70: #004d92;
-$en-color-light-theme-blue-80: #003465;
-$en-color-light-theme-blue-90: #001b3a;
-
-$en-color-dark-theme-blue-10: $en-color-light-theme-blue-10;
-$en-color-dark-theme-blue-20: $en-color-light-theme-blue-20;
-$en-color-dark-theme-blue-30: $en-color-light-theme-blue-30;
-$en-color-dark-theme-blue-40: $en-color-light-theme-blue-40;
-$en-color-dark-theme-blue-50: $en-color-light-theme-blue-50;
-$en-color-dark-theme-blue-60: $en-color-light-theme-blue-60;
-$en-color-dark-theme-blue-70: $en-color-light-theme-blue-70;
-$en-color-dark-theme-blue-80: $en-color-light-theme-blue-80;
-$en-color-dark-theme-blue-90: $en-color-light-theme-blue-90;
-
-$en-color-light-theme-green-10: #a9f3ba;
-$en-color-light-theme-green-20: #73e693;
-$en-color-light-theme-green-30: #00d061;
-$en-color-light-theme-green-40: #00b755;
-$en-color-light-theme-green-50: #009a46;
-$en-color-light-theme-green-60: #007936;
-$en-color-light-theme-green-70: #005a26;
-$en-color-light-theme-green-80: #003d18;
-$en-color-light-theme-green-90: #00210a;
-
-$en-color-dark-theme-green-10: $en-color-light-theme-green-10;
-$en-color-dark-theme-green-20: $en-color-light-theme-green-20;
-$en-color-dark-theme-green-30: $en-color-light-theme-green-30;
-$en-color-dark-theme-green-40: $en-color-light-theme-green-40;
-$en-color-dark-theme-green-50: $en-color-light-theme-green-50;
-$en-color-dark-theme-green-60: $en-color-light-theme-green-60;
-$en-color-dark-theme-green-70: $en-color-light-theme-green-70;
-$en-color-dark-theme-green-80: $en-color-light-theme-green-80;
-$en-color-dark-theme-green-90: $en-color-light-theme-green-90;
-
-$en-color-light-theme-yellow-10: #f0e498;
-$en-color-light-theme-yellow-20: #dfd172;
-$en-color-light-theme-yellow-30: #c7b700;
-$en-color-light-theme-yellow-40: #afa100;
-$en-color-light-theme-yellow-50: #938700;
-$en-color-light-theme-yellow-60: #746a00;
-$en-color-light-theme-yellow-70: #564e00;
-$en-color-light-theme-yellow-80: #3a3500;
-$en-color-light-theme-yellow-90: #1f1c00;
-
-$en-color-dark-theme-yellow-10: $en-color-light-theme-yellow-10;
-$en-color-dark-theme-yellow-20: $en-color-light-theme-yellow-20;
-$en-color-dark-theme-yellow-30: $en-color-light-theme-yellow-30;
-$en-color-dark-theme-yellow-40: $en-color-light-theme-yellow-40;
-$en-color-dark-theme-yellow-50: $en-color-light-theme-yellow-50;
-$en-color-dark-theme-yellow-60: $en-color-light-theme-yellow-60;
-$en-color-dark-theme-yellow-70: $en-color-light-theme-yellow-70;
-$en-color-dark-theme-yellow-80: $en-color-light-theme-yellow-80;
-$en-color-dark-theme-yellow-90: $en-color-light-theme-yellow-90;
-
-$en-color-light-theme-red-10: #ffd9dc;
-$en-color-light-theme-red-20: #ffc0c4;
-$en-color-light-theme-red-30: #ff97a0;
-$en-color-light-theme-red-40: #ff707f;
-$en-color-light-theme-red-50: #ff2a51;
-$en-color-light-theme-red-60: #d30038;
-$en-color-light-theme-red-70: #9e0027;
-$en-color-light-theme-red-80: #6f0019;
-$en-color-light-theme-red-90: #40000a;
-
-$en-color-dark-theme-red-10: $en-color-light-theme-red-10;
-$en-color-dark-theme-red-20: $en-color-light-theme-red-20;
-$en-color-dark-theme-red-30: $en-color-light-theme-red-30;
-$en-color-dark-theme-red-40: $en-color-light-theme-red-40;
-$en-color-dark-theme-red-50: $en-color-light-theme-red-50;
-$en-color-dark-theme-red-60: $en-color-light-theme-red-60;
-$en-color-dark-theme-red-70: $en-color-light-theme-red-70;
-$en-color-dark-theme-red-80: $en-color-light-theme-red-80;
-$en-color-dark-theme-red-90: $en-color-light-theme-red-90;
-
-$en-color-light-theme-violet-10: #e6deff;
-$en-color-light-theme-violet-20: #d4c5ff;
-$en-color-light-theme-violet-30: #bea5ff;
-$en-color-light-theme-violet-40: #ae8aff;
-$en-color-light-theme-violet-50: #9b65ff;
-$en-color-light-theme-violet-60: #872bff;
-$en-color-light-theme-violet-70: #6800cf;
-$en-color-light-theme-violet-80: #480091;
-$en-color-light-theme-violet-90: #280056;
-
-$en-color-dark-theme-violet-10: $en-color-light-theme-violet-10;
-$en-color-dark-theme-violet-20: $en-color-light-theme-violet-20;
-$en-color-dark-theme-violet-30: $en-color-light-theme-violet-30;
-$en-color-dark-theme-violet-40: $en-color-light-theme-violet-40;
-$en-color-dark-theme-violet-50: $en-color-light-theme-violet-50;
-$en-color-dark-theme-violet-60: $en-color-light-theme-violet-60;
-$en-color-dark-theme-violet-70: $en-color-light-theme-violet-70;
-$en-color-dark-theme-violet-80: $en-color-light-theme-violet-80;
-$en-color-dark-theme-violet-90: $en-color-light-theme-violet-90;
-
-$en-color-light-theme-pink-10: #ffd9df;
-$en-color-light-theme-pink-20: #ffbbc8;
-$en-color-light-theme-pink-30: #ff93aa;
-$en-color-light-theme-pink-40: #ff6d91;
-$en-color-light-theme-pink-50: #ff1f72;
-$en-color-light-theme-pink-60: #d00058;
-$en-color-light-theme-pink-70: #9e0041;
-$en-color-light-theme-pink-80: #6d002b;
-$en-color-light-theme-pink-90: #3f0015;
-
-$en-color-dark-theme-pink-10: $en-color-light-theme-pink-10;
-$en-color-dark-theme-pink-20: $en-color-light-theme-pink-20;
-$en-color-dark-theme-pink-30: $en-color-light-theme-pink-30;
-$en-color-dark-theme-pink-40: $en-color-light-theme-pink-40;
-$en-color-dark-theme-pink-50: $en-color-light-theme-pink-50;
-$en-color-dark-theme-pink-60: $en-color-light-theme-pink-60;
-$en-color-dark-theme-pink-70: $en-color-light-theme-pink-70;
-$en-color-dark-theme-pink-80: $en-color-light-theme-pink-80;
-$en-color-dark-theme-pink-90: $en-color-light-theme-pink-90;
-
-$en-color-black: #000;
-$en-color-white: #fff;
-$en-color-ads: #00d0aa;
-
-$en-theme-light-text-primary: $en-color-neutral-90;
-$en-theme-light-text-secondary: $en-color-neutral-70;
-$en-theme-light-text-active: #{$en-color-neutral-50};
-$en-theme-light-text-inactive: #{$en-color-neutral-40}a6;
-$en-theme-light-text-link: $en-color-light-theme-blue-60;
-$en-theme-light-text-invert: $en-color-white;
-$en-theme-light-text-muted: #6f6f6f;
-$en-theme-light-background-primary: $en-color-white;
-$en-theme-light-background-secondary: $en-color-neutral-light-70;
-$en-theme-light-background-tertiary: #ebeaea;
-$en-theme-light-background-toc-active: $en-color-neutral-light-90;
-$en-theme-light-border-primary: $en-color-neutral-20;
-$en-theme-light-border-secondary: $en-color-neutral-20;
-$en-theme-light-border-success: $en-color-light-theme-green-20;
-$en-theme-light-button-primary-default: $en-color-neutral-90;
-$en-theme-light-button-primary-hover: $en-color-neutral-60;
-$en-theme-light-button-primary-active: $en-color-neutral-40;
-$en-theme-light-button-primary-inactive: $en-color-neutral-90;
-$en-theme-light-button-secondary-default: $en-color-white;
-$en-theme-light-button-secondary-hover: $en-color-neutral-20;
-$en-theme-light-button-secondary-active: $en-color-neutral-20;
-$en-theme-light-button-secondary-inactive: $en-color-neutral-light-70;
-$en-theme-light-button-secondary-border-focus: $en-color-light-theme-blue-50;
-$en-theme-light-button-secondary-border-red: $en-color-light-theme-red-30;
-$en-theme-light-button-secondary-border-red-focus: $en-color-light-theme-red-10;
-$en-theme-light-icon-primary: $en-color-neutral-60;
-$en-theme-light-icon-secondary: $en-color-neutral-30;
-$en-theme-light-icon-information: $en-color-light-theme-blue-50;
-$en-theme-light-icon-warning: $en-color-light-theme-red-50;
-$en-theme-light-icon-critical: $en-color-light-theme-red-60;
-$en-theme-light-icon-success: $en-color-light-theme-green-60;
-$en-theme-light-accent-primary: $en-color-light-theme-blue-50;
-$en-theme-light-accent-secondary: $en-color-light-theme-blue-50;
-$en-theme-light-field-focus-border: $en-color-light-theme-blue-50;
-$en-theme-light-focus-01: 0 0 0 3px rgba(0, 144, 237, 0.4);
-$en-theme-light-shadow-01: 0 1px 2px rgba(43, 42, 51, 0.05);
-$en-theme-light-shadow-02: 0 1px 6px rgba(43, 42, 51, 0.1);
-
-$en-theme-light-code-token-tag: $en-color-light-theme-blue-60;
-$en-theme-light-code-token-punctuation: $en-color-neutral-50;
-$en-theme-light-code-token-attribute-name: $en-color-light-theme-red-60;
-$en-theme-light-code-token-attribute-value: $en-color-light-theme-green-60;
-$en-theme-light-code-token-comment: $en-color-neutral-50;
-$en-theme-light-code-token-default: $en-color-neutral-90;
-$en-theme-light-code-token-selector: $en-color-light-theme-violet-60;
-$en-theme-light-code-background-inline: $en-color-neutral-light-80;
-$en-theme-light-code-background-block: $en-color-neutral-light-80;
-
-$en-theme-dark-text-primary: $en-color-white;
-$en-theme-dark-text-secondary: $en-color-neutral-20;
-$en-theme-dark-text-active: #{$en-color-neutral-50};
-$en-theme-dark-text-inactive: #{$en-color-neutral-20}a6;
-$en-theme-dark-text-link: $en-color-dark-theme-blue-30;
-$en-theme-dark-text-invert: $en-color-neutral-90;
-$en-theme-dark-text-muted: #858585;
-$en-theme-dark-background-primary: $en-color-neutral-90;
-$en-theme-dark-background-secondary: $en-color-neutral-75;
-$en-theme-dark-background-tertiary: #858585;
-$en-theme-dark-background-toc-active: $en-color-neutral-80;
-$en-theme-dark-border-primary: $en-color-neutral-50;
-$en-theme-dark-border-secondary: $en-color-neutral-60;
-$en-theme-dark-border-success: $en-color-dark-theme-green-20;
-$en-theme-dark-button-primary-default: $en-color-white;
-$en-theme-dark-button-primary-hover: $en-color-neutral-20;
-$en-theme-dark-button-primary-active: $en-color-neutral-40;
-$en-theme-dark-button-primary-inactive: $en-color-white;
-$en-theme-dark-button-secondary-default: $en-color-neutral-70;
-$en-theme-dark-button-secondary-hover: $en-color-neutral-50;
-$en-theme-dark-button-secondary-active: $en-color-neutral-40;
-$en-theme-dark-button-secondary-inactive: $en-color-neutral-70;
-$en-theme-dark-shadow-01: 0 1px 2px rgba(251, 251, 254, 0.2);
-$en-theme-dark-shadow-02: 0 1px 6px rgba(251, 251, 254, 0.2);
-$en-theme-dark-icon-primary: $en-color-white;
-$en-theme-dark-icon-secondary: $en-color-neutral-30;
-$en-theme-dark-icon-information: $en-color-dark-theme-blue-40;
-$en-theme-dark-icon-warning: $en-color-dark-theme-yellow-40;
-$en-theme-dark-icon-critical: $en-color-dark-theme-red-40;
-$en-theme-dark-icon-success: $en-color-dark-theme-green-40;
-$en-theme-dark-accent-primary: $en-color-dark-theme-blue-40;
-$en-theme-dark-accent-secondary: $en-color-dark-theme-blue-40;
-$en-theme-dark-field-focus-border: $en-color-white;
-$en-theme-dark-focus-01: 0 0 0 3px rgba(251, 251, 254, 0.5);
-
-$en-theme-dark-code-token-tag: $en-color-dark-theme-blue-20;
-$en-theme-dark-code-token-punctuation: $en-color-neutral-30;
-$en-theme-dark-code-token-attribute-name: $en-color-dark-theme-red-30;
-$en-theme-dark-code-token-attribute-value: $en-color-dark-theme-green-30;
-$en-theme-dark-code-token-comment: $en-color-neutral-30;
-$en-theme-dark-code-token-default: $en-color-white;
-$en-theme-dark-code-token-selector: $en-color-dark-theme-violet-30;
-$en-theme-dark-code-background-inline: $en-color-neutral-80;
-$en-theme-dark-code-background-block: $en-color-neutral-80;
-
-// screen is to small for sticky placement
-$screen-height-place-limit: 44rem;