haunter/chesskit
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style : global improvements

Browse Source
This commit is contained in:
GuillaumeSD
2024-02-14 04:54:42 +01:00
parent 8e3d9220ce
commit b09a02eab2
5 changed files with 32 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
styles/global.css
View File

@@ -1,11 +1,13 @@
:root {
--border-color: rgb(83, 83, 83);
--border-color: rgb(63, 63, 63);
--primary-color: rgb(20, 20, 20);
--secondary-color: rgb(26, 26, 26);
--primary-color: rgb(24, 24, 24);
--secondary-color: rgb(47, 47, 47);
--success-color: rgb(101, 255, 84);
--success-color-accent: rgb(91, 229, 75);
--success-color: rgb(69, 238, 50);
--success-color-accent: rgb(47, 207, 29);
--rounded-radius: 10px;
}
body {
@@ -35,7 +37,12 @@ body {
.success-btn {
background-color: var(--success-color);
box-shadow: 0px 4px var(--success-color-accent);
box-shadow: 0px 8px var(--success-color-accent);
transition: background-color 0.3s ease;
}
.success-btn:hover {
background-color: var(--success-color-accent);
}
.success-btn:active {

22
styles/index.css
View File

@@ -1,5 +1,6 @@
.white {
color: white;
margin: 10px 0 0 0;
}
@media (min-width: 1000px) and (min-height: 860px) {
@@ -134,6 +135,7 @@
.profile {
color: white;
font-size: 20px;
margin: 5px 0;
}
#board-outer-container {
@@ -147,6 +149,7 @@
#evaluation-bar {
background-color: white;
border: 2px solid var(--border-color);
border-radius: var(--rounded-radius);
}
#board {
@@ -156,6 +159,7 @@
border: 2px solid var(--border-color);
border-radius: 10px;
border-radius: var(--rounded-radius);
}
/*
@@ -285,6 +289,7 @@
background-color: var(--secondary-color);
border: 2px solid var(--border-color);
border-radius: var(--rounded-radius);
}
@media (min-width: 1264px) {
@@ -348,7 +353,7 @@
GAME LOAD TYPE DROPDOWN
*/
#load-type-dropdown-container {
margin-bottom: 5px;
margin-bottom: 20px;
}
#load-type-dropdown {
@@ -366,8 +371,10 @@
height: 130px;
resize: none;
border-radius: 10px;
border-radius: var(--rounded-radius);
background-color: var(--border-color);
outline: none;
padding: 10px;
}
/*
@@ -453,6 +460,7 @@
#status-message {
text-align: center;
color: rgb(255, 53, 53);
margin: 10px 0;
}
/*
@@ -481,18 +489,22 @@
#review-panel-toolbar-buttons {
margin: 10px;
gap: 10px;
gap: 15px;
flex-wrap: wrap;
transition: gap 0.5s ease;
}
#review-panel-toolbar-buttons img {
cursor: pointer;
transition: transform 0.5s ease;
width: 30px;
}
#review-panel-toolbar-buttons img:hover {
transform: translateY(-3px);
opacity: 0.7;
}
#review-panel-toolbar-buttons img:active {
opacity: 0.5;
}
#announcement {