Created
April 20, 2023 00:06
-
-
Save AndrewRayCode/adeb15fdb26b392452c72a3bb2a54aa2 to your computer and use it in GitHub Desktop.
2048 Dark Theme Custom CSS
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
body { | |
background:#000; | |
} | |
.grid-cell { | |
background: #333; | |
box-shadow: 0 0 10px inset #000; | |
} | |
.tile .tile-inner { | |
box-shadow: inset 0 0 20px red; | |
} | |
.tile.tile-2 .tile-inner { | |
box-shadow: inset 0 0 10px #999; | |
} | |
.tile.tile-4 .tile-inner { | |
box-shadow: inset 0 0 10px #cc6b6b; | |
} | |
.tile.tile-128 .tile-inner { | |
box-shadow: inset 0 0 10px #ff7100; | |
} | |
.tile.tile-1024 .tile-inner { | |
background: #037043; | |
color:#fff; | |
box-shadow: inset 0 0 20px #00d0ff; | |
text-shadow: 0 0 5px #41ffb6; | |
} | |
.tile.tile-2048 .tile-inner { | |
background: #3a036b; | |
color: #fff; | |
box-shadow: inset 0 0 20px #509ef0; | |
text-shadow: 0 0 6px #c4dcf7; | |
} | |
.tile.tile-4096 .tile-inner { | |
background: #4e021f; | |
color: #fff; | |
box-shadow: inset 0 0 20px #f14747; | |
text-shadow: 0 0 6px #ff0000; | |
} | |
.tile.tile-8192 .tile-inner { | |
background: #1f4000; | |
color: #fff; | |
box-shadow: inset 0 0 10px #cdff00; | |
} | |
.game-container { | |
background: #444; | |
} | |
#ucss-code-wrapper, #ucss-code-wrapper div { | |
color:#000; | |
background:#fff; | |
} | |
#ucss-code-wrapper div.ucss-panel { | |
background:#000; | |
color:#000; | |
} | |
#ucss-code-wrapper div.ucss-toggle { | |
background:#f00; | |
color:#000; | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment