تغییر رنگبندی در قالب باوهاوس
این راهنمایی به شما کمک خواهد نمود که کد رنگ دلخواه خود را در صفحات وبسایت اعمال نمائید. دقت نمائید درصورتی که شما به CSS تسلط دارید میتوانید به روشهای مختلف کد رنگ دلخواه خود را اعمال نمائید و محدود به روشهای گفته شده در این راهنمایی نخواهید بود. اما این روش سادهترین و راحتترین روش اعمال رنگبندی است.
تغییر رنگبندی با کد رنگ هگزا
از داخل پوشهی CSS فایل style.css
را بگشایید. در اویلن خط با متغییری که مقدار رنگ پیشفرض قالب را در خود دارد مواجه خواهید شد.
CSS
:root {
--prinary-color: #cee002;
}
رنگ دلخواه خود را جایگزین #cee002
نمائید و فایل زا ذخیره نمائید.
در صورتی که تغییرات بدرستی انجام شده باشند پس از بارگذاری مجدد صفحات خود باید وبسایت خود را با رنگبندی جدید مشاهده نمائید.
در صورتی که رنگبندی جدید را مشاهده نمیکنید یکبار هارد رفرش نمائید و درصورتی که هنوز رنگبندی تغییر نیافته است از جایگزینی صحیح رنگ دلخواه خود و وجود # در ابتدای آن مطمئن شوید.
تغییر رنگبندی با کد رنگ RGB
در صورتی که کد رنگ خود را بصورت RGB در اختیار دارید میتوانید رنگ خود را بصورت زیر در متغییر رنگ قرار دهید.
- Name
R
- Type
- number
- Description
10 نشانگر مقدار R
- Name
G
- Type
- number
- Description
50 نشانگر مقدار G
- Name
B
- Type
- number
- Description
100 نشانگر مقدار B
CSS
:root {
--prinary-color: rgb(10, 50, 100);
}