diff --git a/.vscode/settings.json b/.vscode/settings.json
deleted file mode 100644
index c88f08d..0000000
--- a/.vscode/settings.json
+++ /dev/null
@@ -1,12 +0,0 @@
-{
- "editor.fontSize": 19,
- "editor.tabSize": 2,
- "editor.lineHeight": 1,
- "editor.fontFamily": "'Droid Sans Mono', 'monospace', monospace",
- "workbench.colorTheme": "Dracula Soft",
- "editor.wordWrap": "on",
- "editor.wordWrapColumn": 120,
- "editor.wrappingIndent": "indent",
- "editor.formatOnSave": false,
- "editor.formatOnType": false,
-}
\ No newline at end of file
diff --git a/assets/css/style.css b/assets/css/style.css
index f5179cd..d33aec8 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -34,8 +34,8 @@ body {
}
#status-container {
- background-color: lightgreen;
- color: var(--default-font-color);
+ background-color: var(--default-font-color);
+ font-weight: bold;
padding: 20px 10px;
margin-right: 7px;
line-height: 2rem;
@@ -45,11 +45,27 @@ body {
justify-content: center;
}
+#score-container > i {
+ color: rgb(211, 6, 6);
+}
+
#score-container,
#high-scores-container {
margin-bottom: 80px;
}
+#first-place-container > i {
+ color: #CD7F32;
+}
+
+#second-place-container > i {
+ color: #C0C0C0;
+}
+
+#third-place-container > i {
+ color: #DB9370;
+}
+
#score-container,
.high-score {
margin-top: 7px;
@@ -61,10 +77,9 @@ body {
/* 30px de tamanho de fonte para todos os ícones do Bootstrap Icons */
.bi {
font-size: 30px;
- color: rgb(1, 66, 1);
}
-button {
+#toggle-mute-sound {
/* Deve ser um quadrado, para que seja aplicado o formato de círculo */
width: 44px;
height: 44px;
@@ -76,11 +91,15 @@ button {
background-color: transparent;
}
-button:hover {
+#toggle-mute-sound:hover {
cursor: pointer;
background-color: var(--hover-bg-color);
}
+#sound-icon {
+ color: cyan;
+}
+
#stage,
#status-container {
border-radius: 20px;
diff --git a/index.html b/index.html
index d585306..574ae8e 100644
--- a/index.html
+++ b/index.html
@@ -20,7 +20,7 @@
- SNAKE GAME v0.4.1.2
+ SNAKE GAME v0.4.1.3