CSS مخصص للأزرار غير مرئي للمستخدمين

[SchweizerSchoggi]

مرحبًا،
أنا أستخدم خيار CSS المخصص لثيمنا، لكن يبدو أن تعديل أنماط الأزرار يظهر فقط لي. على سبيل المثال، في CSS المخصص لدي، الأزرار برتقالية وبيضاء، لكن جميع المستخدمين غيري يرونها خضراء ورمادية فاتحة (هذه الألوان مُعرَّفة في لوحة الألوان).

هل عليّ ببساطة إضافة “!important” إلى فئات الأزرار الخاصة بي؟ أو كيف يمكنني تحقيق أن يرى كل المستخدمين الأنماط من CSS المخصص؟

شكرًا مسبقًا على أي تلميح!

تعديل:
كان ينبغي أن أذكر أنني أُعرِّف الألوان في أعلى ملف CSS المخصص كما يلي:

$colorWhite: #ffffff;
$colorBlack: #000000;
$colorRed: #ff0000;

وأستخدمها في الفئات كما يلي:

p {
font-size: 1.6rem;
color: $colorBlack;
}

كما قلت، الأمر يعمل لكن فقط من جهتي، وليس للمستخدمين الآخرين.

[SchweizerSchoggi]

أوه، لقد وجدت السبب.

لقد كتبت تنسيقات CSS مخصصة بأسلوب LESS، مثل:

body {
    p {
        font-size: 1.6rem;
    }
}

وقد عمل ذلك على جهازي. هذا جنون! لقد عمل على جهازي لكنه لم يعمل على أي جهاز آخر. كنت أتوقع حدوث خطأ إذا لم تكن الأنماط المتداخلة مدعومة، أو على الأقل لا ينبغي أن تعمل وكأن كل شيء على ما يرام.