awsl.css

颜色变量

Office 颜色

--aw-color-access: #a4373a;
--aw-color-outlook: #0078d4;
--aw-color-excel: #217346;
--aw-color-office: #d83b01;
--aw-color-onenote: #7719aa;
--aw-color-planner: #077568;
--aw-color-powerapps: #742774;
--aw-color-powerpoint: #b7472a;
--aw-color-publisher: #077568;
--aw-color-sway: #008272;
--aw-color-teams: #6264a7;
--aw-color-visio: #3955a3;
--aw-color-word: #2b579a;
--aw-color-yammer: #106ebe;
Access
Outlook
Excel
Office
Onenote
Planner
PowerPoint
Publisher
Sway
Teams
Visio
Word
Yammer

常用颜色

常用颜色:蓝、红、黄、绿、橙;每种颜色有正常、深、浅三种变体。

--aw-color-blue: #0078d4;
--aw-color-blue-light: #05a6f0;
--aw-color-blue-dark: #106ebe;
--aw-color-red: #a4262c;
--aw-color-red-light: #ae383e;
--aw-color-red-dark: #932227;
--aw-color-yellow: #ffe092;
--aw-color-yellow-light: #ffd56c;
--aw-color-yellow-dark: #e0b036;
--aw-color-green: #498205;
--aw-color-green-light: #5a9117;
--aw-color-green-dark: #386304;
--aw-color-orange: #ca5010;
--aw-color-orange-light: #d06228;
--aw-color-orange-dark: #993e0c;
浅蓝
深蓝

浅红
深红

浅黄
深黄

浅绿
绿
深绿

浅橙
深橙

灰阶

--aw-color-gray-0: #000000;
--aw-color-gray-1: #3f3f3f;
--aw-color-gray-2: #606060;
--aw-color-gray-3: #909090;
--aw-color-gray-4: #c0c0c0;
--aw-color-gray-5: #d0d0d0;
--aw-color-gray-6: #dddddd;
--aw-color-gray-7: #f0f0f0;
--aw-color-gray-8: #f9f9f9;
--aw-color-gray-9: #ffffff;

注:下面的 Demo 背景色被设置为 #05a6f0,以便看清颜色。

gray-0gray-1gray-2gray-3gray-4gray-5gray-6gray-7gray-8gray-9

Voclaoid 颜色

--aw-color-luotianyi: #66ccff;
--aw-color-yuezhengling: #ee0000;
--aw-color-yanhe: #99ffff;
--aw-color-miku: #39c5bb;
--aw-color-rin: #ffa500;
--aw-color-luka: #ffc0cb;
洛天依
乐正绫
言和
初音未来
镜音铃
巡音流歌
👆