ui: new color scheme

turtleDev · Jun 22, 2023 · 76a9d7a · 76a9d7a
1 parent 9f8a22b
commit 76a9d7a
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 6 deletions.
diff --git a/src/Board.jsx b/src/Board.jsx
@@ -122,7 +122,7 @@ class Board extends React.Component {
  }
  return {
  backgroundColor: 'var(--both-control)',
- opacity: 0.4
+ opacity: 0.4,
  };
  }
 }
@@ -135,8 +135,8 @@ function controlIntensity(control) {
  if (control > max) {
  control = max;
  }
- control = control / 10;
- return 0.1 + control;
+ control = control / 10 * 2;
+ return 0.05 + control;
 }
 
 const IconMapping = {

diff --git a/src/index.scss b/src/index.scss
@@ -20,9 +20,9 @@
  --secondary: white;
  --piece-white: whitesmoke;
  --piece-black: rgba(0, 0, 0, 0.8);
- --square-light: #f0ddb2;
- --square-dark: #b8895f;
- --white-controls: red;
+ --square-light: white;
+ --square-dark: white;
+ --white-controls: orange;
  --black-controls: rgb(0, 255, 255);
  --both-control: purple;
  // pink
@@ -100,6 +100,19 @@ code {
 }
 
 
+.rank:nth-last-child(1) {
+ border-top: 1px solid black;
+}
+
+.rank .file:nth-child(1) {
+ border-left: 1px solid black;
+}
+
+.square {
+ border-bottom: 1px solid black;
+ border-right: 1px solid black;
+}
+
 .square {
  display: flex;
  justify-content: center;
@@ -112,6 +125,7 @@ code {
 
  &.dark {
  background-color: var(--square-dark);
+
  }
 
  // too add outline to font-awesome piece icons