mirror of
https://github.com/UiO-Gaming/name-100-uio-gamers.git
synced 2026-11-05 13:56:53 +01:00
change color scheme to uio gaming's design spec
This commit is contained in:
2 files changed
+7
-14
No files matched your search
@@ -28,7 +28,7 @@ const GuessForm: React.FC<GuessFormProps> = ({ input, onInputChange, onSubmit, d
|
||||
/>
|
||||
<button
|
||||
type="submit"
|
||||
className={`rounded px-4 py-1 ${
|
||||
className={`rounded px-4 py-1 text-white ${
|
||||
!input || disabled ? "cursor-not-allowed bg-gray-400 opacity-50" : "bg-accent-primary cursor-pointer"
|
||||
}`}
|
||||
disabled={disabled || !input}
|
||||
|
||||
+6
-13
@@ -1,10 +1,6 @@
|
||||
@import "tailwindcss";
|
||||
|
||||
:root {
|
||||
/* Norway brand colors */
|
||||
--norway-red: #ef2b2d;
|
||||
--norway-blue: #002768;
|
||||
|
||||
/* Light theme colors */
|
||||
--background: #e9e9e9;
|
||||
--background-secondary: #dedddd;
|
||||
@@ -12,19 +8,16 @@
|
||||
--foreground-secondary: #6b7280;
|
||||
|
||||
/* Dark theme colors */
|
||||
--background-dark: #1e1e2e;
|
||||
--background-secondary-dark: #181825;
|
||||
--background-dark: #1d1320;
|
||||
--background-secondary-dark: #261f31;
|
||||
--foreground-dark: #ffffff;
|
||||
--foreground-secondary-dark: #a1a1aa;
|
||||
|
||||
/* Accent colors */
|
||||
--accent-primary: var(--norway-red);
|
||||
--accent-primary-light: #ff8888;
|
||||
--accent-secondary: var(--norway-blue);
|
||||
--accent-secondary-light: #77a9ff;
|
||||
|
||||
/* Norway gradient */
|
||||
--gradient-norway: linear-gradient(64deg, var(--norway-red) 20%, #ffffff 50%, var(--norway-blue) 75%);
|
||||
--accent-primary: #7d36e7;
|
||||
--accent-primary-light: #c8a3ff;
|
||||
--accent-secondary: #d6408e;
|
||||
--accent-secondary-light: #ffc0cb;
|
||||
|
||||
/* Border colors */
|
||||
--border-light: #e5e7eb;
|
||||
|
||||
Reference in new issue
Block a user