mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2026-03-13 10:22:08 +08:00
6c6f867ce4
* alpha tweaks * added alpha-input cleanup for theme-builder * removed global variables * style(searchbar): fix indentation closes #14196
122 lines
4.6 KiB
CSS
122 lines
4.6 KiB
CSS
/** oceanic theme **/
|
|
|
|
:root {
|
|
--ion-color-primary: #549ee7;
|
|
--ion-color-primary-contrast: #fff;
|
|
--ion-color-primary-contrast-rgb: 255,255,255;
|
|
--ion-color-primary-rgb: 84,158,231;
|
|
--ion-color-primary-shade: #498bce;
|
|
--ion-color-primary-tint: #59aafc;
|
|
--ion-color-secondary: #5fb3b3;
|
|
--ion-color-secondary-contrast: #fff;
|
|
--ion-color-secondary-contrast-rgb: 255,255,255;
|
|
--ion-color-secondary-rgb: 95,179,179;
|
|
--ion-color-secondary-shade: #34a29d;
|
|
--ion-color-secondary-tint: #6ececf;
|
|
--ion-color-tertiary: #fac863;
|
|
--ion-color-tertiary-contrast: #fff;
|
|
--ion-color-tertiary-contrast-rgb: 255,255,255;
|
|
--ion-color-tertiary-rgb: 250,200,99;
|
|
--ion-color-tertiary-shade: #eab30f;
|
|
--ion-color-tertiary-tint: #ffd36a;
|
|
--ion-color-success: #90d089;
|
|
--ion-color-success-contrast: #fff;
|
|
--ion-color-success-contrast-rgb: 255,255,255;
|
|
--ion-color-success-rgb: 144,208,137;
|
|
--ion-color-success-shade: #81bc7b;
|
|
--ion-color-success-tint: #a1eb9a;
|
|
--ion-color-warning: #f99157;
|
|
--ion-color-warning-contrast: #fff;
|
|
--ion-color-warning-contrast-rgb: 255,255,255;
|
|
--ion-color-warning-rgb: 249,145,87;
|
|
--ion-color-warning-shade: #ec8a54;
|
|
--ion-color-warning-tint: #ff9e60;
|
|
--ion-color-danger: #ec5f67;
|
|
--ion-color-danger-contrast: #fff;
|
|
--ion-color-danger-contrast-rgb: 255,255,255;
|
|
--ion-color-danger-rgb: 236,95,103;
|
|
--ion-color-danger-shade: #cb535b;
|
|
--ion-color-danger-tint: #ff707b;
|
|
--ion-color-light: #d8dee9;
|
|
--ion-color-light-contrast: #1b2b34;
|
|
--ion-color-light-contrast-rgb: 27,43,52;
|
|
--ion-color-light-rgb: 216,222,233;
|
|
--ion-color-light-shade: #bcc1cd;
|
|
--ion-color-light-tint: #ecf2ff;
|
|
--ion-color-medium: #65737e;
|
|
--ion-color-medium-contrast: #fff;
|
|
--ion-color-medium-contrast-rgb: 255,255,255;
|
|
--ion-color-medium-rgb: 101,115,126;
|
|
--ion-color-medium-shade: #4f5b66;
|
|
--ion-color-medium-tint: #a7adba;
|
|
--ion-color-dark: #1b2b34;
|
|
--ion-color-dark-contrast: #d8dee9;
|
|
--ion-color-dark-contrast-rgb: 216,222,233;
|
|
--ion-color-dark-rgb: 27,43,52;
|
|
--ion-color-dark-shade: #070b0d;
|
|
--ion-color-dark-tint: #343d46;
|
|
--ion-backdrop-color: #1b2b34;
|
|
--ion-background-color: #1b2b34;
|
|
--ion-overlay-background-color: #142129;
|
|
--ion-background-color-rgb: 27,43,52;
|
|
--ion-background-color-step-50: #26363e;
|
|
--ion-background-color-step-100: #324048;
|
|
--ion-background-color-step-150: #3d4b52;
|
|
--ion-background-color-step-200: #49555d;
|
|
--ion-background-color-step-250: #546067;
|
|
--ion-background-color-step-300: #5f6b71;
|
|
--ion-background-color-step-350: #6b757b;
|
|
--ion-background-color-step-400: #768085;
|
|
--ion-background-color-step-450: #828a8f;
|
|
--ion-background-color-step-500: #8d959a;
|
|
--ion-background-color-step-550: #98a0a4;
|
|
--ion-background-color-step-600: #a4aaae;
|
|
--ion-background-color-step-650: #afb5b8;
|
|
--ion-background-color-step-700: #bbbfc2;
|
|
--ion-background-color-step-750: #c6cacc;
|
|
--ion-background-color-step-800: #d1d5d6;
|
|
--ion-background-color-step-850: #dddfe1;
|
|
--ion-background-color-step-900: #e8eaeb;
|
|
--ion-background-color-step-950: #f4f4f5;
|
|
--ion-background-color-step-1000: #fff;
|
|
--ion-border-color: #1b2b34;
|
|
--ion-box-shadow-color: #000;
|
|
--ion-text-color: #fff;
|
|
--ion-text-color-rgb: 255,255,255;
|
|
--ion-text-color-step-50: #f4f4f5;
|
|
--ion-text-color-step-100: #e8eaeb;
|
|
--ion-text-color-step-150: #dddfe1;
|
|
--ion-text-color-step-200: #d1d5d6;
|
|
--ion-text-color-step-250: #c6cacc;
|
|
--ion-text-color-step-300: #bbbfc2;
|
|
--ion-text-color-step-350: #afb5b8;
|
|
--ion-text-color-step-400: #a4aaae;
|
|
--ion-text-color-step-450: #98a0a4;
|
|
--ion-text-color-step-500: #8d959a;
|
|
--ion-text-color-step-550: #828a8f;
|
|
--ion-text-color-step-600: #768085;
|
|
--ion-text-color-step-650: #6b757b;
|
|
--ion-text-color-step-700: #5f6b71;
|
|
--ion-text-color-step-750: #546067;
|
|
--ion-text-color-step-800: #49555d;
|
|
--ion-text-color-step-850: #3d4b52;
|
|
--ion-text-color-step-900: #324048;
|
|
--ion-text-color-step-950: #26363e;
|
|
--ion-text-color-step-1000: #1b2b34;
|
|
--ion-tabbar-background-color: #343d46;
|
|
--ion-tabbar-background-color-focused: #293039;
|
|
--ion-tabbar-border-color: var(--ion-border-color);
|
|
--ion-tabbar-text-color: #a7adba;
|
|
--ion-tabbar-text-color-active: #549ee7;
|
|
--ion-toolbar-background-color: #343d46;
|
|
--ion-toolbar-border-color: var(--ion-border-color);
|
|
--ion-toolbar-color-active: var(--ion-color-primary);
|
|
--ion-toolbar-color-inactive: #a7adba;
|
|
--ion-toolbar-text-color: var(--ion-text-color);
|
|
--ion-item-background-color: #343d46;
|
|
--ion-item-background-color-active: #232b34;
|
|
--ion-item-border-color: var(--ion-border-color);
|
|
--ion-item-text-color: var(--ion-text-color);
|
|
--ion-placeholder-text-color: #999;
|
|
}
|