promo! react

2026-08-24 13:07:16 +03:00
parent dec37e92c8
commit 8c5d86c9ab
41 changed files with 4174 additions and 2 deletions
@@ -0,0 +1,55 @@
+import { createGlobalStyle } from 'styled-components';
+
+export const GlobalStyle = createGlobalStyle`
+    @font-face {
+        font-family: 'FallbackFont';
+        src: local('Helvetica');
+        size-adjust: 98.5%;
+    }
+
+    * {
+        margin: 0;
+        padding: 0;
+        box-sizing: border-box;
+        font-family: 'Roboto', 'FallbackFont', system-ui, -apple-system, 'Segoe UI', Helvetica, sans-serif;
+    }
+
+    html {
+        overflow: hidden;
+    }
+
+    body {
+        background-color: ${({ theme }) => theme.colors.pageBg};
+        background-image: url('/images/background-raspberry.png');
+        background-repeat: no-repeat;
+        background-attachment: fixed;
+        background-size: contain;
+        background-position: left top;
+        min-height: 100vh;
+    }
+
+    button {
+        -webkit-touch-callout: none;
+        user-select: none;
+    }
+
+    @keyframes opacityAnim {
+        0% {
+            opacity: 1;
+        }
+
+        100% {
+            opacity: 0;
+        }
+    }
+
+    @keyframes spin {
+        0% {
+            transform: rotate(0deg);
+        }
+
+        100% {
+            transform: rotate(360deg);
+        }
+    }
+`;
@@ -0,0 +1,19 @@
+export const theme = {
+    colors: {
+        darkGreen: '#0C3B2E',
+        green: '#5EA12D',
+        greenHover: '#72B541',
+        lightGreen: '#E6F696',
+        paleGreen: '#F1FAF0',
+        gray: '#A3ADA2',
+        border: '#ebebeb',
+        white: '#ffffff',
+        pageBg: '#FF7D89',
+    },
+    radius: {
+        page: '24px',
+        card: '16px',
+        button: '12px',
+        small: '8px',
+    },
+};