Gitlab needs updates. This will be performed Friday at 09:00 AM until 09:30. Working in this period can result in loss of data.

Commit 5e0eef2b authored by Stine Johanne's avatar Stine Johanne

Change the color scheme

parent 58e43b08
...@@ -5,7 +5,7 @@ ...@@ -5,7 +5,7 @@
.chooser { .chooser {
position: relative; position: relative;
background: #333; background: #343779;
grid-column-start: 1; grid-column-start: 1;
grid-column-end: 1; grid-column-end: 1;
grid-row-start: 3; grid-row-start: 3;
......
...@@ -25,7 +25,7 @@ class Image extends React.Component { ...@@ -25,7 +25,7 @@ class Image extends React.Component {
fetchData() { fetchData() {
const resource = "img/" + this.props.cat + "/" + this.props.artwork + ".svg"; const resource = "img/" + this.props.cat + "/" + this.props.artwork + ".svg";
fetch(resource, {cache: "force-cache"}) fetch(resource)
.then(res => res.text()) .then(res => res.text())
.then( .then(
(result) => { (result) => {
......
...@@ -5,7 +5,7 @@ body { ...@@ -5,7 +5,7 @@ body {
sans-serif; sans-serif;
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; -moz-osx-font-smoothing: grayscale;
background-color: #fcfcfc;
} }
code { code {
......
/* Add a black background color to the top navigation */ /* Add a black background color to the top navigation */
.navbar { .navbar {
background-color: #333; background-color: #fff;
overflow: hidden; overflow: hidden;
width: 100%; width: 100%;
box-shadow:0px 2px 2px #efefef;
} }
/* Style the links inside the navigation bar */ /* Style the links inside the navigation bar */
.navbar div { .navbar div {
float: left; float: left;
color: #f2f2f2; color: #000;
text-align: center; text-align: center;
padding: 14px 16px; padding: 14px 16px;
text-decoration: none; text-decoration: none;
...@@ -32,6 +33,6 @@ ...@@ -32,6 +33,6 @@
/* Add a color to the active/current link */ /* Add a color to the active/current link */
.navbar div.active { .navbar div.active {
background-color: #A20C25; background-color: #343779;
color: white; color: white;
} }
.Button-container { .Button-container {
margin: auto; margin: auto;
padding-top: 5px; padding-top: 5px;
border: 2px solid #222;
} }
.Button-container button { .Button-container button {
...@@ -9,12 +8,13 @@ ...@@ -9,12 +8,13 @@
display: block; display: block;
padding: 5px; padding: 5px;
font-size: 1rem; font-size: 1rem;
background: #A20C25; background: #FFA646;
color: white; color: #333;
border: none; border: none;
-webkit-border-radius: 6px; -webkit-border-radius: 6px;
-moz-border-radius: 6px; -moz-border-radius: 6px;
border-radius: 6px; border-radius: 6px;
box-shadow:0px 2px 2px #333;
} }
.Button-container button:hover { .Button-container button:hover {
...@@ -32,4 +32,4 @@ ...@@ -32,4 +32,4 @@
display: inline-block; display: inline-block;
margin: 10px; margin: 10px;
} }
} }
\ No newline at end of file
.sessionWrapper { .sessionWrapper {
background-color: #333; background-color: #e9e9e9;
padding: 8px; padding: 8px;
color: white; color:#333;
box-shadow:0px -2px 2px #efefef;
} }
.sessionWrapper h3 { .sessionWrapper h3 {
...@@ -14,7 +15,7 @@ ...@@ -14,7 +15,7 @@
} }
.sessionHolder { .sessionHolder {
background-color: #3f3f3f; background-color: #fff;
border-radius: 4px; border-radius: 4px;
max-height: 200px; max-height: 200px;
overflow-y: scroll; overflow-y: scroll;
...@@ -30,7 +31,7 @@ ...@@ -30,7 +31,7 @@
} }
.sessionHolder > .selectedSessionItem { .sessionHolder > .selectedSessionItem {
background-color: #666; background-color: #7b96e8;
border-radius: 8px; border-radius: 8px;
} }
...@@ -40,4 +41,4 @@ ...@@ -40,4 +41,4 @@
padding: 8px; padding: 8px;
margin: 4px; margin: 4px;
} }
} }
\ No newline at end of file
.sessionNavButtons > .navBtn { .sessionNavButtons > .navBtn {
display: inline-block; display: inline-block;
background-color: #555; background-color: #FFA646;
border: 1px solid #ddd; border: 1px solid #ddd;
border-radius: 4px; border-radius: 4px;
margin: 6px; margin: 6px;
...@@ -15,11 +15,11 @@ ...@@ -15,11 +15,11 @@
.sessionNavButtons > .navBtn.inactive { .sessionNavButtons > .navBtn.inactive {
border: 1px solid #aaa; border: 1px solid #aaa;
background-color: #555; background-color: #FFA646;
color: #aaa; color: #333;
} }
@media screen and (min-width: 960px) { @media screen and (min-width: 960px) {
.sessionNavButtons > .navBtn:hover { .sessionNavButtons > .navBtn:hover {
background-color: #bbb; background-color: #fff;
} }
} }
\ No newline at end of file
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment