The-Homebrew-Cloud/Zelda64Recomp
2
0
Fork 0
mirror of https://github.com/Mr-Wiseguy/Zelda64Recomp.git synced 2024-11-07 15:15:05 +01:00
Code Issues Packages Projects Releases Wiki Activity

adjust modal transparency for contrast

Browse Source
This commit is contained in:
thecozies 2024-01-08 10:06:59 -06:00
parent f2ea206d15
commit 6e771ba1bf
3 changed files with 8 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
assets/recomp.rcss
View File

File diff suppressed because one or more lines are too long

2
assets/scss/styles/components/CenteredPage.scss
View File

@ -25,7 +25,7 @@ $base-height: 1080;
max-width: space(math.div($base-height*4, 3))dp; max-width: space(math.div($base-height*4, 3))dp;
width: 100%; width: 100%;
height: 100%; height: 100%;
background: $color-bg-shadow-2; background: $color-modal-overlay;
border-radius: $border-radius-modal; border-radius: $border-radius-modal;
border-color: $color-bg-shadow; border-color: $color-bg-shadow;
border-width: space(1); border-width: space(1);

11
assets/scss/styles/vars/_colors.scss
View File

@ -4,6 +4,7 @@ $color-background-1: #08070D;
$color-background-2: #121018; $color-background-2: #121018;
$color-background-3: #191622; $color-background-3: #191622;
$color-bg-overlay: rgba(190, 184, 219, 0.0500); $color-bg-overlay: rgba(190, 184, 219, 0.0500);
$color-modal-overlay: rgba(8, 7, 13, 0.8400);
$color-bg-shadow: rgba(0, 0, 0, 0.3500); $color-bg-shadow: rgba(0, 0, 0, 0.3500);
$color-bg-shadow-2: rgba(8, 7, 13, 0.7200); $color-bg-shadow-2: rgba(8, 7, 13, 0.7200);
$color-text: #F2F2F2; $color-text: #F2F2F2;
@ -15,6 +16,7 @@ $color-primary-d: #7A2AC6;
$color-primary-a5: rgba(185, 125, 242, 0.0500); $color-primary-a5: rgba(185, 125, 242, 0.0500);
$color-primary-a20: rgba(185, 125, 242, 0.2000); $color-primary-a20: rgba(185, 125, 242, 0.2000);
$color-primary-a30: rgba(185, 125, 242, 0.3000); $color-primary-a30: rgba(185, 125, 242, 0.3000);
$color-primary-a50: rgba(185, 125, 242, 0.5000);
$color-primary-a80: rgba(185, 125, 242, 0.8000); $color-primary-a80: rgba(185, 125, 242, 0.8000);
$color-secondary: #17D6E8; $color-secondary: #17D6E8;
$color-secondary-l: #A2EFF6; $color-secondary-l: #A2EFF6;
@ -22,6 +24,7 @@ $color-secondary-d: #25A1AD;
$color-secondary-a5: rgba(23, 214, 232, 0.0500); $color-secondary-a5: rgba(23, 214, 232, 0.0500);
$color-secondary-a20: rgba(23, 214, 232, 0.2000); $color-secondary-a20: rgba(23, 214, 232, 0.2000);
$color-secondary-a30: rgba(23, 214, 232, 0.3000); $color-secondary-a30: rgba(23, 214, 232, 0.3000);
$color-secondary-a50: rgba(23, 214, 232, 0.5000);
$color-secondary-a80: rgba(23, 214, 232, 0.8000); $color-secondary-a80: rgba(23, 214, 232, 0.8000);
$color-warning: #E9CD35; $color-warning: #E9CD35;
$color-warning-l: #F9E57C; $color-warning-l: #F9E57C;
@ -29,6 +32,7 @@ $color-warning-d: #C5AA16;
$color-warning-a5: rgba(233, 205, 53, 0.0500); $color-warning-a5: rgba(233, 205, 53, 0.0500);
$color-warning-a20: rgba(233, 205, 53, 0.2000); $color-warning-a20: rgba(233, 205, 53, 0.2000);
$color-warning-a30: rgba(233, 205, 53, 0.3000); $color-warning-a30: rgba(233, 205, 53, 0.3000);
$color-warning-a50: rgba(233, 205, 53, 0.5000);
$color-warning-a80: rgba(233, 205, 53, 0.8000); $color-warning-a80: rgba(233, 205, 53, 0.8000);
$color-error: #F86039; $color-error: #F86039;
$color-error-l: #FE8667; $color-error-l: #FE8667;
@ -36,6 +40,7 @@ $color-error-d: #B23919;
$color-error-a5: rgba(248, 96, 57, 0.0500); $color-error-a5: rgba(248, 96, 57, 0.0500);
$color-error-a20: rgba(248, 96, 57, 0.2000); $color-error-a20: rgba(248, 96, 57, 0.2000);
$color-error-a30: rgba(248, 96, 57, 0.3000); $color-error-a30: rgba(248, 96, 57, 0.3000);
$color-error-a50: rgba(248, 96, 57, 0.5000);
$color-error-a80: rgba(248, 96, 57, 0.8000); $color-error-a80: rgba(248, 96, 57, 0.8000);
$color-success: #45D043; $color-success: #45D043;
$color-success-l: #AAEAA9; $color-success-l: #AAEAA9;
@ -43,14 +48,10 @@ $color-success-d: #2CA72A;
$color-success-a5: rgba(69, 208, 67, 0.0500); $color-success-a5: rgba(69, 208, 67, 0.0500);
$color-success-a20: rgba(69, 208, 67, 0.2000); $color-success-a20: rgba(69, 208, 67, 0.2000);
$color-success-a30: rgba(69, 208, 67, 0.3000); $color-success-a30: rgba(69, 208, 67, 0.3000);
$color-success-a50: rgba(69, 208, 67, 0.5000);
$color-success-a80: rgba(69, 208, 67, 0.8000); $color-success-a80: rgba(69, 208, 67, 0.8000);
$color-border: rgba(255, 255, 255, 0.2000); $color-border: rgba(255, 255, 255, 0.2000);
$color-border-soft: rgba(255, 255, 255, 0.1000); $color-border-soft: rgba(255, 255, 255, 0.1000);
$color-border-hard: rgba(255, 255, 255, 0.3000); $color-border-hard: rgba(255, 255, 255, 0.3000);
$color-border-solid: rgba(255, 255, 255, 0.6000); $color-border-solid: rgba(255, 255, 255, 0.6000);
$color-transparent: rgba(0, 0, 0, 0.0000); $color-transparent: rgba(0, 0, 0, 0.0000);
$color-primary-a50: rgba(185, 125, 242, 0.5000);
$color-secondary-a50: rgba(23, 214, 232, 0.5000);
$color-warning-a50: rgba(233, 205, 53, 0.5000);
$color-error-a50: rgba(248, 96, 57, 0.5000);
$color-success-a50: rgba(69, 208, 67, 0.5000);