hamzus-ui 0.0.1

package/src/styles/global.css

@@ -0,0 +1,37 @@
+* {
+  box-sizing: border-box;
+  padding: 0;
+  margin: 0;
+  -webkit-tap-highlight-color: transparent;
+  background-color: unset;
+  appearance: none;
+  outline: none;
+  border: none;
+  text-decoration: none;
+  cursor: var(--default-cursor);
+}
+
+html {
+  width: 100vw;
+  height: 100vh;
+  overflow: hidden;
+  scroll-behavior: smooth;
+  background: var(--bg-1);
+}
+
+body {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  overflow: auto;
+}
+
+input, textarea {
+  all: unset;
+}
+
+
+.force-cursor * {
+  cursor: var(--default-cursor) !important;
+}

package/src/styles/variables.css

@@ -0,0 +1,81 @@
+:root {
+    /* palet */
+    --green: #2fcc5c;
+    --green-b: #80f8a233;
+    --red: #cc3737;
+    --red-b: #e1737328;
+    --blue: #1459C1;
+    --blue-b: #1459c136;
+    --orange: #e0a21d;
+    --orange-b: #e0a21d3d;
+    --mauve: #7342FF;
+    --mauve-b: #7442ff31;
+    --yellow: #d8b816;
+    --yellow-b: #FFD60033;
+    --violet: #FA8DE2;
+    --violet-b: #fa8de22d;
+    --white: #F6F6F6;
+    --white-d: #d6dedf;
+    /* font color */
+    --font-u: #121212;
+    --font-d: #666666;
+    --font-t: #93939B;
+    /* background */
+    --bg-1: #F6F6F6;
+    --bg-2: #dddddd;
+    --bg-3: #bebebe;
+    --bg-blur: #b3b3b334;
+    /* stroke color */
+    --stroke: #C3CDD2;
+    /* default accent */
+    --accent: var(--blue);
+    --accent-b: var(--blue-b);
+    /* box-shadow */
+    --box-shadow: rgba(15, 15, 15, 0.05) 0px 0px 0px 1px, rgba(15, 15, 15, 0.1) 0px 3px 6px, rgba(15, 15, 15, 0.2) 0px 9px 24px;
+    /* Valeur par défaut du curseur */
+    --default-cursor: initial;
+    /* radius */
+    --radius-xs: 3px;
+    --radius-s: 5px;
+    --radius-m: 8px;
+    --radius-l: 10px;
+    --radius-xl: 12px;
+    --radius-xxl: 16px;
+    /* padding */
+    --pad-xs: 3px;
+    --pad-s: 5px;
+    --pad-m: 7px;
+    --pad-l: 9px;
+    --pad-xl: 12px;
+    --pad-xxl: 16px;
+    /* gradient */
+    --ripple-gradient:radial-gradient(#ffffff31, #ffffff9a);
+
+}
+
+@media (prefers-color-scheme: dark) {
+    :root {
+        /* font color */
+        --font-u: #ECEBFF;
+        --font-d: #899098;
+        --font-t: #454545;
+        /* background */
+        --bg-1: #161616;
+        --bg-2: #1F1F1F;
+        --bg-3: #292929;
+        --bg-blur: #03030334;
+        /* stroke color */
+        --stroke: #2A2C32;
+        /* box-shadow */
+        --box-shadow: rgba(15, 15, 15, 0.1) 0px 0px 0px 1px, rgba(15, 15, 15, 0.2) 0px 3px 6px, rgba(15, 15, 15, 0.4) 0px 9px 24px;
+        /* gradient */
+        --ripple-gradient:radial-gradient(#ffffff31, #ffffff9a);
+    }
+}
+
+@media (prefers-color-scheme: dark) {
+    html {
+        color-scheme: dark;
+        background-color: var(--bg-1);
+    }
+}