vuminh224/hackathon
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

correction quelques variable css

Browse Source
This commit is contained in:
trochas
2026-01-10 13:29:15 +01:00
parent 1feda556ff
commit 0cdce29e40
3 changed files with 46 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
front_end/src/App.css
View File

@@ -8,16 +8,19 @@
--tint5: #373d48;
--text: #FFFFFF;
--text2: #000000;
--accent1: #44c1ee;
--accent2: #0b235f;
--disable: #030918;
--accent1: #10b981;
--accent2: #059669;
--disable: #047857;
--green-primary: #10b981;
--green-secondary: #059669;
--green-dark: #047857;
--green-A-primary: #10b98120;
--green-A-secondary: #05966920;
--green-A-dark: #04785720;
}
[data-theme='light'] {
--tint0: #FFFFFF;
--tint0: #ffffff;
--tint1: #f4f1f1;
--tint2: #e8e4e3;
--tint3: #ddd6d5;
@@ -25,12 +28,15 @@
--tint5: #c6bab8;
--text: #000000;
--text2: #FFFFFF;
--accent1: #44c1ee;
--accent2: #113388;
--disable: #061231;
--green-primary: #10b981;
--green-secondary: #059669;
--green-dark: #047857;
--accent1: #00ce89;
--accent2: #00a571;
--disable: #00825d;
--green-primary: #00ce89;
--green-secondary: #00a571;
--green-dark: #00825d;
--green-A-primary: #00ce8920;
--green-A-secondary: #00a57120;
--green-A-dark: #00825d20;
}
/* Reset et base */
@@ -109,14 +115,14 @@ code {
background-color: var(--tint1);
border-radius: 20px;
padding: 20px;
border: 2px solid rgba(16, 185, 129, 0.3);
border: 2px solid var(--green-A-secondary);
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
transition: all 0.3s ease;
}
.card:hover {
border-color: var(--green-primary);
box-shadow: 0 6px 16px rgba(16, 185, 129, 0.15);
box-shadow: 0 6px 16px var(--green-A-primary);
transform: translateY(-2px);
}
@@ -156,7 +162,7 @@ textarea:focus {
outline: none;
border-color: var(--green-primary);
background-color: var(--tint3);
box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.1);
box-shadow: 0 0 0 3px var(--green-A-primary);
}
/* Conteneur de boutons inline */
@@ -187,7 +193,7 @@ select {
select:focus {
outline: none;
border-color: var(--green-primary);
box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.1);
box-shadow: 0 0 0 3px var(--green-A-primary);
}
select option {
@@ -233,14 +239,14 @@ button.primary {
background: linear-gradient(135deg, var(--green-primary), var(--green-secondary));
color: white;
border: none;
box-shadow: 0 4px 6px rgba(16, 185, 129, 0.3);
box-shadow: 0 4px 6px var(--green-A-primary);
padding: 5px 10px;
}
.btn-primary:hover,
button.primary:hover {
background: linear-gradient(135deg, var(--green-secondary), var(--green-dark));
box-shadow: 0 6px 12px rgba(16, 185, 129, 0.4);
box-shadow: 0 6px 12px var(--green-A-primary);
}
/* Bouton secondaire */