استخدام الرموز التعبيرية بدلاً من الأيقونات في لافتة رابط الترحيب

[Canapin (Coin-coin le Canapin)]

@mk0r

السؤال: هل ألوان اللافتة افتراضيًا تحترم ألوان السمة، على سبيل المثال، إذا كان المنتدى في الوضع المظلم؟

من تجربتي، نعم: انظر لقطات الشاشة الخاصة بي هنا: Third migration, once again for a niche forum (Volkswagen Campers vans)

@mk0r

أود أن أكون قادرًا على استخدام الرموز التعبيرية بدلاً من أيقونات Font Awesome

قليل من الحيل… ولكن يمكنك القيام بذلك باستخدام CSS فقط:

.featured-todo div {
    h3 {
        background: no-repeat top center;
        background-size: 30px 30px; // emoji width and height
        padding-top: 45px; // emoji height + 15 px margin down
        svg {
            display: none !important;
        }
    }
    
    &:first-child h3 {
        background-image: url("https://emoji.discourse-cdn.com/twitter/rocket.png");
    }
    
    &:nth-child(2) h3 {
        background-image: url("https://emoji.discourse-cdn.com/twitter/grin.png");
    }
    
    &:last-child h3 {
        background-image: url("https://emoji.discourse-cdn.com/twitter/+1.png");
    }
}

@mk0r

سيكون من الرائع أن أتمكن من تغيير المحاذاة لتكون محاذاة لليسار بدلاً من توسيطها

عن أي جزء تتحدث؟