Установка переменной CSS в Django

Я создаю пользовательские страницы, на которых они могут изменять основные характеристики, такие как шрифт, цвет или цвет фона различных блоков ссылок. В настоящее время я передаю сохраненные переменные из базы данных в HTML-шаблон, но мне интересно, могу ли я передать их во внешнюю таблицу стилей CSS. Мне приходится делать встроенные CSS стили внутри HTML шаблона. Я бы хотел, чтобы эффект наведения ссылки сохранялся, но всякий раз, когда я устанавливаю цвет фона ссылки с помощью встроенного CSS в HTML-шаблоне, это нарушает эффект наведения.

Примечание: Только часть моего файла index.html

index.html

{% load static %}
<link rel="stylesheet" type="text/css" href="{%static 'css/style.css' %}"/>

  <div id="links">
        <a class="link" style="color:{{ linkcolor }}; background-color:{{ linkbc }}; font-family:{{ linkfont }};" href="https://www.instagram.com" target="_blank"><Instagram</a>

style.css

#links {
    max-width: 500px;
    width: auto;
    display: block;
    margin: 20px auto;
}

.link {
    display: block;
    box-shadow: 10px 10px black;
    text-align: center;
    margin-bottom: 20px;
    padding: 17px;
    text-decoration: none;
    font-size: 1.4rem;
    font-weight: 300;
    transition: all .25s cubic-bezier(.08, .59, .29, .99);
    border-radius: 10px;
}

.link:hover {
    background-color: rgba(255, 255, 255, 0.3);
    color: #000000;
    border: none;
}

views.py

def index(request):
    editor = cssEditor.objects.get(pk=1)

    return render(
        request,
        "SocialLinks/index.html",
        {
            "linkcolor":editor.link_color,
            "linkfont":editor.link_font,
            "linkbc":editor.link_bc
        }
    )

models.py

from django.db import models

# Create your models here.

class cssEditor(models.Model):
    link_color = models.CharField(max_length=7, default="#000000")
    link_font = models.CharField(max_length=15, default="Brush Script MT")
    link_bc = models.CharField(max_length=7, default="#F5F5F5")

Вернуться на верх