javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-11-06 06:09:31 +08:00
Code Issues Packages Projects Releases Wiki Activity

refactor: update styles according to design document (#29011)

Browse Source 
This PR makes adjustments to the standard contrast light and dark themes
as defined in
https://github.com/ionic-team/ionic-framework-design-documents/pull/248.
This commit is contained in:
Liam DeBeasi
2024-02-13 11:44:33 -05:00
committed by GitHub
parent e6e4c3e173
commit b37fa5e997
2 changed files with 15 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
core/src/css/themes/dark.scss
View File

@ -36,24 +36,24 @@
--ion-color-danger-contrast-rgb: 0, 0, 0; --ion-color-danger-contrast-rgb: 0, 0, 0;
--ion-color-danger-shade: #d85963; --ion-color-danger-shade: #d85963;
--ion-color-danger-tint: #f6747e; --ion-color-danger-tint: #f6747e;
--ion-color-dark: #f3f3f3; --ion-color-dark: #f4f5f8;
--ion-color-dark-rgb: 243, 243, 243; --ion-color-dark-rgb: 244, 245, 248;
--ion-color-dark-contrast: #000000; --ion-color-dark-contrast: #000000;
--ion-color-dark-contrast-rgb: 0, 0, 0; --ion-color-dark-contrast-rgb: 0, 0, 0;
--ion-color-dark-shade: #d6d6d6; --ion-color-dark-shade: #d7d8da;
--ion-color-dark-tint: #f4f4f4; --ion-color-dark-tint: #f5f6f9;
--ion-color-medium: #959595; --ion-color-medium: #989aa2;
--ion-color-medium-rgb: 149, 149, 149; --ion-color-medium-rgb: 152, 154, 162;
--ion-color-medium-contrast: #000000; --ion-color-medium-contrast: #000000;
--ion-color-medium-contrast-rgb: 0, 0, 0; --ion-color-medium-contrast-rgb: 0, 0, 0;
--ion-color-medium-shade: #838383; --ion-color-medium-shade: #86888f;
--ion-color-medium-tint: #a0a0a0; --ion-color-medium-tint: #a2a4ab;
--ion-color-light: #2f2f2f; --ion-color-light: #222428;
--ion-color-light-rgb: 47, 47, 47; --ion-color-light-rgb: 34, 36, 40;
--ion-color-light-contrast: #ffffff; --ion-color-light-contrast: #ffffff;
--ion-color-light-contrast-rgb: 255, 255, 255; --ion-color-light-contrast-rgb: 255, 255, 255;
--ion-color-light-shade: #292929; --ion-color-light-shade: #1e2023;
--ion-color-light-tint: #444444; --ion-color-light-tint: #383a3e;
} }
} }

6
core/src/themes/ionic.theme.default.scss
View File

@ -18,9 +18,9 @@ $tertiary: #6030ff !default;
$success: #2dd55b !default; $success: #2dd55b !default;
$warning: #ffc409 !default; $warning: #ffc409 !default;
$danger: #c5000f !default; $danger: #c5000f !default;
$light: #f6f8fc !default; $light: #f4f5f8 !default;
$medium: #5f5f5f !default; $medium: #636469 !default;
$dark: #2f2f2f !default; $dark: #222428 !default;
$colors: ( $colors: (
primary: ( primary: (