ثيمات ألوان W3.CSS
ثيمات اللون
باستخدام W3.CSS ، من السهل تخصيص تطبيقاتك باستخدام سمات الألوان.
افلام 2014
-
مجمدة
كانت الاستجابة للرسوم المتحركة سخيفة
-
حظنا سيئ
اللمس والإمساك ومصنوع بشكل جيد
-
المنتقمون
نجاح كبير لمارفل وديزني
«»
افلام 2014
-
مجمدة
كانت الاستجابة للرسوم المتحركة سخيفة
-
حظنا سيئ
اللمس والإمساك ومصنوع بشكل جيد
-
المنتقمون
نجاح كبير لمارفل وديزني
«»
كل ما عليك فعله هو إضافة رابط لموضوع محدد مسبقًا (أو مصنوع منزليًا):
مثال
<link rel="stylesheet"
href="https://www.w3schools.com/w3css/4/w3.css">
<link rel="stylesheet"
href="https://www.w3schools.com/lib/w3-theme-indigo.css">
سمات محددة مسبقًا
هذه هي السمات المحددة مسبقًا في W3.CSS:
| w3- موضوع- أحمر | |
| w3- موضوع- وردي | |
| w3- موضوع- أرجواني | |
| w3- موضوع- ديب بيربل | |
| w3- موضوع- نيلي | |
| w3- موضوع- أزرق | |
| w3- موضوع- أزرق فاتح | |
| w3- موضوع- سماوي | |
| w3- موضوع- البط البري | |
| w3- موضوع- أخضر | |
| w3- موضوع- ضوء- أخضر | |
| w3- موضوع- الجير | |
| w3- موضوع- الكاكي | |
| w3- موضوع- أصفر | |
| w3- موضوع- العنبر | |
| w3- موضوع- برتقالي | |
| w3- موضوع- عميق- برتقالي | |
| w3- موضوع- أزرق- رمادي | |
| w3- موضوع- بني | |
| w3- موضوع- رمادي | |
| w3- موضوع- رمادي غامق | |
| w3- موضوع- أسود | |
| w3- موضوع- w3schools |
مضيفا التدرجات
أرسل لنا أحد القراء هذا الاقتراح: قد ترغب في التفكير في إضافة تدرج لكل موضوع.
لقد استخدمت اللونين l2 و l1 من السمة الزرقاء لإنشاء هذا التدرج اللوني:
مثال
.w3-theme-gradient {
color: #000 !important;
background:-webkit-linear-gradient(top,#64B5F6 25%,#42A5F5 75%)}
.w3-theme-gradient {
color: #000 !important;
background:-moz-linear-gradient(top,#64B5F6
25%,#42A5F5 75%)}
.w3-theme-gradient {
color: #000 !important;
background:-o-linear-gradient(top,#64B5F6 25%,#42A5F5 75%)}
.w3-theme-gradient {
color: #000 !important;
background:-ms-linear-gradient(top,#64B5F6
25%,#42A5F5 75%)}
.w3-theme-gradient {
color: #000 !important;
background: linear-gradient(top,#64B5F6 25%,#42A5F5 75%)}
سمات الألوان القابلة للتنزيل
فيما يلي بعض سمات الألوان القابلة للتنزيل والمستوحاة من تصميم المواد من Google:
| ورقة الأنماط | وصف |
|---|---|
| w3- موضوع- amber.css | موضوع اللون العنبر |
| w3- موضوع- black.css | موضوع اللون أسود |
| w3- موضوع- blue.css | موضوع اللون الأزرق |
| w3-theme-blue-grey.css | موضوع اللون أزرق رمادي |
| w3-theme-brown.css | موضوع اللون بني |
| w3- موضوع- cyan.css | مظهر اللون سماوي |
| w3-theme-dark-grey.css | موضوع اللون رمادي غامق |
| w3-theme-deep-orange.css | موضوع اللون البرتقالي العميق |
| w3- موضوع- deep-purple.css | موضوع اللون ديب بيربل |
| w3- موضوع- green.css | موضوع اللون أخضر |
| w3- موضوع- grey.css | موضوع اللون الرمادي |
| w3- موضوع- indigo.css | لون النيلي |
| w3- موضوع- khaki.css | موضوع اللون الكاكي |
| w3- موضوع- light-blue.css | موضوع اللون أزرق فاتح |
| w3- موضوع- light-green.css | موضوع اللون أخضر فاتح |
| w3- موضوع- lime.css | لون موضوع الجير |
| w3-theme-orange.css | موضوع اللون البرتقالي |
| w3- موضوع- pink.css | موضوع اللون الوردي |
| w3- موضوع- purple.css | موضوع اللون الأرجواني |
| w3- موضوع- red.css | موضوع اللون الأحمر |
| w3- موضوع- teal.css | موضوع اللون البط البري |
| w3- موضوع- yellow.css | موضوع اللون أصفر |