lkva/NDOJ
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Refactor darkmode

Browse source
This commit is contained in:
cuom1999 2024-07-08 22:29:57 -05:00
parent 5537ef5522
commit d08010a2ab
6 changed files with 7899 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

26
make_style.sh
View file

@ -16,8 +16,34 @@ fi
FILES=(sass_processed/style.css sass_processed/content-description.css sass_processed/table.css sass_processed/ranks.css)
DARKMODE_CSS_FILES=(resources/darkmode.css resources/darkmode-svg.css)
DARKMODE_SCSS_FILES=(resources/darkmode-processed.scss resources/darkmode-svg-processed.scss)
DARKMODE_SASS_PROCESSED_FILES=(sass_processed/darkmode-processed.css sass_processed/darkmode-svg-processed.css)
# Function to convert CSS to SCSS and prepend .darkmode
convert_and_prepend_darkmode() {
local css_file=$1
local scss_file=$2
local temp_file=$(mktemp)
echo ".darkmode {" > $temp_file
cat $css_file >> $temp_file
echo "}" >> $temp_file
mv $temp_file $scss_file
}
for i in "${!DARKMODE_CSS_FILES[@]}"; do
convert_and_prepend_darkmode "${DARKMODE_CSS_FILES[$i]}" "${DARKMODE_SCSS_FILES[$i]}"
done
cd `dirname $0`
sass resources:sass_processed
echo
postcss "${FILES[@]}" --verbose --use autoprefixer -d resources
echo
postcss "${DARKMODE_SASS_PROCESSED_FILES[@]}" --verbose --use autoprefixer -d resources

3970
resources/darkmode-processed.css Normal file
View file

File diff suppressed because one or more lines are too long

3851
resources/darkmode-processed.scss Normal file
View file

File diff suppressed because one or more lines are too long

26
resources/darkmode-svg-processed.css Normal file
View file

File diff suppressed because one or more lines are too long

23
resources/darkmode-svg-processed.scss Normal file
View file

File diff suppressed because one or more lines are too long

6
templates/base.html
View file

@ -1,5 +1,5 @@
<!DOCTYPE html>
<html lang="{{ LANGUAGE_CODE }}">
<html lang="{{ LANGUAGE_CODE }}" {% if use_darkmode %}class="darkmode"{% endif %}>
<head>
<title>{% block title %}{{ title }} - {{ SITE_LONG_NAME }}{% endblock %}</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
@ -72,8 +72,8 @@
{% endif %}
{% if use_darkmode %}
<link rel="stylesheet" href="{{ static('darkmode.css') }}">
<link rel="stylesheet" href="{{ static('darkmode-svg.css') }}">
<link rel="stylesheet" href="{{ static('darkmode-processed.css') }}">
<link rel="stylesheet" href="{{ static('darkmode-svg-processed.css') }}">
{% endif %}
<noscript>