-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request #17 from srdarkseer/new-design
New design
- Loading branch information
Showing
14 changed files
with
278 additions
and
212 deletions.
There are no files selected for viewing
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,76 +1,92 @@ | ||
| @tailwind base; | ||
| @tailwind components; | ||
| @tailwind utilities; | ||
| @tailwind components; | ||
| @tailwind utilities; | ||
|
|
||
| @layer base { | ||
| :root { | ||
| --background: 0 0% 90%; | ||
| --foreground: 222.2 84% 4.9%; | ||
| @layer base { | ||
| :root { | ||
| --background: 0 0% 90%; | ||
| --foreground: 222.2 84% 4.9%; | ||
|
|
||
| --card: 0 0% 100%; | ||
| --card-foreground: 222.2 84% 4.9%; | ||
| --card: 0 0% 100%; | ||
| --card-foreground: 222.2 84% 4.9%; | ||
|
|
||
| --popover: 0 0% 100%; | ||
| --popover-foreground: 222.2 84% 4.9%; | ||
| --popover: 0 0% 100%; | ||
| --popover-foreground: 222.2 84% 4.9%; | ||
|
|
||
| --primary: 222.2 47.4% 11.2%; | ||
| --primary-foreground: 210 40% 98%; | ||
| --primary: 222.2 47.4% 11.2%; | ||
| --primary-foreground: 210 40% 98%; | ||
|
|
||
| --secondary: 210 40% 96.1%; | ||
| --secondary-foreground: 222.2 47.4% 11.2%; | ||
| --secondary: 210 40% 96.1%; | ||
| --secondary-foreground: 222.2 47.4% 11.2%; | ||
|
|
||
| --muted: 210 40% 96.1%; | ||
| --muted-foreground: 215.4 16.3% 46.9%; | ||
| --muted: 210 40% 96.1%; | ||
| --muted-foreground: 215.4 16.3% 46.9%; | ||
|
|
||
| --accent: 210 40% 96.1%; | ||
| --accent-foreground: 222.2 47.4% 11.2%; | ||
| --accent: 210 40% 96.1%; | ||
| --accent-foreground: 222.2 47.4% 11.2%; | ||
|
|
||
| --destructive: 0 84.2% 60.2%; | ||
| --destructive-foreground: 210 40% 98%; | ||
| --destructive: 0 84.2% 60.2%; | ||
| --destructive-foreground: 210 40% 98%; | ||
|
|
||
| --border: 214.3 31.8% 91.4%; | ||
| --input: 214.3 31.8% 91.4%; | ||
| --ring: 222.2 84% 4.9%; | ||
| --border: 214.3 31.8% 91.4%; | ||
| --input: 214.3 31.8% 91.4%; | ||
| --ring: 222.2 84% 4.9%; | ||
|
|
||
| --radius: 0.5rem; | ||
| } | ||
| --radius: 0.5rem; | ||
| } | ||
|
|
||
| .dark { | ||
| --background: 0 0% 0%; | ||
| --foreground: 210 40% 98%; | ||
| .dark { | ||
| --background: 0 0% 0%; | ||
| --foreground: 210 40% 98%; | ||
|
|
||
| --card: 222.2 84% 4.9%; | ||
| --card-foreground: 210 40% 98%; | ||
| --card: 222.2 84% 4.9%; | ||
| --card-foreground: 210 40% 98%; | ||
|
|
||
| --popover: 222.2 84% 4.9%; | ||
| --popover-foreground: 210 40% 98%; | ||
| --popover: 222.2 84% 4.9%; | ||
| --popover-foreground: 210 40% 98%; | ||
|
|
||
| --primary: 210 40% 98%; | ||
| --primary-foreground: 222.2 47.4% 11.2%; | ||
| --primary: 210 40% 98%; | ||
| --primary-foreground: 222.2 47.4% 11.2%; | ||
|
|
||
| --secondary: 217.2 32.6% 17.5%; | ||
| --secondary-foreground: 210 40% 98%; | ||
| --secondary: 217.2 32.6% 17.5%; | ||
| --secondary-foreground: 210 40% 98%; | ||
|
|
||
| --muted: 217.2 32.6% 17.5%; | ||
| --muted-foreground: 215 20.2% 65.1%; | ||
| --muted: 217.2 32.6% 17.5%; | ||
| --muted-foreground: 215 20.2% 65.1%; | ||
|
|
||
| --accent: 217.2 32.6% 17.5%; | ||
| --accent-foreground: 210 40% 98%; | ||
| --accent: 217.2 32.6% 17.5%; | ||
| --accent-foreground: 210 40% 98%; | ||
|
|
||
| --destructive: 0 62.8% 30.6%; | ||
| --destructive-foreground: 210 40% 98%; | ||
| --destructive: 0 62.8% 30.6%; | ||
| --destructive-foreground: 210 40% 98%; | ||
|
|
||
| --border: 217.2 32.6% 17.5%; | ||
| --input: 217.2 32.6% 17.5%; | ||
| --ring: 212.7 26.8% 83.9%; | ||
| } | ||
| --border: 217.2 32.6% 17.5%; | ||
| --input: 217.2 32.6% 17.5%; | ||
| --ring: 212.7 26.8% 83.9%; | ||
| } | ||
| } | ||
|
|
||
| @layer base { | ||
| * { | ||
| @apply border-border; | ||
| } | ||
| body { | ||
| @apply bg-background text-foreground; | ||
| } | ||
| } | ||
| @layer base { | ||
| * { | ||
| @apply border-border; | ||
| } | ||
| body { | ||
| @apply bg-background text-foreground; | ||
| } | ||
| /* Ensure this style is placed in a CSS file that is loaded into your HTML document */ | ||
| .gradient-text { | ||
| font-size: 48px; /* Example size; adjust as needed */ | ||
| font-weight: bold; /* Bold text shows gradients better */ | ||
| background: linear-gradient( | ||
| 45deg, | ||
| #00523d 0%, | ||
| /* Green at 0% */ #000000 50%, | ||
| /* Transition to black by 50% */ #00523d 100% /* Back to green at 100% */ | ||
| ); | ||
| -webkit-background-clip: text; | ||
| background-clip: text; | ||
| -webkit-text-fill-color: transparent; | ||
| text-fill-color: transparent; /* Standard property for text color transparency */ | ||
| display: inline; /* Inline display to fit the content */ | ||
| } | ||
| } |
Oops, something went wrong.