Files
BABA_YAGA/Assets/UI/Styles/Global.uss
2026-04-25 18:20:16 +07:00

90 lines
1.7 KiB
Plaintext

/* Layout Containers */
.screen-root {
flex-grow: 1;
background-color: rgba(20, 20, 20, 0.95);
padding: 40px;
justify-content: center;
align-items: center;
/* Smooth Transition */
transition-property: opacity, scale;
transition-duration: 0.3s;
transition-timing-function: ease-in-out;
opacity: 1;
scale: 1;
}
.screen-root.hidden {
opacity: 0;
scale: 0.95;
display: none;
}
.panel {
background-color: rgba(45, 45, 45, 0.8);
border-width: 2px;
border-color: #4A4A4A;
border-radius: 10px;
padding: 20px;
min-width: 400px;
}
/* Tabs Settings Style */
.tab-container {
flex-direction: row;
margin-bottom: 20px;
border-bottom-width: 2px;
border-bottom-color: #333;
}
.tab-button {
flex-grow: 1;
background-color: rgba(60, 60, 60, 0.5);
border-radius: 5px 5px 0 0;
padding: 10px;
color: #888;
margin-right: 2px;
}
.tab-button.active-tab {
background-color: #3B5998;
color: white;
-unity-font-style: bold;
}
.tab-content {
flex-grow: 1;
padding: 10px;
}
/* Typography */
.header-text {
font-size: 48px;
color: #E0E0E0;
-unity-font-style: bold;
margin-bottom: 30px;
-unity-text-align: middle-center;
/* Để dùng font của bạn, hãy uncomment dòng dưới và thay đổi path */
/* -unity-font-definition: url("project:/Assets/Fonts/YourFont_SDF.asset"); */
}
/* Buttons */
.button-primary {
background-color: #3B5998;
color: white;
padding: 12px 24px;
margin: 8px;
border-radius: 5px;
font-size: 20px;
transition-duration: 0.2s;
}
.button-primary:hover {
background-color: #4C70BA;
scale: 1.05;
}
.button-primary:active {
background-color: #2D4373;
}