Added customizable primary color to all templates

This commit is contained in:
Jadowyne Ulve 2025-08-12 14:23:25 -05:00
parent caf3d77525
commit 5bd6d0b552
17 changed files with 86 additions and 1 deletions

View File

@ -17,6 +17,11 @@
{% endif %} {% endif %}
</head> </head>
<style>
:root {
--primary-color: {{ session['user']['flags']['styles']['primary_color']}};
}
</style>
{% if session['user']['flags']['darkmode'] %} {% if session['user']['flags']['darkmode'] %}
<body class="uk-light"> <body class="uk-light">
{% else %} {% else %}

View File

@ -40,6 +40,11 @@
background-color: whitesmoke; background-color: whitesmoke;
} }
</style> </style>
<style>
:root {
--primary-color: {{ session['user']['flags']['styles']['primary_color']}};
}
</style>
{% if session['user']['flags']['darkmode'] %} {% if session['user']['flags']['darkmode'] %}
<body class="uk-light"> <body class="uk-light">
{% else %} {% else %}

View File

@ -22,6 +22,11 @@
<script src="{{ url_for('static', filename='js/uikit-icons.min.js') }}"></script> <script src="{{ url_for('static', filename='js/uikit-icons.min.js') }}"></script>
</head> </head>
<style>
:root {
--primary-color: {{ session['user']['flags']['styles']['primary_color']}};
}
</style>
{% if session['user']['flags']['darkmode'] %} {% if session['user']['flags']['darkmode'] %}
<body class="uk-light"> <body class="uk-light">
{% else %} {% else %}

View File

@ -26,6 +26,11 @@
cursor: pointer; cursor: pointer;
} }
</style> </style>
<style>
:root {
--primary-color: {{ session['user']['flags']['styles']['primary_color']}};
}
</style>
{% if session['user']['flags']['darkmode'] %} {% if session['user']['flags']['darkmode'] %}
<body class="uk-light"> <body class="uk-light">
{% else %} {% else %}

View File

@ -24,6 +24,11 @@
<script src="{{ url_for('static', filename='js/uikit-icons.min.js') }}"></script> <script src="{{ url_for('static', filename='js/uikit-icons.min.js') }}"></script>
</head> </head>
<style>
:root {
--primary-color: {{ session['user']['flags']['styles']['primary_color']}};
}
</style>
{% if session['user']['flags']['darkmode'] %} {% if session['user']['flags']['darkmode'] %}
<body class="uk-light"> <body class="uk-light">
{% else %} {% else %}

View File

@ -21,6 +21,11 @@
</head> </head>
<style>
:root {
--primary-color: {{ session['user']['flags']['styles']['primary_color']}};
}
</style>
{% if session['user']['flags']['darkmode'] %} {% if session['user']['flags']['darkmode'] %}
<body class="uk-light"> <body class="uk-light">
{% else %} {% else %}

View File

@ -41,6 +41,11 @@
flex-shrink: 0; flex-shrink: 0;
} }
</style>
<style>
:root {
--primary-color: {{ session['user']['flags']['styles']['primary_color']}};
}
</style> </style>
{% if session['user']['flags']['darkmode'] %} {% if session['user']['flags']['darkmode'] %}
<body class="uk-light"> <body class="uk-light">

View File

@ -25,6 +25,11 @@
cursor: pointer; cursor: pointer;
} }
</style> </style>
<style>
:root {
--primary-color: {{ session['user']['flags']['styles']['primary_color']}};
}
</style>
{% if session['user']['flags']['darkmode'] %} {% if session['user']['flags']['darkmode'] %}
<body class="uk-light"> <body class="uk-light">
{% else %} {% else %}

View File

@ -24,7 +24,11 @@
<script src="{{ url_for('static', filename='js/uikit-icons.min.js') }}"></script> <script src="{{ url_for('static', filename='js/uikit-icons.min.js') }}"></script>
</head> </head>
<style>
:root {
--primary-color: {{ session['user']['flags']['styles']['primary_color']}};
}
</style>
{% if session['user']['flags']['darkmode'] %} {% if session['user']['flags']['darkmode'] %}
<body class="uk-light"> <body class="uk-light">
{% else %} {% else %}

View File

@ -23,6 +23,11 @@
<script src="{{ url_for('static', filename='js/uikit-icons.min.js') }}"></script> <script src="{{ url_for('static', filename='js/uikit-icons.min.js') }}"></script>
</head> </head>
<style>
:root {
--primary-color: {{ session['user']['flags']['styles']['primary_color']}};
}
</style>
{% if session['user']['flags']['darkmode'] %} {% if session['user']['flags']['darkmode'] %}
<body class="uk-light"> <body class="uk-light">
{% else %} {% else %}

View File

@ -23,6 +23,11 @@
<script src="{{ url_for('static', filename='js/uikit.min.js') }}"></script> <script src="{{ url_for('static', filename='js/uikit.min.js') }}"></script>
<script src="{{ url_for('static', filename='js/uikit-icons.min.js') }}"></script> <script src="{{ url_for('static', filename='js/uikit-icons.min.js') }}"></script>
</head> </head>
<style>
:root {
--primary-color: {{ session['user']['flags']['styles']['primary_color']}};
}
</style>
{% if session['user']['flags']['darkmode'] %} {% if session['user']['flags']['darkmode'] %}
<body class="uk-light"> <body class="uk-light">
{% else %} {% else %}

View File

@ -29,6 +29,12 @@
height:200px; height:200px;
border-radius: 50%; border-radius: 50%;
} }
</style>
<style>
:root {
--primary-color: {{ session['user']['flags']['styles']['primary_color']}};
}
</style> </style>
{% if session['user']['flags']['darkmode'] %} {% if session['user']['flags']['darkmode'] %}
<body class="uk-light"> <body class="uk-light">

View File

@ -23,6 +23,11 @@
<script src="{{ url_for('static', filename='js/uikit-icons.min.js') }}"></script> <script src="{{ url_for('static', filename='js/uikit-icons.min.js') }}"></script>
</head> </head>
<style>
:root {
--primary-color: {{ session['user']['flags']['styles']['primary_color']}};
}
</style>
{% if session['user']['flags']['darkmode'] %} {% if session['user']['flags']['darkmode'] %}
<body class="uk-light"> <body class="uk-light">
{% else %} {% else %}

View File

@ -24,6 +24,11 @@
<script src="{{ url_for('static', filename='js/uikit-icons.min.js') }}"></script> <script src="{{ url_for('static', filename='js/uikit-icons.min.js') }}"></script>
</head> </head>
<style>
:root {
--primary-color: {{ session['user']['flags']['styles']['primary_color']}};
}
</style>
{% if session['user']['flags']['darkmode'] %} {% if session['user']['flags']['darkmode'] %}
<body class="uk-light"> <body class="uk-light">
{% else %} {% else %}

View File

@ -24,6 +24,11 @@
<script src="{{ url_for('static', filename='js/uikit-icons.min.js') }}"></script> <script src="{{ url_for('static', filename='js/uikit-icons.min.js') }}"></script>
</head> </head>
<style>
:root {
--primary-color: {{ session['user']['flags']['styles']['primary_color']}};
}
</style>
{% if session['user']['flags']['darkmode'] %} {% if session['user']['flags']['darkmode'] %}
<body class="uk-light"> <body class="uk-light">
{% else %} {% else %}

View File

@ -24,6 +24,11 @@
<script src="{{ url_for('static', filename='js/uikit-icons.min.js') }}"></script> <script src="{{ url_for('static', filename='js/uikit-icons.min.js') }}"></script>
</head> </head>
<style>
:root {
--primary-color: {{ session['user']['flags']['styles']['primary_color']}};
}
</style>
{% if session['user']['flags']['darkmode'] %} {% if session['user']['flags']['darkmode'] %}
<body class="uk-light"> <body class="uk-light">
{% else %} {% else %}

View File

@ -16,6 +16,11 @@
<link id="dark-mode" rel="stylesheet" href="{{ url_for('static', filename='css/dark-mode.css') }}"/> <link id="dark-mode" rel="stylesheet" href="{{ url_for('static', filename='css/dark-mode.css') }}"/>
{% endif %} {% endif %}
</head> </head>
<style>
:root {
--primary-color: {{ session['user']['flags']['styles']['primary_color']}};
}
</style>
{% if session['user']['flags']['darkmode'] %} {% if session['user']['flags']['darkmode'] %}
<body class="uk-light"> <body class="uk-light">
{% else %} {% else %}