Changed Color scheme

SebastienVermeulen · Dec 21, 2023 · 84a9e61 · 84a9e61
1 parent 1e8bd0f
commit 84a9e61
Show file tree

Hide file tree

Showing 13 changed files with 36 additions and 29 deletions.
diff --git a/Pages/Bedtime_breakout.css b/Pages/Bedtime_breakout.css
@@ -2,7 +2,7 @@
 
 section
 {
-    background: rgb(30,30,30);
+    background: #252734;
     position: relative;
     width: 1200px;
     min-width: 620px;
@@ -130,7 +130,7 @@ p
     display: flex;
     flex-wrap: nowrap;
     width: 80%;
-    margin: 30px auto 0 auto;
+    margin: 30px 0 0 0;
 }
 #instancing-pic-1
 {

diff --git a/Pages/Mythifood.css b/Pages/Mythifood.css
@@ -2,7 +2,7 @@
 
 section
 {
-    background: rgb(30,30,30);
+    background: #252734;
     position: relative;
     width: 1200px;
     min-width: 620px;

diff --git a/Pages/Raymarch_material_generation_in_UE5.css b/Pages/Raymarch_material_generation_in_UE5.css
@@ -2,7 +2,7 @@
 
 section
 {
-    background: rgb(30,30,30);
+    background: #252734;
     position: relative;
     width: 1200px;
     min-width: 620px;

diff --git a/Pages/Raymarching.css b/Pages/Raymarching.css
@@ -2,7 +2,7 @@
 
 section
 {
-    background: rgb(30,30,30);
+    background: #252734;
     position: relative;
     width: 1200px;
     min-width: 620px;

diff --git a/Pages/Raytracer_in_a_weekend.css b/Pages/Raytracer_in_a_weekend.css
@@ -2,7 +2,7 @@
 
 section
 {
-    background: rgb(30,30,30);
+    background: #252734;
     position: relative;
     width: 1200px;
     min-width: 620px;

diff --git a/Pages/Starfux.css b/Pages/Starfux.css
@@ -2,7 +2,7 @@
 
 section
 {
-    background: rgb(30,30,30);
+    background: #252734;
     position: relative;
     width: 1200px;
     min-width: 620px;

diff --git a/Pages/Texture_space_translucency.css b/Pages/Texture_space_translucency.css
@@ -2,7 +2,7 @@
 
 section
 {
-    background: rgb(30,30,30);
+    background: #252734;
     position: relative;
     width: 1200px;
     min-width: 620px;

diff --git a/Pages/VEngine.css b/Pages/VEngine.css
@@ -2,7 +2,7 @@
 
 section
 {
-    background: rgb(30,30,30);
+    background: #252734;
     position: relative;
     width: 1200px;
     min-width: 620px;

diff --git a/Pages/VEngine0_2.css b/Pages/VEngine0_2.css
@@ -2,7 +2,7 @@
 
 section
 {
-    background: rgb(30,30,30);
+    background: #252734;
     position: relative;
     width: 1200px;
     min-width: 620px;

diff --git a/header.css b/header.css
@@ -5,7 +5,7 @@ html
 body
 {
     overflow-x: hidden;
-    background: rgb(58,58,58);
+    background: #252734;
     color: white;
     font-family: Helvetica Neue, Arial, Helvetica, sans-serif;
     margin: 0px;
@@ -15,7 +15,7 @@ body
 a
 {
     cursor: pointer;
-    color: turquoise;
+    color: #1279B0;
 }
 
 /*HEADER ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
@@ -28,11 +28,11 @@ a
 header
 {
     display: block;
-    background: #1279B0;
-    height: 120px;
+    background: #252734;
+    height: 140px;
     padding: 10px;
     text-align: center;
-    margin: 0px;
+    margin: 0px 0px 20px 0px;
 }
 header a
 {
@@ -44,6 +44,11 @@ header a
 nav
 {
     height: 100%;
+    transition-duration: 0.5s;
+}
+nav:hover
+{
+    background-color: #2A2C39;
 }
 nav .menu
 {
@@ -177,7 +182,7 @@ nav .title h1
     height: 40px;
     font-size: 40px;
     text-align: center;
-    margin: 0px 0px 5px 0px;
+    margin: 10px 0px 5px 0px;
     padding: 0px;
 }
 nav .title p
@@ -191,12 +196,12 @@ nav .icon
 {
     display: flex;
     float: left;
-    width: 20%;
+    width: 4%;
     height: 100%;
 }
 nav .icon img
 {
-    width: 120px;
+    width: 160px;
     vertical-align: middle;
     padding: 0px;
     margin: 0px 5px;

diff --git a/styles_contact.css b/styles_contact.css
@@ -2,7 +2,7 @@
 
 section
 {
-    background: rgb(30,30,30);
+    background: #252734;
     position: relative;
     width: 1200px;
     min-width: 620px;

diff --git a/styles_resume.css b/styles_resume.css
@@ -2,7 +2,7 @@
 
 section
 {
-    background: rgb(30,30,30);
+    background: #252734;
     position: relative;
     width: 1200px;
     min-width: 620px;

diff --git a/styles_works.css b/styles_works.css
@@ -2,7 +2,7 @@
 
 section
 {
-    background: rgba(30,30,30);
+    background: #252734;
     position: relative;
     width: 1200px;
     min-width: 620px;
@@ -12,12 +12,13 @@ section
 .title-section
 {
     transition-duration: 0.5s;
-    background: #1279B0;
+    background: #252734;
 
     display: block;
     justify-items: center;
     text-align: center;
 
+    margin: 40px 0px 0px 0px;
     padding: 20px 0px;
     margin-left: auto;
     margin-right: auto;
@@ -36,7 +37,7 @@ section
 }
 .title-section:hover
 {
-    background-color: #025990;
+    background-color: #2A2C39;
 }
 
 /* Title BEGIN */
@@ -59,7 +60,8 @@ section
     display: inline-block;
     top: 0;
 
-    background: linear-gradient(to left, rgba(30,30,30,1) 0%, rgba(30,30,30,0.8) 5%, rgba(30,30,30,0) 80%, rgba(30,30,30,0) 90%, rgba(30,30,30,0) 90%, rgba(30,30,30,0) 100%), url("images/profile_2.png");
+    background: url("images/profile_2.png");
+    border-radius: 50%;
     background-size: cover;
 }
 
@@ -74,7 +76,7 @@ section
 {
     height: 100%;
     display: inline-block;
-    background-color: rgba(45,45,45,1);
+    background-color:#252734;
     margin: 0;
     padding: 0;
 }
@@ -88,12 +90,12 @@ section
     padding: 10px 0;
     text-align: center;
     font-size: 30px;
-    background-color: #1279B0;
+    background-color: #252734;
     transition: 0.5s;
 }
 .about-section ul li h2:hover
 {
-    background-color: #025990;
+    background-color: #2A2C39;
 }
 .about-section ul li p
 {
@@ -158,7 +160,7 @@ section
 }
 .published-section div
 {
-    background-color: #1279B0;
+    background-color: #2A2C39;
     width: auto;
     max-width: 350px;
     min-width: 190px;
@@ -222,7 +224,7 @@ section
 }
 .main-section div
 {
-    background-color: #1279B0;
+    background-color: #2A2C39;
     width: auto;
     max-width: 350px;
     min-width: 190px;