Domovská stránka Prehľadávať Pomoc
Registrovať Prihlásiť sa
xiongzhu
/
LibreShort
1
0
Fork 0
Súbory Issues 0 Pull requesty 0 Wiki
Prechádzať zdrojové kódy

first commit

x1ongzhu 1 rok pred
rodič
a3a777cb2a
commit
4de02e704b
5 zmenil súbory, kde vykonal 73 pridanie a 199 odobranie
Rozdelené zobrazenie Ukázať štatistiku rozdielnych dát
  1. 19 19
      .eslintrc.cjs
  2. 2 2
      index.html
  3. 4 4
      src/App.vue
  4. 22 20
      src/main.ts
  5. 26 154
      src/theme/variables.css

+ 19 - 19
.eslintrc.cjs
Zobraziť súbor 

@@ -1,20 +1,20 @@
 
 module.exports = {
 
-  root: true,
 
-  env: {
 
-    node: true
 
-  },
 
-  'extends': [
 
-    'plugin:vue/vue3-essential',
 
-    'eslint:recommended',
 
-    '@vue/typescript/recommended'
 
-  ],
 
-  parserOptions: {
 
-    ecmaVersion: 2020
 
-  },
 
-  rules: {
 
-    'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
 
-    'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
 
-    'vue/no-deprecated-slot-attribute': 'off',
 
-    '@typescript-eslint/no-explicit-any': 'off',
 
-  }
 
-}
 
+    root: true,
 
+    env: {
 
+        node: true,
 
+    },
 
+    extends: [
 
+        "plugin:vue/vue3-essential",
 
+        "eslint:recommended",
 
+        "@vue/typescript/recommended",
 
+    ],
 
+    parserOptions: {
 
+        ecmaVersion: 2020,
 
+    },
 
+    rules: {
 
+        "no-console": process.env.NODE_ENV === "production" ? "warn" : "off",
 
+        "no-debugger": process.env.NODE_ENV === "production" ? "warn" : "off",
 
+        "vue/no-deprecated-slot-attribute": "off",
 
+        "@typescript-eslint/no-explicit-any": "off",
 
+    },
 
+};

+ 2 - 2
index.html
Zobraziť súbor 

@@ -6,7 +6,7 @@
 
 
     <base href="/" />
 
 
-    <meta name="color-scheme" content="light dark" />
 
+    <meta name="color-scheme" content="dark" />
 
     <meta
 
       name="viewport"
 
       content="viewport-fit=cover, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"
 
@@ -22,7 +22,7 @@
 
     <meta name="apple-mobile-web-app-status-bar-style" content="black" />
 
   </head>
 
 
-  <body>
 
+  <body class="dark">
 
     <div id="app"></div>
 
     <script type="module" src="/src/main.ts"></script>
 
   </body>

+ 4 - 4
src/App.vue
Zobraziť súbor 

@@ -1,9 +1,9 @@
 
 <template>
 
-  <ion-app>
 
-    <ion-router-outlet />
 
-  </ion-app>
 
+    <ion-app>
 
+        <ion-router-outlet />
 
+    </ion-app>
 
 </template>
 
 
 <script setup lang="ts">
 
-import { IonApp, IonRouterOutlet } from '@ionic/vue';
 
+import { IonApp, IonRouterOutlet } from "@ionic/vue";
 
 </script>

+ 22 - 20
src/main.ts
Zobraziť súbor 

@@ -1,32 +1,34 @@
 
-import { createApp } from 'vue'
 
-import App from './App.vue'
 
-import router from './router';
 
+import { createApp } from "vue";
 
+import App from "./App.vue";
 
+import router from "./router";
 
 
-import { IonicVue } from '@ionic/vue';
 
+import { IonicVue } from "@ionic/vue";
 
 
 /* Core CSS required for Ionic components to work properly */
 
-import '@ionic/vue/css/core.css';
 
+import "@ionic/vue/css/core.css";
 
 
 /* Basic CSS for apps built with Ionic */
 
-import '@ionic/vue/css/normalize.css';
 
-import '@ionic/vue/css/structure.css';
 
-import '@ionic/vue/css/typography.css';
 
+import "@ionic/vue/css/normalize.css";
 
+import "@ionic/vue/css/structure.css";
 
+import "@ionic/vue/css/typography.css";
 
 
 /* Optional CSS utils that can be commented out */
 
-import '@ionic/vue/css/padding.css';
 
-import '@ionic/vue/css/float-elements.css';
 
-import '@ionic/vue/css/text-alignment.css';
 
-import '@ionic/vue/css/text-transformation.css';
 
-import '@ionic/vue/css/flex-utils.css';
 
-import '@ionic/vue/css/display.css';
 
+import "@ionic/vue/css/padding.css";
 
+import "@ionic/vue/css/float-elements.css";
 
+import "@ionic/vue/css/text-alignment.css";
 
+import "@ionic/vue/css/text-transformation.css";
 
+import "@ionic/vue/css/flex-utils.css";
 
+import "@ionic/vue/css/display.css";
 
 
 /* Theme variables */
 
-import './theme/variables.css';
 
+import "./theme/variables.css";
 
 
 const app = createApp(App)
 
-  .use(IonicVue)
 
-  .use(router);
 
-  
+    .use(IonicVue, {
 
+        mode: "ios",
 
+    })
 
+    .use(router);
 
+
 
 router.isReady().then(() => {
 
-  app.mount('#app');
 
-});
 
+    app.mount("#app");
 
+});

+ 26 - 154
src/theme/variables.css
Zobraziť súbor 

@@ -3,86 +3,6 @@ http://ionicframework.com/docs/theming/ */
 
 
 /** Ionic CSS Variables **/
 
 :root {
 
-  /** primary **/
 
-  --ion-color-primary: #222428;
 
-  --ion-color-primary-rgb: 34, 36, 40;
 
-  --ion-color-primary-contrast: #ffffff;
 
-  --ion-color-primary-contrast-rgb: 255, 255, 255;
 
-  --ion-color-primary-shade: #1e2023;
 
-  --ion-color-primary-tint: #383a3e;
 
-
 
-  /** secondary **/
 
-  --ion-color-secondary: #3dc2ff;
 
-  --ion-color-secondary-rgb: 61, 194, 255;
 
-  --ion-color-secondary-contrast: #ffffff;
 
-  --ion-color-secondary-contrast-rgb: 255, 255, 255;
 
-  --ion-color-secondary-shade: #36abe0;
 
-  --ion-color-secondary-tint: #50c8ff;
 
-
 
-  /** tertiary **/
 
-  --ion-color-tertiary: #5260ff;
 
-  --ion-color-tertiary-rgb: 82, 96, 255;
 
-  --ion-color-tertiary-contrast: #ffffff;
 
-  --ion-color-tertiary-contrast-rgb: 255, 255, 255;
 
-  --ion-color-tertiary-shade: #4854e0;
 
-  --ion-color-tertiary-tint: #6370ff;
 
-
 
-  /** success **/
 
-  --ion-color-success: #2dd36f;
 
-  --ion-color-success-rgb: 45, 211, 111;
 
-  --ion-color-success-contrast: #ffffff;
 
-  --ion-color-success-contrast-rgb: 255, 255, 255;
 
-  --ion-color-success-shade: #28ba62;
 
-  --ion-color-success-tint: #42d77d;
 
-
 
-  /** warning **/
 
-  --ion-color-warning: #ffc409;
 
-  --ion-color-warning-rgb: 255, 196, 9;
 
-  --ion-color-warning-contrast: #000000;
 
-  --ion-color-warning-contrast-rgb: 0, 0, 0;
 
-  --ion-color-warning-shade: #e0ac08;
 
-  --ion-color-warning-tint: #ffca22;
 
-
 
-  /** danger **/
 
-  --ion-color-danger: #eb445a;
 
-  --ion-color-danger-rgb: 235, 68, 90;
 
-  --ion-color-danger-contrast: #ffffff;
 
-  --ion-color-danger-contrast-rgb: 255, 255, 255;
 
-  --ion-color-danger-shade: #cf3c4f;
 
-  --ion-color-danger-tint: #ed576b;
 
-
 
-  /** dark **/
 
-  --ion-color-dark: #222428;
 
-  --ion-color-dark-rgb: 34, 36, 40;
 
-  --ion-color-dark-contrast: #ffffff;
 
-  --ion-color-dark-contrast-rgb: 255, 255, 255;
 
-  --ion-color-dark-shade: #1e2023;
 
-  --ion-color-dark-tint: #383a3e;
 
-
 
-  /** medium **/
 
-  --ion-color-medium: #92949c;
 
-  --ion-color-medium-rgb: 146, 148, 156;
 
-  --ion-color-medium-contrast: #ffffff;
 
-  --ion-color-medium-contrast-rgb: 255, 255, 255;
 
-  --ion-color-medium-shade: #808289;
 
-  --ion-color-medium-tint: #9d9fa6;
 
-
 
-  /** light **/
 
-  --ion-color-light: #f4f5f8;
 
-  --ion-color-light-rgb: 244, 245, 248;
 
-  --ion-color-light-contrast: #000000;
 
-  --ion-color-light-contrast-rgb: 0, 0, 0;
 
-  --ion-color-light-shade: #d7d8da;
 
-  --ion-color-light-tint: #f5f6f9;
 
-}
 
-
 
-@media (prefers-color-scheme: dark) {
 
-  /*
 
-   * Dark Colors
 
-   * -------------------------------------------
 
-   */
 
-
 
-  body {
 
     --ion-color-primary: #f4f5f8;
 
     --ion-color-primary-rgb: 244, 245, 248;
 
     --ion-color-primary-contrast: #000000;
 
@@ -91,73 +11,66 @@ http://ionicframework.com/docs/theming/ */
 
     --ion-color-primary-tint: #f5f6f9;
 
 
     --ion-color-secondary: #50c8ff;
 
-    --ion-color-secondary-rgb: 80,200,255;
 
+    --ion-color-secondary-rgb: 80, 200, 255;
 
     --ion-color-secondary-contrast: #ffffff;
 
-    --ion-color-secondary-contrast-rgb: 255,255,255;
 
+    --ion-color-secondary-contrast-rgb: 255, 255, 255;
 
     --ion-color-secondary-shade: #46b0e0;
 
     --ion-color-secondary-tint: #62ceff;
 
 
     --ion-color-tertiary: #6a64ff;
 
-    --ion-color-tertiary-rgb: 106,100,255;
 
+    --ion-color-tertiary-rgb: 106, 100, 255;
 
     --ion-color-tertiary-contrast: #ffffff;
 
-    --ion-color-tertiary-contrast-rgb: 255,255,255;
 
+    --ion-color-tertiary-contrast-rgb: 255, 255, 255;
 
     --ion-color-tertiary-shade: #5d58e0;
 
     --ion-color-tertiary-tint: #7974ff;
 
 
     --ion-color-success: #2fdf75;
 
-    --ion-color-success-rgb: 47,223,117;
 
+    --ion-color-success-rgb: 47, 223, 117;
 
     --ion-color-success-contrast: #000000;
 
-    --ion-color-success-contrast-rgb: 0,0,0;
 
+    --ion-color-success-contrast-rgb: 0, 0, 0;
 
     --ion-color-success-shade: #29c467;
 
     --ion-color-success-tint: #44e283;
 
 
     --ion-color-warning: #ffd534;
 
-    --ion-color-warning-rgb: 255,213,52;
 
+    --ion-color-warning-rgb: 255, 213, 52;
 
     --ion-color-warning-contrast: #000000;
 
-    --ion-color-warning-contrast-rgb: 0,0,0;
 
+    --ion-color-warning-contrast-rgb: 0, 0, 0;
 
     --ion-color-warning-shade: #e0bb2e;
 
     --ion-color-warning-tint: #ffd948;
 
 
     --ion-color-danger: #ff4961;
 
-    --ion-color-danger-rgb: 255,73,97;
 
+    --ion-color-danger-rgb: 255, 73, 97;
 
     --ion-color-danger-contrast: #ffffff;
 
-    --ion-color-danger-contrast-rgb: 255,255,255;
 
+    --ion-color-danger-contrast-rgb: 255, 255, 255;
 
     --ion-color-danger-shade: #e04055;
 
     --ion-color-danger-tint: #ff5b71;
 
 
     --ion-color-dark: #f4f5f8;
 
-    --ion-color-dark-rgb: 244,245,248;
 
+    --ion-color-dark-rgb: 244, 245, 248;
 
     --ion-color-dark-contrast: #000000;
 
-    --ion-color-dark-contrast-rgb: 0,0,0;
 
+    --ion-color-dark-contrast-rgb: 0, 0, 0;
 
     --ion-color-dark-shade: #d7d8da;
 
     --ion-color-dark-tint: #f5f6f9;
 
 
     --ion-color-medium: #989aa2;
 
-    --ion-color-medium-rgb: 152,154,162;
 
+    --ion-color-medium-rgb: 152, 154, 162;
 
     --ion-color-medium-contrast: #000000;
 
-    --ion-color-medium-contrast-rgb: 0,0,0;
 
+    --ion-color-medium-contrast-rgb: 0, 0, 0;
 
     --ion-color-medium-shade: #86888f;
 
     --ion-color-medium-tint: #a2a4ab;
 
 
     --ion-color-light: #222428;
 
-    --ion-color-light-rgb: 34,36,40;
 
+    --ion-color-light-rgb: 34, 36, 40;
 
     --ion-color-light-contrast: #ffffff;
 
-    --ion-color-light-contrast-rgb: 255,255,255;
 
+    --ion-color-light-contrast-rgb: 255, 255, 255;
 
     --ion-color-light-shade: #1e2023;
 
     --ion-color-light-tint: #383a3e;
 
-  }
 
-
 
-  /*
 
-   * iOS Dark Theme
 
-   * -------------------------------------------
 
-   */
 
 
-  .ios body {
 
     --ion-background-color: #000000;
 
-    --ion-background-color-rgb: 0,0,0;
 
+    --ion-background-color-rgb: 0, 0, 0;
 
 
     --ion-text-color: #ffffff;
 
-    --ion-text-color-rgb: 255,255,255;
 
+    --ion-text-color-rgb: 255, 255, 255;
 
 
     --ion-color-step-50: #0d0d0d;
 
     --ion-color-step-100: #1a1a1a;
 
@@ -182,61 +95,20 @@ http://ionicframework.com/docs/theming/ */
 
     --ion-item-background: #000000;
 
 
     --ion-card-background: #1c1c1d;
 
-  }
 
+}
 
 
-  .ios ion-modal {
 
+ion-modal {
 
     --ion-background-color: var(--ion-color-step-100);
 
     --ion-toolbar-background: var(--ion-color-step-150);
 
     --ion-toolbar-border-color: var(--ion-color-step-250);
 
-  }
 
-
 
-
 
-  /*
 
-   * Material Design Dark Theme
 
-   * -------------------------------------------
 
-   */
 
-
 
-  .md body {
 
-    --ion-background-color: #121212;
 
-    --ion-background-color-rgb: 18,18,18;
 
-
 
-    --ion-text-color: #ffffff;
 
-    --ion-text-color-rgb: 255,255,255;
 
-
 
-    --ion-border-color: #222222;
 
-
 
-    --ion-color-step-50: #1e1e1e;
 
-    --ion-color-step-100: #2a2a2a;
 
-    --ion-color-step-150: #363636;
 
-    --ion-color-step-200: #414141;
 
-    --ion-color-step-250: #4d4d4d;
 
-    --ion-color-step-300: #595959;
 
-    --ion-color-step-350: #656565;
 
-    --ion-color-step-400: #717171;
 
-    --ion-color-step-450: #7d7d7d;
 
-    --ion-color-step-500: #898989;
 
-    --ion-color-step-550: #949494;
 
-    --ion-color-step-600: #a0a0a0;
 
-    --ion-color-step-650: #acacac;
 
-    --ion-color-step-700: #b8b8b8;
 
-    --ion-color-step-750: #c4c4c4;
 
-    --ion-color-step-800: #d0d0d0;
 
-    --ion-color-step-850: #dbdbdb;
 
-    --ion-color-step-900: #e7e7e7;
 
-    --ion-color-step-950: #f3f3f3;
 
-
 
-    --ion-item-background: #1e1e1e;
 
-
 
-    --ion-toolbar-background: #1f1f1f;
 
-
 
-    --ion-tab-bar-background: #1f1f1f;
 
-
 
-    --ion-card-background: #1e1e1e;
 
-  }
 
 }
 
 
 html {
 
-  /* For more information on dynamic font scaling, visit the documentation: 
+    /* For more information on dynamic font scaling, visit the documentation: 
   https://ionicframework.com/docs/layout/dynamic-font-scaling */
 
-  --ion-dynamic-font: var(--ion-default-dynamic-font);
 
+    --ion-dynamic-font: var(--ion-default-dynamic-font);
 
+}
 
+
 
+:root {
 
+    color-scheme: dark;
 
 }