WebsiteProjects/ToneGuessr
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Extract colors

Browse Source
This commit is contained in:
Mathias Wagner 2025-02-28 18:51:56 +01:00
parent 8e418021ae
commit 34ef0c7940
5 changed files with 21 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
client/src/common/styles/colors.sass
View File

@ -1,6 +1,8 @@
$background: rgba(255, 255, 255, 0.14) $background: rgba(255, 255, 255, 0.14)
$border: rgba(255, 255, 255, 0.35) $border: rgba(255, 255, 255, 0.35)
$white: #ECECEC $white: #ECECEC
$green: #26EE5E
$green: #26EE5E $black: #000
$dark-gray: #1e1e1e
$light-gray: #aaa
$red: #ff0000

4
client/src/pages/Game/components/MusicSlider/styles.sass
View File

@ -1,3 +1,5 @@
@import "@/common/styles/colors"
.otamatone-container .otamatone-container
display: flex display: flex
justify-content: center justify-content: center
@ -41,7 +43,7 @@
position: absolute position: absolute
top: -30px top: -30px
font-size: 24pt font-size: 24pt
color: #fff color: $white
.otamatone-face .otamatone-face
width: 100px width: 100px

18
client/src/pages/Game/styles.sass
View File

@ -1,3 +1,5 @@
@import "@/common/styles/colors"
.game-page .game-page
display: flex display: flex
flex-direction: column flex-direction: column
@ -22,12 +24,12 @@
justify-content: center justify-content: center
width: 50% width: 50%
margin-right: 20px margin-right: 20px
color: #fff color: $white
text-align: center text-align: center
h2 h2
font-size: 36pt font-size: 36pt
color: #fff color: $white
margin-bottom: 20px margin-bottom: 20px
.song-card .song-card
@ -55,12 +57,12 @@
.song-names .song-names
font-size: 24pt font-size: 24pt
color: #fff color: $white
margin-bottom: 10px margin-bottom: 10px
.song-description .song-description
font-size: 14pt font-size: 14pt
color: #aaa color: $border
.chat-window .chat-window
width: 50% width: 50%
@ -84,13 +86,13 @@
.chat-title .chat-title
margin-left: 10px margin-left: 10px
font-size: 16pt font-size: 16pt
color: #fff color: $white
.chat-messages .chat-messages
flex: 1 flex: 1
padding: 10px padding: 10px
overflow-y: auto overflow-y: auto
color: #fff color: $white
.message .message
margin-bottom: 10px margin-bottom: 10px
@ -113,8 +115,8 @@
border: none border: none
border-radius: 5px border-radius: 5px
outline: none outline: none
background: rgba(255, 255, 255, 0.2) background: $background
color: #fff color: $white
button button
margin-left: 10px margin-left: 10px

2
client/src/pages/Home/components/ActionCard/styles.sass
View File

@ -1,4 +1,4 @@
@use "@/common/styles/colors" as * @import "@/common/styles/colors"
.action-card .action-card
display: flex display: flex

2
client/src/pages/Home/styles.sass
View File

@ -1,3 +1,5 @@
@import "@/common/styles/colors"
.home-page .home-page
display: flex display: flex
flex-direction: column flex-direction: column