This commit is contained in:
end-4
2024-03-17 00:54:44 +07:00
parent cff91628bc
commit 0892bc2c1d
+11 -11
View File
@@ -11,7 +11,7 @@ $osk_key_fontsize: 1.091rem;
@include elevation2; @include elevation2;
// min-height: 29.591rem; // min-height: 29.591rem;
// min-width: 50rem; // min-width: 50rem;
background-color: $t_background; background-color: $layer0;
} }
.osk-body { .osk-body {
@@ -32,7 +32,7 @@ $osk_key_fontsize: 1.091rem;
.osk-dragline { .osk-dragline {
@include full-rounding; @include full-rounding;
background-color: $surfaceVariant; background-color: $onLayer0Inactive;
min-height: 0.273rem; min-height: 0.273rem;
min-width: 10.227rem; min-width: 10.227rem;
margin-top: 0.545rem; margin-top: 0.545rem;
@@ -41,8 +41,8 @@ $osk_key_fontsize: 1.091rem;
.osk-key { .osk-key {
border-radius: $osk_key_rounding; border-radius: $osk_key_rounding;
background-color: $t_surfaceVariant; background-color: $layer1;
color: $onSurfaceVariant; color: $onLayer1;
padding: $osk_key_padding; padding: $osk_key_padding;
font-weight: 500; font-weight: 500;
font-size: $osk_key_fontsize; font-size: $osk_key_fontsize;
@@ -50,16 +50,16 @@ $osk_key_fontsize: 1.091rem;
.osk-key:hover, .osk-key:hover,
.osk-key:focus { .osk-key:focus {
background-color: $hovercolor; background-color: $layer1Hover;
} }
.osk-key:active { .osk-key:active {
background-color: $activecolor; background-color: $layer1Active;
font-size: $osk_key_fontsize; font-size: $osk_key_fontsize;
} }
.osk-key-active { .osk-key-active {
background-color: $activecolor; background-color: $layer1Active;
} }
.osk-key-normal { .osk-key-normal {
@@ -95,8 +95,8 @@ $osk_key_fontsize: 1.091rem;
.osk-control-button { .osk-control-button {
border-radius: $osk_key_rounding; border-radius: $osk_key_rounding;
background-color: $t_surfaceVariant; background-color: $layer1;
color: $onSurfaceVariant; color: $onLayer1;
font-weight: 500; font-weight: 500;
font-size: $osk_key_fontsize; font-size: $osk_key_fontsize;
padding: 0.682rem; padding: 0.682rem;
@@ -104,11 +104,11 @@ $osk_key_fontsize: 1.091rem;
.osk-control-button:hover, .osk-control-button:hover,
.osk-control-button:focus { .osk-control-button:focus {
background-color: mix($t_surfaceVariant, $t_onSurfaceVariant, 90%); background-color: $layer1Hover;
} }
.osk-control-button:active { .osk-control-button:active {
background-color: mix($t_surfaceVariant, $t_onSurfaceVariant, 70%); background-color: $layer1Active;
font-size: $osk_key_fontsize; font-size: $osk_key_fontsize;
} }