mirror of
https://github.com/zumbiepig/MineXLauncher.git
synced 2025-06-26 10:05:10 +00:00
MineXLauncher 1.4
This commit is contained in:
zumbiepig
GitHub
6
public/resources/styles/eagler.css
Normal file
6
public/resources/styles/eagler.css
Normal file
@@ -0,0 +1,6 @@
|
||||
body {
|
||||
margin: 0px;
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
overflow: hidden;
|
||||
}
|
||||
18
public/resources/styles/index.css
Normal file
18
public/resources/styles/index.css
Normal file
@@ -0,0 +1,18 @@
|
||||
body {
|
||||
overflow: hidden;
|
||||
background-color: #1e1e1e;
|
||||
background-image: url('/resources/images/icons/loading.webp');
|
||||
background-repeat: no-repeat;
|
||||
background-attachment: fixed;
|
||||
background-position: center;
|
||||
background-size: 15vh;
|
||||
}
|
||||
|
||||
iframe {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border: none;
|
||||
}
|
||||
@@ -5,6 +5,5 @@
|
||||
}
|
||||
|
||||
.play-button {
|
||||
text-decoration: none;
|
||||
padding: 10px 10px;
|
||||
}
|
||||
|
||||
112
public/resources/styles/themes/campfire.css
Normal file
112
public/resources/styles/themes/campfire.css
Normal file
@@ -0,0 +1,112 @@
|
||||
body {
|
||||
background-image: url('/resources/images/backgrounds/themes/campfire.webp');
|
||||
background-color: #2b1b0f;
|
||||
color: #f5e0c3;
|
||||
}
|
||||
|
||||
.launcher {
|
||||
background-color: #3e2a1a;
|
||||
box-shadow: 0 0 20px rgba(0, 0, 0, 0.7);
|
||||
}
|
||||
|
||||
.title-bar,
|
||||
.top-bar,
|
||||
.top-menu {
|
||||
background-color: #4a2f1b;
|
||||
color: #f5e0c3;
|
||||
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
|
||||
}
|
||||
|
||||
.sidebar {
|
||||
background-color: #3a2416;
|
||||
border-right: 1px solid #4a2f1b;
|
||||
}
|
||||
|
||||
.profile {
|
||||
border-bottom: 1px solid #4a2f1b;
|
||||
}
|
||||
|
||||
.nav-item:hover,
|
||||
.nav-item.selected {
|
||||
background-color: #5a3a2a;
|
||||
}
|
||||
|
||||
.main-panel,
|
||||
.main-content {
|
||||
background-color: #2b1b0f;
|
||||
}
|
||||
|
||||
.tabs .tab:hover,
|
||||
.tabs .tab.selected {
|
||||
color: #ffcc00;
|
||||
}
|
||||
|
||||
.installations {
|
||||
background-color: #3e2a1a;
|
||||
border-top: 1px solid #4a2f1b;
|
||||
}
|
||||
|
||||
.custom-select {
|
||||
background-color: #5a3a2a;
|
||||
border: 2px solid #4a2f1b;
|
||||
color: #f5e0c3;
|
||||
box-shadow: 4px 4px #2b1b0f;
|
||||
}
|
||||
|
||||
.custom-select:hover {
|
||||
box-shadow: 6px 6px #2b1b0f;
|
||||
}
|
||||
|
||||
.custom-options {
|
||||
background-color: #4a2f1b;
|
||||
box-shadow: 4px 4px #2b1b0f;
|
||||
}
|
||||
|
||||
.custom-option:hover {
|
||||
background-color: #6a4a3a;
|
||||
}
|
||||
|
||||
.play-button {
|
||||
background-color: #ff6600;
|
||||
border: 2px solid #cc5200;
|
||||
}
|
||||
|
||||
.play-button:hover {
|
||||
background-color: #ff8533;
|
||||
border-color: #b34700;
|
||||
}
|
||||
|
||||
.bottom-bar {
|
||||
background-color: #4a2f1b;
|
||||
border-top: 1px solid #5a3a2a;
|
||||
box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.3);
|
||||
}
|
||||
|
||||
.minecraft-button {
|
||||
background-color: #cc5200;
|
||||
border: 1px solid #4a2f1b;
|
||||
}
|
||||
|
||||
.minecraft-button:hover {
|
||||
background-color: #e65c00;
|
||||
}
|
||||
|
||||
.minecraft-button:active {
|
||||
background-color: #b34700;
|
||||
}
|
||||
|
||||
.download-link {
|
||||
background-color: #ff6600;
|
||||
}
|
||||
|
||||
.download-link:hover {
|
||||
background-color: #ff8533;
|
||||
}
|
||||
|
||||
.top-menu ul li {
|
||||
color: #f5e0c3;
|
||||
}
|
||||
|
||||
.top-menu ul li.selected {
|
||||
color: #ffcc00;
|
||||
}
|
||||
146
public/resources/styles/themes/cherry-blossom.css
Normal file
146
public/resources/styles/themes/cherry-blossom.css
Normal file
@@ -0,0 +1,146 @@
|
||||
body {
|
||||
background-image: url('/resources/images/backgrounds/themes/cherry-blossom.webp');
|
||||
background-color: #fef0f5;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.launcher {
|
||||
background-color: #fdf0f5;
|
||||
}
|
||||
|
||||
.title-bar {
|
||||
background-color: #f6e7f3;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.sidebar {
|
||||
background-color: #f9f0f4;
|
||||
border-right: 1px solid #e0d1e3;
|
||||
}
|
||||
|
||||
.profile {
|
||||
border-bottom: 1px solid #e0d1e3;
|
||||
}
|
||||
|
||||
.nav-item:hover,
|
||||
.nav-item.selected {
|
||||
background-color: #f4c6d0;
|
||||
}
|
||||
|
||||
.main-panel {
|
||||
background-color: #fef0f5;
|
||||
}
|
||||
|
||||
.top-bar {
|
||||
background-color: #f6e7f3;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.top-menu {
|
||||
background-color: #f6e7f3;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.top-menu ul li {
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.top-menu ul li.selected {
|
||||
color: #e5a1b8;
|
||||
}
|
||||
|
||||
.tab:hover,
|
||||
.tab.selected {
|
||||
color: #e5a1b8;
|
||||
}
|
||||
|
||||
.main-content {
|
||||
background-color: #fef0f5;
|
||||
scrollbar-color: #f2c8d5 #fef0f5;
|
||||
}
|
||||
|
||||
.installations {
|
||||
background-color: #f9e6f1;
|
||||
border-top: 1px solid #e0d1e3;
|
||||
}
|
||||
|
||||
.custom-select {
|
||||
border: 2px solid #f2c8d5;
|
||||
background-color: #f9e6f1;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.custom-options {
|
||||
border: 2px solid #f2c8d5;
|
||||
background-color: #fceef2;
|
||||
color: #333;
|
||||
scrollbar-color: #f2c8d5 #fceef2;
|
||||
}
|
||||
|
||||
.custom-option {
|
||||
border-bottom: 1px solid #f2c8d5;
|
||||
}
|
||||
|
||||
.custom-option:hover {
|
||||
background-color: #f8d4e4;
|
||||
}
|
||||
|
||||
.play-button {
|
||||
background-color: #e5a1b8;
|
||||
border: 2px solid #d0808e;
|
||||
}
|
||||
|
||||
.play-button:hover {
|
||||
background-color: #f7b7bc;
|
||||
border-color: #d0808e;
|
||||
}
|
||||
|
||||
.bottom-bar {
|
||||
background-color: #f6e7f3;
|
||||
border-top: 1px solid #e0d1e3;
|
||||
}
|
||||
|
||||
.bottom-bar .bottom-bar-left,
|
||||
.bottom-bar .bottom-bar-right {
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.bottom-bar .bottom-bar-left:hover {
|
||||
color: #e5a1b8;
|
||||
}
|
||||
|
||||
.minecraft-button {
|
||||
background-color: #f2c8d5;
|
||||
border: 1px solid #e0d1e3;
|
||||
}
|
||||
|
||||
.minecraft-button:hover {
|
||||
background-color: #e5a1b8;
|
||||
}
|
||||
|
||||
.minecraft-button:active {
|
||||
background-color: #d0808e;
|
||||
}
|
||||
|
||||
.download-link {
|
||||
background-color: #d0808e;
|
||||
}
|
||||
|
||||
.download-link:hover {
|
||||
background-color: #e5a1b8;
|
||||
}
|
||||
|
||||
input[type='text'],
|
||||
select {
|
||||
border: 1px solid #e0d1e3;
|
||||
background-color: #f9e6f1;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
button {
|
||||
background-color: #f2c8d5;
|
||||
}
|
||||
|
||||
button:hover {
|
||||
background-color: #e5a1b8;
|
||||
}
|
||||
@@ -1,9 +1,16 @@
|
||||
@font-face {
|
||||
font-family: Minecraftia-Regular;
|
||||
src: url(/resources/fonts/Minecraftia-Regular.ttf);
|
||||
}
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
|
||||
font-family: sans-serif;
|
||||
background-color: #1e1e1e;
|
||||
color: #fff;
|
||||
overflow: hidden;
|
||||
background-image: none;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
.launcher {
|
||||
@@ -55,13 +62,6 @@ body {
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.profile-status {
|
||||
font-size: 12px;
|
||||
color: #00cc00;
|
||||
display: block;
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
nav {
|
||||
list-style-type: none;
|
||||
padding: 0;
|
||||
@@ -110,6 +110,17 @@ nav {
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.top-menu {
|
||||
background-color: #2c2c2c;
|
||||
padding: 10px 20px;
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
align-items: center;
|
||||
color: #ddd;
|
||||
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.game-title {
|
||||
font-size: 18px;
|
||||
font-weight: bold;
|
||||
@@ -145,16 +156,6 @@ nav {
|
||||
scrollbar-color: #555 #333;
|
||||
}
|
||||
|
||||
.error-page {
|
||||
display: flex;
|
||||
flex: 1;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
padding: 20px;
|
||||
padding-bottom: 10%;
|
||||
}
|
||||
|
||||
.cover-image {
|
||||
display: flex;
|
||||
flex: 1;
|
||||
@@ -188,7 +189,7 @@ nav {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
font-family: 'MinecraftRegular', sans-serif;
|
||||
font-family: sans-serif;
|
||||
font-size: 1em;
|
||||
padding: 7px;
|
||||
border: 2px solid #000;
|
||||
@@ -303,10 +304,10 @@ nav {
|
||||
}
|
||||
|
||||
.play-button:hover span {
|
||||
animation: fluid 1.5s infinite alternate;
|
||||
animation: play-button 1.5s infinite alternate;
|
||||
}
|
||||
|
||||
@keyframes fluid {
|
||||
@keyframes play-button {
|
||||
0% {
|
||||
transform: scale(1);
|
||||
}
|
||||
@@ -437,33 +438,6 @@ nav {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
select {
|
||||
width: 100%;
|
||||
padding: 10px;
|
||||
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
|
||||
font-weight: bold;
|
||||
color: #e0e0e0;
|
||||
background-color: #08a74a;
|
||||
box-shadow: 4px 4px 0px #2a2a2a, -4px -4px 0px #2a2a2a;
|
||||
border-radius: 3px;
|
||||
appearance: none;
|
||||
background-image: url('/resources/images/icons/dropdown-selector.png'), linear-gradient(45deg, #0a8338, #086126);
|
||||
background-repeat: no-repeat, repeat;
|
||||
background-position: right 10px center, 0 0;
|
||||
background-size: 15px auto, 100%;
|
||||
cursor: pointer;
|
||||
transition: box-shadow 0.2s, background-color 0.2s;
|
||||
}
|
||||
|
||||
select:hover {
|
||||
background-color: #0a8338;
|
||||
}
|
||||
|
||||
select:focus {
|
||||
outline: none;
|
||||
box-shadow: 0 0 5px 2px #00cc00;
|
||||
}
|
||||
|
||||
.mod-list {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(3, 1fr);
|
||||
@@ -537,46 +511,6 @@ select:focus {
|
||||
background-color: #777;
|
||||
}
|
||||
|
||||
.top-menu {
|
||||
background-color: #2c2c2c;
|
||||
padding: 10px 20px;
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
align-items: center;
|
||||
color: #ddd;
|
||||
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
#username-form {
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
#username-input {
|
||||
width: calc(100% - 22px);
|
||||
padding: 10px;
|
||||
margin-bottom: 10px;
|
||||
border: none;
|
||||
border-radius: 3px;
|
||||
background-color: #333;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.username-button {
|
||||
width: 100%;
|
||||
padding: 10px;
|
||||
border: none;
|
||||
border-radius: 3px;
|
||||
background-color: #00cc00;
|
||||
color: #fff;
|
||||
cursor: pointer;
|
||||
transition: background-color 0.2s;
|
||||
}
|
||||
|
||||
.username-button:hover {
|
||||
background-color: #00ff00;
|
||||
}
|
||||
|
||||
.server-list {
|
||||
display: flex;
|
||||
flex: 1;
|
||||
@@ -589,13 +523,6 @@ select:focus {
|
||||
border: none;
|
||||
}
|
||||
|
||||
.settings {
|
||||
display: flex;
|
||||
flex: 1;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.version-select {
|
||||
width: 100%;
|
||||
padding: 0.5rem;
|
||||
@@ -643,6 +570,7 @@ select:focus {
|
||||
|
||||
.archive-button {
|
||||
padding: 0.5rem 1rem;
|
||||
margin-top: 0.5rem;
|
||||
border: none;
|
||||
border-radius: 5px;
|
||||
background-color: #4a90e2;
|
||||
@@ -652,15 +580,80 @@ select:focus {
|
||||
transition: background-color 0.3s;
|
||||
}
|
||||
|
||||
.archive-button:hover {
|
||||
.archive-link {
|
||||
padding: 0.5rem 1rem;
|
||||
margin: 0.5rem 1rem;
|
||||
border: none;
|
||||
border-radius: 5px;
|
||||
background-color: #4a90e2;
|
||||
color: #ffffff;
|
||||
font-size: 1rem;
|
||||
cursor: pointer;
|
||||
transition: background-color 0.3s;
|
||||
}
|
||||
|
||||
.archive-button:hover,
|
||||
.archive-link:hover {
|
||||
background-color: #357abd;
|
||||
}
|
||||
|
||||
.archive-button:focus {
|
||||
.archive-button:focus,
|
||||
.archive-link:focus {
|
||||
outline: none;
|
||||
box-shadow: 0 0 0 2px #357abd;
|
||||
}
|
||||
|
||||
.archive-button:active {
|
||||
.archive-button:active,
|
||||
.archive-link:active {
|
||||
transform: scale(0.95);
|
||||
}
|
||||
|
||||
.settings {
|
||||
display: flex;
|
||||
flex: 1;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
#username-input,
|
||||
#theme-select {
|
||||
width: calc(100% - 22px);
|
||||
padding: 10px;
|
||||
margin-bottom: 10px;
|
||||
border: none;
|
||||
border-radius: 3px;
|
||||
background-color: #333;
|
||||
color: #fff;
|
||||
appearance: none;
|
||||
}
|
||||
|
||||
#username-input:focus,
|
||||
#theme-select:focus {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.setup-submit {
|
||||
width: 100%;
|
||||
padding: 10px;
|
||||
border: none;
|
||||
border-radius: 3px;
|
||||
background-color: #00cc00;
|
||||
color: #fff;
|
||||
cursor: pointer;
|
||||
transition: background-color 0.2s;
|
||||
}
|
||||
|
||||
.setup-submit:hover {
|
||||
background-color: #00ff00;
|
||||
}
|
||||
|
||||
.setup-page,
|
||||
.error-page {
|
||||
display: flex;
|
||||
flex: 1;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
padding: 20px;
|
||||
padding-bottom: 7%;
|
||||
}
|
||||
147
public/resources/styles/themes/hyperdark.css
Normal file
147
public/resources/styles/themes/hyperdark.css
Normal file
@@ -0,0 +1,147 @@
|
||||
body {
|
||||
background-color: #121212;
|
||||
color: #e0e0e0;
|
||||
}
|
||||
|
||||
.launcher {
|
||||
background-color: #1e1e1e;
|
||||
box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
|
||||
}
|
||||
|
||||
.title-bar {
|
||||
background-color: #1a1a1a;
|
||||
color: #e0e0e0;
|
||||
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
|
||||
.sidebar {
|
||||
background-color: #262626;
|
||||
}
|
||||
|
||||
.nav-item:hover,
|
||||
.nav-item.selected {
|
||||
background-color: #333;
|
||||
}
|
||||
|
||||
.main-panel {
|
||||
background-color: #1e1e1e;
|
||||
}
|
||||
|
||||
.top-bar {
|
||||
background-color: #1a1a1a;
|
||||
color: #e0e0e0;
|
||||
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
|
||||
.top-menu {
|
||||
background-color: #1a1a1a;
|
||||
color: #e0e0e0;
|
||||
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
|
||||
.main-content {
|
||||
background-color: #121212;
|
||||
scrollbar-color: #333 #121212;
|
||||
}
|
||||
|
||||
.installations {
|
||||
background-color: #1c1c1c;
|
||||
}
|
||||
|
||||
.custom-select {
|
||||
border: 2px solid #444;
|
||||
background-color: #333;
|
||||
color: #e0e0e0;
|
||||
box-shadow: 4px 4px #111;
|
||||
}
|
||||
|
||||
.custom-select:hover {
|
||||
box-shadow: 6px 6px #111;
|
||||
}
|
||||
|
||||
.custom-options {
|
||||
border: 2px solid #444;
|
||||
background-color: #222;
|
||||
box-shadow: 4px 4px #111;
|
||||
color: #e0e0e0;
|
||||
scrollbar-color: #333 #222;
|
||||
}
|
||||
|
||||
.custom-option {
|
||||
border-bottom: 1px solid #444;
|
||||
}
|
||||
|
||||
.custom-option:hover {
|
||||
background-color: #333;
|
||||
}
|
||||
|
||||
.play-button {
|
||||
background-color: #444;
|
||||
border: 2px solid #333;
|
||||
color: #e0e0e0;
|
||||
}
|
||||
|
||||
.play-button:hover {
|
||||
background-color: #555;
|
||||
border-color: #444;
|
||||
}
|
||||
|
||||
.bottom-bar {
|
||||
background-color: #1a1a1a;
|
||||
box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
|
||||
.bottom-bar .bottom-bar-left {
|
||||
color: #e0e0e0;
|
||||
}
|
||||
|
||||
.bottom-bar .bottom-bar-left:hover {
|
||||
color: #aaa;
|
||||
}
|
||||
|
||||
.bottom-bar .bottom-bar-right {
|
||||
color: #e0e0e0;
|
||||
}
|
||||
|
||||
.minecraft-button {
|
||||
background-color: #333;
|
||||
border: 1px solid #444;
|
||||
}
|
||||
|
||||
.minecraft-button:hover {
|
||||
background-color: #444;
|
||||
}
|
||||
|
||||
.minecraft-button:active {
|
||||
background-color: #555;
|
||||
}
|
||||
|
||||
.download-link {
|
||||
background-color: #333;
|
||||
color: #e0e0e0;
|
||||
}
|
||||
|
||||
.download-link:hover {
|
||||
background-color: #444;
|
||||
}
|
||||
|
||||
input[type='text'],
|
||||
select {
|
||||
border: 1px solid #444;
|
||||
background-color: #1e1e1e;
|
||||
color: #e0e0e0;
|
||||
}
|
||||
|
||||
input[type='text']::placeholder,
|
||||
select option {
|
||||
color: #e0e0e0;
|
||||
}
|
||||
|
||||
button {
|
||||
background-color: #333;
|
||||
color: #e0e0e0;
|
||||
}
|
||||
|
||||
button:hover {
|
||||
background-color: #444;
|
||||
}
|
||||
111
public/resources/styles/themes/light.css
Normal file
111
public/resources/styles/themes/light.css
Normal file
@@ -0,0 +1,111 @@
|
||||
body {
|
||||
background-color: #f5f5f5;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.launcher {
|
||||
background-color: #fff;
|
||||
box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
.title-bar, .top-bar, .top-menu, .bottom-bar {
|
||||
background-color: #e0e0e0;
|
||||
color: #333;
|
||||
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
.sidebar {
|
||||
background-color: #f0f0f0;
|
||||
border-right: 1px solid #ddd;
|
||||
}
|
||||
|
||||
.profile {
|
||||
border-bottom: 1px solid #ddd;
|
||||
}
|
||||
|
||||
.nav-item {
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.nav-item:hover, .nav-item.selected {
|
||||
background-color: #ddd;
|
||||
}
|
||||
|
||||
.main-panel, .main-content {
|
||||
background-color: #fafafa;
|
||||
}
|
||||
|
||||
.installations {
|
||||
background-color: #e0e0e0;
|
||||
border-top: 1px solid #ddd;
|
||||
}
|
||||
|
||||
.custom-select {
|
||||
border: 2px solid #ccc;
|
||||
background-color: #fff;
|
||||
color: #333;
|
||||
box-shadow: 4px 4px #ddd;
|
||||
}
|
||||
|
||||
.custom-select:hover {
|
||||
box-shadow: 6px 6px #ddd;
|
||||
}
|
||||
|
||||
.custom-options {
|
||||
border: 2px solid #ccc;
|
||||
background-color: #fff;
|
||||
box-shadow: 4px 4px #ddd;
|
||||
}
|
||||
|
||||
.custom-option {
|
||||
border-bottom: 1px solid #ccc;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.custom-option:hover {
|
||||
background-color: #f0f0f0;
|
||||
}
|
||||
|
||||
.play-button {
|
||||
background-color: #4caf50;
|
||||
border: 2px solid #388e3c;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.play-button:hover {
|
||||
background-color: #66bb6a;
|
||||
border-color: #2e7d32;
|
||||
}
|
||||
|
||||
.bottom-bar .bottom-bar-left, .bottom-bar .bottom-bar-right {
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.minecraft-button {
|
||||
background-color: #e0e0e0;
|
||||
border: 1px solid #ccc;
|
||||
}
|
||||
|
||||
.minecraft-button:hover {
|
||||
background-color: #d5d5d5;
|
||||
}
|
||||
|
||||
.minecraft-button:active {
|
||||
background-color: #bdbdbd;
|
||||
}
|
||||
|
||||
.download-link {
|
||||
background-color: #4caf50;
|
||||
}
|
||||
|
||||
.download-link:hover {
|
||||
background-color: #66bb6a;
|
||||
}
|
||||
|
||||
.top-menu ul li {
|
||||
color: #666;
|
||||
}
|
||||
|
||||
.top-menu ul li.selected {
|
||||
color: #333;
|
||||
}
|
||||
116
public/resources/styles/themes/nether.css
Normal file
116
public/resources/styles/themes/nether.css
Normal file
@@ -0,0 +1,116 @@
|
||||
body {
|
||||
background-image: url('/resources/images/backgrounds/themes/nether.webp');
|
||||
color: #ffcc00;
|
||||
}
|
||||
|
||||
.launcher {
|
||||
background-color: #3c2c2c;
|
||||
box-shadow: 0 0 20px rgba(255, 69, 0, 0.5);
|
||||
}
|
||||
|
||||
.title-bar,
|
||||
.top-bar,
|
||||
.top-menu {
|
||||
background-color: #4c2c2c;
|
||||
color: #ffcc00;
|
||||
box-shadow: 0 2px 4px rgba(255, 69, 0, 0.2);
|
||||
}
|
||||
|
||||
.sidebar {
|
||||
background-color: #3a2a2a;
|
||||
border-right: 1px solid #4c2c2c;
|
||||
}
|
||||
|
||||
.profile-status {
|
||||
color: #ff4500;
|
||||
}
|
||||
|
||||
.nav-item:hover,
|
||||
.nav-item.selected {
|
||||
background-color: #5c3c3c;
|
||||
}
|
||||
|
||||
.main-panel,
|
||||
.main-content {
|
||||
background-color: #2e1a1a;
|
||||
}
|
||||
|
||||
.tabs .tab:hover,
|
||||
.tabs .tab.selected {
|
||||
color: #ff4500;
|
||||
}
|
||||
|
||||
.installations {
|
||||
background-color: #4c2c2c;
|
||||
border-top: 1px solid #5c3c3c;
|
||||
}
|
||||
|
||||
.custom-select {
|
||||
background-color: #8b0000;
|
||||
border: 2px solid #4c2c2c;
|
||||
box-shadow: 4px 4px #5c3c3c;
|
||||
}
|
||||
|
||||
.custom-select:hover {
|
||||
box-shadow: 6px 6px #5c3c3c;
|
||||
}
|
||||
|
||||
.custom-options {
|
||||
background-color: #4c2c2c;
|
||||
border: 2px solid #4c2c2c;
|
||||
box-shadow: 4px 4px #5c3c3c;
|
||||
}
|
||||
|
||||
.custom-option:hover {
|
||||
background-color: #8b0000;
|
||||
}
|
||||
|
||||
.play-button {
|
||||
background-color: #ff4500;
|
||||
border: 2px solid #8b0000;
|
||||
}
|
||||
|
||||
.play-button:hover {
|
||||
background-color: #ff6347;
|
||||
border-color: #8b0000;
|
||||
}
|
||||
|
||||
.bottom-bar {
|
||||
background-color: #4c2c2c;
|
||||
border-top: 1px solid #5c3c3c;
|
||||
box-shadow: 0 -2px 4px rgba(255, 69, 0, 0.2);
|
||||
}
|
||||
|
||||
.bottom-bar .bottom-bar-left,
|
||||
.bottom-bar .bottom-bar-right {
|
||||
color: #ffcc00;
|
||||
}
|
||||
|
||||
.minecraft-button {
|
||||
background-color: #8b0000;
|
||||
border: 1px solid #4c2c2c;
|
||||
}
|
||||
|
||||
.minecraft-button:hover {
|
||||
background-color: #a52a2a;
|
||||
}
|
||||
|
||||
.minecraft-button:active {
|
||||
background-color: #5c3c3c;
|
||||
}
|
||||
|
||||
.download-link {
|
||||
background-color: #8b0000;
|
||||
}
|
||||
|
||||
.download-link:hover {
|
||||
background-color: #ff4500;
|
||||
}
|
||||
|
||||
.top-menu ul li {
|
||||
color: #ffcc00;
|
||||
}
|
||||
|
||||
.top-menu ul li.selected {
|
||||
color: #fff;
|
||||
}
|
||||
116
public/resources/styles/themes/overworld.css
Normal file
116
public/resources/styles/themes/overworld.css
Normal file
@@ -0,0 +1,116 @@
|
||||
body {
|
||||
background-image: url('/resources/images/backgrounds/themes/overworld.webp');
|
||||
color: #00ff00;
|
||||
}
|
||||
|
||||
.launcher {
|
||||
background-color: #3c5c3c;
|
||||
box-shadow: 0 0 20px rgba(0, 255, 0, 0.5);
|
||||
}
|
||||
|
||||
.title-bar,
|
||||
.top-bar,
|
||||
.top-menu {
|
||||
background-color: #4c6c4c;
|
||||
color: #00ff00;
|
||||
box-shadow: 0 2px 4px rgba(0, 255, 0, 0.2);
|
||||
}
|
||||
|
||||
.sidebar {
|
||||
background-color: #3a5a3a;
|
||||
border-right: 1px solid #4c6c4c;
|
||||
}
|
||||
|
||||
.profile-status {
|
||||
color: #00ff00;
|
||||
}
|
||||
|
||||
.nav-item:hover,
|
||||
.nav-item.selected {
|
||||
background-color: #5c7c5c;
|
||||
}
|
||||
|
||||
.main-panel,
|
||||
.main-content {
|
||||
background-color: #2e4e2e;
|
||||
}
|
||||
|
||||
.tabs .tab:hover,
|
||||
.tabs .tab.selected {
|
||||
color: #00ff00;
|
||||
}
|
||||
|
||||
.installations {
|
||||
background-color: #4c6c4c;
|
||||
border-top: 1px solid #5c7c5c;
|
||||
}
|
||||
|
||||
.custom-select {
|
||||
background-color: #00b000;
|
||||
border: 2px solid #4c6c4c;
|
||||
box-shadow: 4px 4px #5c7c5c;
|
||||
}
|
||||
|
||||
.custom-select:hover {
|
||||
box-shadow: 6px 6px #5c7c5c;
|
||||
}
|
||||
|
||||
.custom-options {
|
||||
background-color: #4c6c4c;
|
||||
border: 2px solid #4c6c4c;
|
||||
box-shadow: 4px 4px #5c7c5c;
|
||||
}
|
||||
|
||||
.custom-option:hover {
|
||||
background-color: #00b000;
|
||||
}
|
||||
|
||||
.play-button {
|
||||
background-color: #00ff00;
|
||||
border: 2px solid #00b000;
|
||||
}
|
||||
|
||||
.play-button:hover {
|
||||
background-color: #32ff32;
|
||||
border-color: #00b000;
|
||||
}
|
||||
|
||||
.bottom-bar {
|
||||
background-color: #4c6c4c;
|
||||
border-top: 1px solid #5c7c5c;
|
||||
box-shadow: 0 -2px 4px rgba(0, 255, 0, 0.2);
|
||||
}
|
||||
|
||||
.bottom-bar .bottom-bar-left,
|
||||
.bottom-bar .bottom-bar-right {
|
||||
color: #00ff00;
|
||||
}
|
||||
|
||||
.minecraft-button {
|
||||
background-color: #00b000;
|
||||
border: 1px solid #4c6c4c;
|
||||
}
|
||||
|
||||
.minecraft-button:hover {
|
||||
background-color: #32cd32;
|
||||
}
|
||||
|
||||
.minecraft-button:active {
|
||||
background-color: #5c7c5c;
|
||||
}
|
||||
|
||||
.download-link {
|
||||
background-color: #00b000;
|
||||
}
|
||||
|
||||
.download-link:hover {
|
||||
background-color: #00ff00;
|
||||
}
|
||||
|
||||
.top-menu ul li {
|
||||
color: #00ff00;
|
||||
}
|
||||
|
||||
.top-menu ul li.selected {
|
||||
color: #fff;
|
||||
}
|
||||
87
public/resources/styles/themes/retro.css
Normal file
87
public/resources/styles/themes/retro.css
Normal file
@@ -0,0 +1,87 @@
|
||||
body {
|
||||
background-image: url('/resources/images/backgrounds/themes/retro.webp');
|
||||
background-color: #000;
|
||||
color: #00ff00;
|
||||
font-family: 'Courier New', Courier, monospace;
|
||||
}
|
||||
|
||||
.launcher {
|
||||
background-color: #111;
|
||||
box-shadow: none;
|
||||
border: 2px solid #00ff00;
|
||||
}
|
||||
|
||||
.title-bar,
|
||||
.top-bar,
|
||||
.top-menu,
|
||||
.bottom-bar {
|
||||
background-color: #222;
|
||||
color: #00ff00;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.sidebar {
|
||||
background-color: #111;
|
||||
border-right: 2px solid #00ff00;
|
||||
}
|
||||
|
||||
.profile,
|
||||
.nav-item,
|
||||
.installations,
|
||||
.custom-select,
|
||||
.custom-options,
|
||||
.play-button,
|
||||
.minecraft-button,
|
||||
.download-link {
|
||||
background-color: #111;
|
||||
border: 2px solid #00ff00;
|
||||
color: #00ff00;
|
||||
}
|
||||
|
||||
.nav-item:hover,
|
||||
.nav-item.selected,
|
||||
.tab:hover,
|
||||
.tab.selected,
|
||||
.custom-option:hover,
|
||||
.play-button:hover,
|
||||
.minecraft-button:hover,
|
||||
.download-link:hover {
|
||||
background-color: #333;
|
||||
}
|
||||
|
||||
.custom-select:hover,
|
||||
.custom-select.open,
|
||||
.play-button:hover,
|
||||
.minecraft-button:hover,
|
||||
.download-link:hover {
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.custom-option {
|
||||
border-bottom: 1px solid #00ff00;
|
||||
}
|
||||
|
||||
.custom-option:last-child {
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
.play-button::before {
|
||||
background-color: rgba(0, 255, 0, 0.1);
|
||||
}
|
||||
|
||||
.play-button:hover::before {
|
||||
background-color: rgba(0, 255, 0, 0.2);
|
||||
}
|
||||
|
||||
.play-button span {
|
||||
animation: none;
|
||||
}
|
||||
|
||||
.bottom-bar .bottom-bar-left:hover {
|
||||
text-decoration: none;
|
||||
color: #00ff00;
|
||||
}
|
||||
|
||||
.scrollbar-color {
|
||||
scrollbar-color: #00ff00 #111;
|
||||
}
|
||||
56
public/resources/styles/themes/starfall.css
Normal file
56
public/resources/styles/themes/starfall.css
Normal file
@@ -0,0 +1,56 @@
|
||||
body {
|
||||
background-image: url('/resources/images/backgrounds/themes/starfall.webp');
|
||||
background-color: #000;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.launcher {
|
||||
background-color: rgba(0, 0, 0, 0.8);
|
||||
box-shadow: 0 0 30px rgba(255, 255, 255, 0.5);
|
||||
}
|
||||
|
||||
.title-bar,
|
||||
.top-bar,
|
||||
.top-menu,
|
||||
.bottom-bar {
|
||||
background-color: rgba(0, 0, 0, 0.7);
|
||||
color: #fff;
|
||||
box-shadow: 0 2px 4px rgba(255, 255, 255, 0.2);
|
||||
}
|
||||
|
||||
.nav-item:hover,
|
||||
.nav-item.selected,
|
||||
.tab:hover,
|
||||
.tab.selected {
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
color: #00ccff;
|
||||
}
|
||||
|
||||
.custom-select,
|
||||
.custom-options {
|
||||
background-color: rgba(0, 0, 0, 0.8);
|
||||
color: #00ccff;
|
||||
border: 2px solid #00ccff;
|
||||
}
|
||||
|
||||
.custom-option:hover {
|
||||
background-color: rgba(0, 204, 255, 0.2);
|
||||
}
|
||||
|
||||
.play-button {
|
||||
background-color: #00ccff;
|
||||
border: 2px solid #0099cc;
|
||||
}
|
||||
|
||||
.play-button:hover {
|
||||
background-color: #00e6ff;
|
||||
border-color: #0077aa;
|
||||
}
|
||||
|
||||
.download-link {
|
||||
background-color: #00ccff;
|
||||
}
|
||||
|
||||
.download-link:hover {
|
||||
background-color: #00e6ff;
|
||||
}
|
||||
113
public/resources/styles/themes/the-end.css
Normal file
113
public/resources/styles/themes/the-end.css
Normal file
@@ -0,0 +1,113 @@
|
||||
body {
|
||||
background-image: url('/resources/images/backgrounds/themes/the-end.webp');
|
||||
background-color: #150033;
|
||||
color: #e0d8ff;
|
||||
}
|
||||
|
||||
.launcher {
|
||||
background-color: #1a0033;
|
||||
box-shadow: 0 0 20px rgba(128, 0, 128, 0.5);
|
||||
}
|
||||
|
||||
.title-bar,
|
||||
.top-bar,
|
||||
.top-menu,
|
||||
.bottom-bar {
|
||||
background-color: #22004d;
|
||||
color: #e0d8ff;
|
||||
box-shadow: 0 2px 4px rgba(128, 0, 128, 0.2);
|
||||
}
|
||||
|
||||
.sidebar {
|
||||
background-color: #1a0033;
|
||||
border-right: 1px solid #330066;
|
||||
}
|
||||
|
||||
.profile {
|
||||
border-bottom: 1px solid #330066;
|
||||
}
|
||||
|
||||
.nav-item:hover,
|
||||
.nav-item.selected {
|
||||
background-color: #330066;
|
||||
}
|
||||
|
||||
.main-panel,
|
||||
.main-content {
|
||||
background-color: #150033;
|
||||
}
|
||||
|
||||
.tabs .tab:hover,
|
||||
.tabs .tab.selected {
|
||||
color: #b300b3;
|
||||
}
|
||||
|
||||
.installations {
|
||||
background-color: #22004d;
|
||||
border-top: 1px solid #330066;
|
||||
}
|
||||
|
||||
.custom-select {
|
||||
background-color: #4d0099;
|
||||
border: 2px solid #330066;
|
||||
box-shadow: 4px 4px #6600cc;
|
||||
}
|
||||
|
||||
.custom-select:hover {
|
||||
box-shadow: 6px 6px #6600cc;
|
||||
}
|
||||
|
||||
.custom-options {
|
||||
background-color: #330066;
|
||||
border: 2px solid #22004d;
|
||||
box-shadow: 4px 4px #6600cc;
|
||||
}
|
||||
|
||||
.custom-option:hover {
|
||||
background-color: #4d0099;
|
||||
}
|
||||
|
||||
.play-button {
|
||||
background-color: #6600cc;
|
||||
border: 2px solid #330066;
|
||||
}
|
||||
|
||||
.play-button:hover {
|
||||
background-color: #8000ff;
|
||||
border-color: #22004d;
|
||||
}
|
||||
|
||||
.bottom-bar .bottom-bar-left:hover {
|
||||
text-decoration: underline;
|
||||
color: #b300b3;
|
||||
}
|
||||
|
||||
.minecraft-button {
|
||||
background-color: #8000ff;
|
||||
border: 1px solid #330066;
|
||||
}
|
||||
|
||||
.minecraft-button:hover {
|
||||
background-color: #9933ff;
|
||||
}
|
||||
|
||||
.minecraft-button:active {
|
||||
background-color: #6600cc;
|
||||
}
|
||||
|
||||
.download-link {
|
||||
background-color: #4d0099;
|
||||
}
|
||||
|
||||
.download-link:hover {
|
||||
background-color: #8000ff;
|
||||
}
|
||||
|
||||
.top-menu ul li:hover,
|
||||
.top-menu ul li.selected {
|
||||
color: #e0d8ff;
|
||||
}
|
||||
|
||||
.mod-list {
|
||||
background-color: #150033;
|
||||
}
|
||||
Reference in New Issue
Block a user