Skip to content

Commit

Permalink
📦 v1.0.0-rc.5
Browse files Browse the repository at this point in the history
  • Loading branch information
@paulcpederson
paulcpederson committed May 17, 2017
1 parent 6936393 commit 17e19cc
Showing 1 changed file with 142 additions and 145 deletions.
287 changes: 142 additions & 145 deletions dist/sass/calcite-web-dark.scss
View file
Original file line number Diff line number Diff line change
@@ -1,164 +1,161 @@

// Esri Brand Colors
$Brand_Blue_100: #b9e0f7;
$Brand_Blue_150: #00b9f2;
$Brand_Blue_200: #007ac2;
$Brand_Blue_250: #004575;
$Brand_Blue_100: #b9e0f7 !default;
$Brand_Blue_150: #00b9f2 !default;
$Brand_Blue_200: #007ac2 !default;
$Brand_Blue_250: #004575 !default;

$Brand_Yellow_100: #ffec4f;
$Brand_Yellow_100: #ffec4f !default;

$Brand_Orange_100: #f89927;
$Brand_Orange_150: #f36f20;
$Brand_Orange_200: #da4d1e;
$Brand_Orange_100: #f89927 !default;
$Brand_Orange_150: #f36f20 !default;
$Brand_Orange_200: #da4d1e !default;

$Brand_Red_100: #de2900;
$Brand_Red_100: #de2900 !default;

$Brand_Green_100: #d1e391;
$Brand_Green_150: #aad04b;
$Brand_Green_200: #35ac46;
$Brand_Green_250: #2a7433;
$Brand_Green_100: #d1e391 !default;
$Brand_Green_150: #aad04b !default;
$Brand_Green_200: #35ac46 !default;
$Brand_Green_250: #2a7433 !default;

$Brand_Purple_100: #dfcce3;
$Brand_Purple_150: #b279b4;
$Brand_Purple_200: #8f499c;
$Brand_Purple_250: #6b1978;
$Brand_Purple_100: #dfcce3 !default;
$Brand_Purple_150: #b279b4 !default;
$Brand_Purple_200: #8f499c !default;
$Brand_Purple_250: #6b1978 !default;

$Brand_Brown_100: #ecdcb9;
$Brand_Brown_150: #be9969;
$Brand_Brown_200: #7b4f1c;
$Brand_Brown_250: #523b20;
$Brand_Brown_100: #ecdcb9 !default;
$Brand_Brown_150: #be9969 !default;
$Brand_Brown_200: #7b4f1c !default;
$Brand_Brown_250: #523b20 !default;

$Brand_Gray_100: #b4b4b4;
$Brand_Gray_150: #969696;
$Brand_Gray_200: #6e6e6e;
$Brand_Gray_250: #464646;
$Brand_Gray_100: #b4b4b4 !default;
$Brand_Gray_150: #969696 !default;
$Brand_Gray_200: #6e6e6e !default;
$Brand_Gray_250: #464646 !default;

// Calcite Core Colors Dark
$Calcite_Blue_100: #1a4866;
$Calcite_Blue_150: #1d5d8c;
$Calcite_Blue_200: #3b8fc3;
$Calcite_Blue_250: #419ed9;
$Calcite_Blue_a100: #45a7e6;
$Calcite_Blue_a150: #60b7f0;
$Calcite_Blue_a200: #6ec1f5;
$Calcite_Blue_a250: #7dc8fa;
$Calcite_Yellow_100: #796916;
$Calcite_Yellow_150: #a28a00;
$Calcite_Yellow_200: #bda727;
$Calcite_Yellow_250: #ccb736;
$Calcite_Yellow_a100: #d6bd2a;
$Calcite_Yellow_a150: #e3c832;
$Calcite_Yellow_a200: #edd448;
$Calcite_Yellow_a250: #f5df62;
$Calcite_Orange_100: #754c23;
$Calcite_Orange_150: #a16520;
$Calcite_Orange_200: #d18734;
$Calcite_Orange_250: #e8963a;
$Calcite_Orange_a100: #f29833;
$Calcite_Orange_a150: #f29f3f;
$Calcite_Orange_a200: #f5aa53;
$Calcite_Orange_a250: #ffb461;
$Calcite_Green_100: #295429;
$Calcite_Green_150: #386f38;
$Calcite_Green_200: #4b944a;
$Calcite_Green_250: #58ad57;
$Calcite_Green_a100: #53b350;
$Calcite_Green_a150: #59bf57;
$Calcite_Green_a200: #67c966;
$Calcite_Green_a250: #74d173;
$Calcite_Red_100: #632822;
$Calcite_Red_150: #853218;
$Calcite_Red_200: #ab421f;
$Calcite_Red_250: #c75028;
$Calcite_Red_a100: #d15226;
$Calcite_Red_a150: #d65d33;
$Calcite_Red_a200: #e36a40;
$Calcite_Red_a250: #eb7953;
$Calcite_Purple_100: #3e3654;
$Calcite_Purple_150: #4c3e6e;
$Calcite_Purple_200: #61518c;
$Calcite_Purple_250: #8070aa;
$Calcite_Purple_a100: #846ebf;
$Calcite_Purple_a150: #927acc;
$Calcite_Purple_a200: #9b87d9;
$Calcite_Purple_a250: #a393d1;
$Calcite_Brown_100: #4b341d;
$Calcite_Brown_150: #67441f;
$Calcite_Brown_200: #8c5e2b;
$Calcite_Brown_250: #a67032;
$Calcite_Brown_a100: #b37936;
$Calcite_Brown_a150: #cc8a3d;
$Calcite_Brown_a200: #d9974c;
$Calcite_Brown_a250: #dea664;
$Calcite_Blue_100: #1a4866 !default;
$Calcite_Blue_150: #1d5d8c !default;
$Calcite_Blue_200: #3b8fc3 !default;
$Calcite_Blue_250: #419ed9 !default;
$Calcite_Blue_a100: #45a7e6 !default;
$Calcite_Blue_a150: #60b7f0 !default;
$Calcite_Blue_a200: #6ec1f5 !default;
$Calcite_Blue_a250: #7dc8fa !default;
$Calcite_Yellow_100: #796916 !default;
$Calcite_Yellow_150: #a28a00 !default;
$Calcite_Yellow_200: #bda727 !default;
$Calcite_Yellow_250: #ccb736 !default;
$Calcite_Yellow_a100: #d6bd2a !default;
$Calcite_Yellow_a150: #e3c832 !default;
$Calcite_Yellow_a200: #edd448 !default;
$Calcite_Yellow_a250: #f5df62 !default;
$Calcite_Orange_100: #754c23 !default;
$Calcite_Orange_150: #a16520 !default;
$Calcite_Orange_200: #d18734 !default;
$Calcite_Orange_250: #e8963a !default;
$Calcite_Orange_a100: #f29833 !default;
$Calcite_Orange_a150: #f29f3f !default;
$Calcite_Orange_a200: #f5aa53 !default;
$Calcite_Orange_a250: #ffb461 !default;
$Calcite_Green_100: #295429 !default;
$Calcite_Green_150: #386f38 !default;
$Calcite_Green_200: #4b944a !default;
$Calcite_Green_250: #58ad57 !default;
$Calcite_Green_a100: #53b350 !default;
$Calcite_Green_a150: #59bf57 !default;
$Calcite_Green_a200: #67c966 !default;
$Calcite_Green_a250: #74d173 !default;
$Calcite_Red_100: #632822 !default;
$Calcite_Red_150: #853218 !default;
$Calcite_Red_200: #ab421f !default;
$Calcite_Red_250: #c75028 !default;
$Calcite_Red_a100: #d15226 !default;
$Calcite_Red_a150: #d65d33 !default;
$Calcite_Red_a200: #e36a40 !default;
$Calcite_Red_a250: #eb7953 !default;
$Calcite_Purple_100: #3e3654 !default;
$Calcite_Purple_150: #4c3e6e !default;
$Calcite_Purple_200: #61518c !default;
$Calcite_Purple_250: #8070aa !default;
$Calcite_Purple_a100: #846ebf !default;
$Calcite_Purple_a150: #927acc !default;
$Calcite_Purple_a200: #9b87d9 !default;
$Calcite_Purple_a250: #a393d1 !default;
$Calcite_Brown_100: #4b341d !default;
$Calcite_Brown_150: #67441f !default;
$Calcite_Brown_200: #8c5e2b !default;
$Calcite_Brown_250: #a67032 !default;
$Calcite_Brown_a100: #b37936 !default;
$Calcite_Brown_a150: #cc8a3d !default;
$Calcite_Brown_a200: #d9974c !default;
$Calcite_Brown_a250: #dea664 !default;

// Calcite Gray Colors Dark
$Calcite_Gray_050: #242424; // 86%
$Calcite_Gray_100: #333333; // 80%
$Calcite_Gray_150: #363636; // 79%
$Calcite_Gray_200: #404040; // 75%
$Calcite_Gray_250: #474747; // 72%
$Calcite_Gray_300: #4c4c4c; // 70%
$Calcite_Gray_350: #5c5c5c; // 64%
$Calcite_Gray_400: #666666; // 60%
$Calcite_Gray_450: #787878; // 53%
$Calcite_Gray_500: #8a8a8a; // 46%
$Calcite_Gray_550: #9e9e9e; // 38%
$Calcite_Gray_600: #adadad; // 32%
$Calcite_Gray_650: #bdbdbd; // 26%
$Calcite_Gray_700: #d1d1d1; // 18%
$Calcite_Gray_050: #242424 !default; // 86%
$Calcite_Gray_100: #333333 !default; // 80%
$Calcite_Gray_150: #363636 !default; // 79%
$Calcite_Gray_200: #404040 !default; // 75%
$Calcite_Gray_250: #474747 !default; // 72%
$Calcite_Gray_300: #4c4c4c !default; // 70%
$Calcite_Gray_350: #5c5c5c !default; // 64%
$Calcite_Gray_400: #666666 !default; // 60%
$Calcite_Gray_450: #787878 !default; // 53%
$Calcite_Gray_500: #8a8a8a !default; // 46%
$Calcite_Gray_550: #9e9e9e !default; // 38%
$Calcite_Gray_600: #adadad !default; // 32%
$Calcite_Gray_650: #bdbdbd !default; // 26%
$Calcite_Gray_700: #d1d1d1 !default; // 18%

// Calcite Hightlight Color Dark
$Calcite_Highlight_Blue_100: #294a66; // hovered
$Calcite_Highlight_Blue_150: #3d6e99; // hovered & selected
$Calcite_Highlight_Blue_200: #1061a6; // selected (toggled)
$Calcite_Highlight_Blue_250: #136fbf; // pressed
$Calcite_Highlight_Blue_300: #2183d9; // border on hover
$Calcite_Highlight_Blue_350: #2493f2; // active
$Calcite_Highlight_Blue_400: #40a7ff; // active accent
$Calcite_Highlight_Green_100: #205920; // hovered
$Calcite_Highlight_Green_150: #478c47; // hovered & selected
$Calcite_Highlight_Green_200: #257a25; // selected (toggled)
$Calcite_Highlight_Green_250: #2a8c2a; // pressed
$Calcite_Highlight_Green_300: #31a331; // border on hover
$Calcite_Highlight_Green_350: #34ad34; // active
$Calcite_Highlight_Green_400: #39bf39; // active accent
$Calcite_Highlight_Blue_100: #294a66 !default; // hovered
$Calcite_Highlight_Blue_150: #3d6e99 !default; // hovered & selected
$Calcite_Highlight_Blue_200: #1061a6 !default; // selected (toggled)
$Calcite_Highlight_Blue_250: #136fbf !default; // pressed
$Calcite_Highlight_Blue_300: #2183d9 !default; // border on hover
$Calcite_Highlight_Blue_350: #2493f2 !default; // active
$Calcite_Highlight_Blue_400: #40a7ff !default; // active accent
$Calcite_Highlight_Green_100: #205920 !default; // hovered
$Calcite_Highlight_Green_150: #478c47 !default; // hovered & selected
$Calcite_Highlight_Green_200: #257a25 !default; // selected (toggled)
$Calcite_Highlight_Green_250: #2a8c2a !default; // pressed
$Calcite_Highlight_Green_300: #31a331 !default; // border on hover
$Calcite_Highlight_Green_350: #34ad34 !default; // active
$Calcite_Highlight_Green_400: #39bf39 !default; // active accent

//Calcite Vibrant Colors Dark
// For all Calcite Vibrant colors -- they should comprise <10% of the image area. Only use if additional contrast is needed.
$Calcite_Vibrant_Blue_100: #1376bf;
$Calcite_Vibrant_Blue_150: #0089f0;
$Calcite_Vibrant_Blue_200: #00c0f0;
$Calcite_Vibrant_Blue_250: #00b5b9; // only use inside icons, to show "selection"
$Calcite_Vibrant_Yellow_100: #917b00;
$Calcite_Vibrant_Yellow_150: #c7a900;
$Calcite_Vibrant_Yellow_200: #ffd800;
$Calcite_Vibrant_Orange_100: #a15600;
$Calcite_Vibrant_Orange_150: #cf7d1f;
$Calcite_Vibrant_Orange_200: #ffc415;
$Calcite_Vibrant_Green_100: #386f38;
$Calcite_Vibrant_Green_150: #59d152;
$Calcite_Vibrant_Green_200: #85e800;
$Calcite_Vibrant_Red_100: #751d00;
$Calcite_Vibrant_Red_150: #993516;
$Calcite_Vibrant_Red_200: #e65c2e;
$Calcite_Vibrant_Purple_100: #503691;
$Calcite_Vibrant_Purple_150: #754fd4;
$Calcite_Vibrant_Purple_200: #9b4ba6;
$Calcite_Vibrant_Brown_100: #673d10;
$Calcite_Vibrant_Brown_150: #995d18;
$Calcite_Vibrant_Brown_200: #df8c39;

$white: #000000;
$opaque-white: rgba(0, 0, 0, 0.85);
$transparent-white: rgba(0, 0, 0, 0.75);
$transparent-off-white: rgba(255, 255, 255, 0.1);
$transparent-darker-gray: rgba(255, 255, 255, 0.30);
$transparent-off-black: rgba(255, 255, 255, 0.45);
$transparent-black: rgba(255, 255, 255, 0.7);
$opaque-black: rgba(255, 255, 255, 0.8);
$box-shadow: 0 0 16px 0 rgba(255, 255, 255, 0.05);

$darker-blue: #d1ebfa;

$Calcite_Vibrant_Blue_100: #1376bf !default;
$Calcite_Vibrant_Blue_150: #0089f0 !default;
$Calcite_Vibrant_Blue_200: #00c0f0 !default;
$Calcite_Vibrant_Blue_250: #00b5b9 !default; // only use inside icons, to show "selection"
$Calcite_Vibrant_Yellow_100: #917b00 !default;
$Calcite_Vibrant_Yellow_150: #c7a900 !default;
$Calcite_Vibrant_Yellow_200: #ffd800 !default;
$Calcite_Vibrant_Orange_100: #a15600 !default;
$Calcite_Vibrant_Orange_150: #cf7d1f !default;
$Calcite_Vibrant_Orange_200: #ffc415 !default;
$Calcite_Vibrant_Green_100: #386f38 !default;
$Calcite_Vibrant_Green_150: #59d152 !default;
$Calcite_Vibrant_Green_200: #85e800 !default;
$Calcite_Vibrant_Red_100: #751d00 !default;
$Calcite_Vibrant_Red_150: #993516 !default;
$Calcite_Vibrant_Red_200: #e65c2e !default;
$Calcite_Vibrant_Purple_100: #503691 !default;
$Calcite_Vibrant_Purple_150: #754fd4 !default;
$Calcite_Vibrant_Purple_200: #9b4ba6 !default;
$Calcite_Vibrant_Brown_100: #673d10 !default;
$Calcite_Vibrant_Brown_150: #995d18 !default;
$Calcite_Vibrant_Brown_200: #df8c39 !default;

$white: #000000 !default;
$opaque-white: rgba(0, 0, 0, 0.85) !default;
$transparent-white: rgba(0, 0, 0, 0.75) !default;
$transparent-off-white: rgba(255, 255, 255, 0.1) !default;
$transparent-darker-gray: rgba(255, 255, 255, 0.30) !default;
$transparent-off-black: rgba(255, 255, 255, 0.45) !default;
$transparent-black: rgba(255, 255, 255, 0.7) !default;
$opaque-black: rgba(255, 255, 255, 0.8) !default;
$box-shadow: 0 0 16px 0 rgba(255, 255, 255, 0.05) !default;
$darker-blue: #d1ebfa !default;

@import "calcite-web";

0 comments on commit 17e19cc

Please sign in to comment.