mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-11-06 22:29:44 +08:00
126 lines
3.1 KiB
SCSS
126 lines
3.1 KiB
SCSS
|
|
// Fonts
|
|
// -------------------------------
|
|
$sansFontFamily: "Helvetica Neue", Helvetica, Arial, sans-serif !default;
|
|
$lightSansFontFamily: "Helvetica Neue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif !default;
|
|
$serifFontFamily: Georgia, "Times New Roman", Times, serif !default;
|
|
$monoFontFamily: Monaco, Menlo, Consolas, "Courier New", monospace !default;
|
|
|
|
|
|
// Base
|
|
// -------------------------------
|
|
$baseFontFamily: $sansFontFamily;
|
|
$baseBackgroundColor: #fff;
|
|
$textColor: $grayDark !default;
|
|
|
|
|
|
// Typography
|
|
// -------------------------------
|
|
$lightColor: #fff;
|
|
$darkColor: #333;
|
|
|
|
|
|
// Buttons
|
|
// -------------------------------
|
|
$buttonColor: #222;
|
|
$buttonPadding: 10px 15px;
|
|
$buttonClearPadding: 10px 0px;
|
|
$buttonBorderRadius: 2px;
|
|
$buttonBorderWidth: 1px;
|
|
|
|
// Button block that has spacing
|
|
$buttonBlockMargin: 0 0 10px 0;
|
|
|
|
$buttonDefaultBackground: #fff;
|
|
$buttonDefaultBackgroundActive: #eee;
|
|
$buttonDefaultBorder: #ddd;
|
|
|
|
$buttonSecondaryBackground: #f5f5f5;
|
|
$buttonSecondaryBackgroundActive: #eee;
|
|
$buttonSecondaryBorder: #ccc;
|
|
|
|
$buttonPrimaryBackground: #6999e9;
|
|
$buttonPrimaryBackgroundActive: #eee;
|
|
$buttonPrimaryBorder: #5981c5;
|
|
|
|
$buttonInfoBackground: #60d2e6;
|
|
$buttonInfoBackgroundActive: #eee;
|
|
$buttonInfoBorder: #51b3c4;
|
|
|
|
$buttonSuccessBackground: #89c163;
|
|
$buttonSuccessBackgroundActive: #eee;
|
|
$buttonSuccessBorder: #71a052;
|
|
|
|
$buttonWarningBackground: #f0b840;
|
|
$buttonWarningBackgroundActive: #eee;
|
|
$buttonWarningBorder: #cf9a29;
|
|
|
|
$buttonDangerBackground: #de5645;
|
|
$buttonDangerBackgroundActive: #eee;
|
|
$buttonDangerBorder: #bc4435;
|
|
|
|
$buttonDarkBackground: #444;
|
|
$buttonDarkBackgroundActive: #eee;
|
|
$buttonDarkBorder: #111;
|
|
|
|
|
|
// Bars
|
|
// -------------------------------
|
|
$barBackground: white;
|
|
|
|
// Bar variations
|
|
$barDefaultBackground: #fff;
|
|
$barDefaultBorderColor: #ddd;
|
|
|
|
$barSecondaryBackground: #f5f5f5;
|
|
$barSecondaryBorderColor: #ccc;
|
|
|
|
$barPrimaryBackground: #6999e9;
|
|
$barPrimaryBorderColor: #5981c5;
|
|
|
|
$barInfoBackground: #60d2e6;
|
|
$barInfoBorderColor: #51b3c4;
|
|
|
|
$barSuccessBackground: #89c163;
|
|
$barSuccessBorderColor: #71a052;
|
|
|
|
$barWarningBackground: #f0b840;
|
|
$barWarningBorderColor: #cf9a29;
|
|
|
|
$barDangerBackground: #de5645;
|
|
$barDangerBorderColor: #bc4435;
|
|
|
|
$barDarkBackground: #444;
|
|
$barDarkBorderColor: #111;
|
|
|
|
|
|
// Lists
|
|
// -------------------------------
|
|
$listDividerBackground: #f5f5f5;
|
|
$listDividerColor: #222;
|
|
|
|
|
|
// Form states and alerts
|
|
// -------------------------------
|
|
$warningText: #c09853;
|
|
$warningBackground: #fcf8e3;
|
|
$warningBorder: darken(adjust-hue($warningBackground, -10), 3%);
|
|
|
|
$errorText: #b94a48;
|
|
$errorBackground: #f2dede;
|
|
$errorBorder: darken(adjust-hue($errorBackground, -10), 3%);
|
|
|
|
$successText: #468847;
|
|
$successBackground: #dff0d8;
|
|
$successBorder: darken(adjust-hue($successBackground, -10), 5%);
|
|
|
|
$infoText: #3a87ad;
|
|
$infoBackground: #d9edf7;
|
|
$infoBorder: darken(adjust-hue($infoBackground, -10), 7%);
|
|
|
|
|
|
// Panels
|
|
// -------------------------------
|
|
$panelBackgroundColor: #eee;
|
|
$panelInsetBorderColor: #bbb;
|