تغییر رنگبندی در قالب باوهاوس

این راهنمایی به شما کمک خواهد نمود که کد رنگ دلخواه خود را در صفحات وب‌سایت اعمال نمائید. دقت نمائید درصورتی که شما به CSS تسلط دارید می‌توانید به روش‌های مختلف کد رنگ دلخواه خود را اعمال نمائید و محدود به روش‌های گفته شده در این راهنمایی نخواهید بود. اما این روش ساده‌ترین و راحت‌ترین روش اعمال رنگبندی است.

تغییر رنگبندی با کد رنگ هگزا

از داخل پوشه‌ی CSS فایل style.css را بگشایید. در اویلن خط با متغییری که مقدار رنگ پیشفرض قالب را در خود دارد مواجه خواهید شد.

CSS

./css/style.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

./css/style.css
:root {
    --prinary-color: rgb(10, 50, 100);
}

آیا این صفحه راهنمایی مناسبی داشت؟