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

moved colors to themes

Browse Source
This commit is contained in:
Adam Bradley
2013-09-09 11:50:08 -05:00
parent 04dcb645d4
commit 90af1d241d
2 changed files with 46 additions and 77 deletions
Download Patch File Download Diff File Expand all files Collapse all files

80
scss/ionic/_structure-variables.scss
View File

@ -4,38 +4,10 @@ $baseFontSize: 14px !default;
$fontSizeLarge: ceil($baseFontSize * 1.25); $fontSizeLarge: ceil($baseFontSize * 1.25);
$baseLineHeight: 1.428571429; // 20/14 $baseLineHeight: 1.428571429; // 20/14
$baseLineHeightComputed: floor($baseFontSize * $baseLineHeight); // ~20px $baseLineHeightComputed: floor($baseFontSize * $baseLineHeight); // ~20px
$lineHeightComputed: $baseLineHeightComputed; $lineHeightComputed: $baseLineHeightComputed;
$baseBorderRadius: 2px !default; $baseBorderRadius: 2px !default;
$brandPrimary: #428bca;
$brandSuccess: #5cb85c;
$brandWarning: #f0ad4e;
$brandDanger: #d9534f;
$brandInfo: #5bc0de;
// Grays
// -------------------------
$black: #000 !default;
$grayDarker: #222 !default;
$grayDark: #333 !default;
$gray: #555 !default;
$grayLight: #999 !default;
$grayLighter: #eee !default;
$white: #fff !default;
// Accent colors
// -------------------------
$blue: #049cdb !default;
$blueDark: #0064cd !default;
$green: #46a546 !default;
$red: #9d261d !default;
$yellow: #ffc40d !default;
$orange: #f89406 !default;
$pink: #c3325f !default;
$purple: #7a43b6 !default;
// Content stuff // Content stuff
@ -56,62 +28,16 @@ $barPaddingPortrait: 8px;
$barPaddingLandscape : 5px; $barPaddingLandscape : 5px;
// Forms
// -------------------------
$inputBackground: $white !default;
$inputBorder: #ccc !default;
$inputBorderRadius: 4px !default;
$inputDisabledBackground: $grayLighter !default;
$formActionsBackground: #f5f5f5 !default;
$inputHeight: $baseFontSize + 10px; // base line-height + 8px vertical padding + 2px top/bottom border
// Horizontal forms & lists // Horizontal forms & lists
// ------------------------- // -------------------------
$horizontalComponentOffset: 180px !default; $horizontalComponentOffset: 180px !default;
// Input placeholder text color
// -------------------------
$placeholderText: $grayLight !default;
// Lists // Lists
// ------------------------- // -------------------------
$listItemBorder: 1px solid #ddd; $listItemBorder: 1px solid #ddd;
// Panels
// -------------------------
$panelBg: #fff;
$panelBorderRadius: 2px;
$panelInnerBorder: #ddd;
$panelFooterBg: #f5f5f5;
$panelDefaultText: $grayDark;
$panelDefaultBorder: #ddd;
$panelDefaultHeadingBg: #f5f5f5;
$panelPrimaryText: #fff;
$panelPrimaryBorder: $brandPrimary;
$panelPrimaryHeadingBg: $brandPrimary;
$panelSuccessText: #fff;
$panelSuccessBorder: $brandSuccess;
$panelSuccessHeadingBg: $brandSuccess;
$panelWarningText: #fff;
$panelWarningBorder: $brandWarning;
$panelWarningHeadingBg: $brandWarning;
$panelDangerText: #fff;
$panelDangerBorder: $brandDanger;
$panelDangerHeadingBg: $brandDanger;
$panelInfoText: #fff;
$panelInfoBorder: $brandInfo;
$panelInfoHeadingBg: $brandInfo;
// Menus // Menus
// ------------------------- // -------------------------
$menuWidth: 270px; $menuWidth: 270px;

43
scss/ionic/_theme-variables.scss
View File

@ -1,4 +1,36 @@
// Brand Colors
// -------------------------------
$brandPrimary: #428bca;
$brandSuccess: #5cb85c;
$brandWarning: #f0ad4e;
$brandDanger: #d9534f;
$brandInfo: #5bc0de;
// Grays
// -------------------------------
$black: #000 !default;
$grayDarker: #222 !default;
$grayDark: #333 !default;
$gray: #555 !default;
$grayLight: #999 !default;
$grayLighter: #eee !default;
$white: #fff !default;
// Accent colors
// -------------------------------
$blue: #049cdb !default;
$blueDark: #0064cd !default;
$green: #46a546 !default;
$red: #9d261d !default;
$yellow: #ffc40d !default;
$orange: #f89406 !default;
$pink: #c3325f !default;
$purple: #7a43b6 !default;
// Fonts // Fonts
// ------------------------------- // -------------------------------
$sansFontFamily: "Helvetica Neue", Helvetica, Arial, sans-serif !default; $sansFontFamily: "Helvetica Neue", Helvetica, Arial, sans-serif !default;
@ -7,6 +39,17 @@ $serifFontFamily: Georgia, "Times New Roman", Times, serif !default;
$monoFontFamily: Monaco, Menlo, Consolas, "Courier New", monospace !default; $monoFontFamily: Monaco, Menlo, Consolas, "Courier New", monospace !default;
// Forms
// -------------------------
$inputBackground: $white !default;
$inputBorder: #ccc !default;
$inputBorderRadius: 4px !default;
$inputDisabledBackground: $grayLighter !default;
$formActionsBackground: #f5f5f5 !default;
$inputHeight: $baseFontSize + 10px; // base line-height + 8px vertical padding + 2px top/bottom border
$placeholderText: $grayLight !default;
// Base // Base
// ------------------------------- // -------------------------------
$baseFontFamily: $sansFontFamily; $baseFontFamily: $sansFontFamily;