Improving change_color.sh and _color.scss.template for darker themes
Improving change_color.sh and _color.scss.template for darker themes; Added autodetection.
Improving change_color.sh and _color.scss.template for darker themes; fix gtk2 tooltip color; fix dropwdown gtk3 bug for non gnome-shell DEs.
Improving change_color.sh and _color.scss.template for darker themes; fixed deactivated background color in gtk2
by roundabout, Saturday, 24 March 2018, 09:11:22 (1521882682), pushed by roundabout, Sunday, 11 May 2025, 13:22:22 (1746969742)
Author identity: nana-4 <nana-4@users.noreply.github.com>
cfab68cf8f9e94ca07735d5bc5f728787405b99f
mix () {
"${SRC_PATH}/scripts/mix.sh" $@
}
is_dark() {
hexinput=$(echo $1 | tr '[:lower:]' '[:upper:]')
half_darker="$(darker ${hexinput} 88)"
if [[ "${half_darker}" = "000000" ]] ; then
true
else
return
fi
}
print_usage() {
WM_BORDER_UNFOCUS=${WM_BORDER_UNFOCUS-$MENU_BG}
MATERIA_STYLE_COMPACT=$(echo ${MATERIA_STYLE_COMPACT-True} | tr '[:upper:]' '[:lower:]')
MATERIA_MENUBAR_STYLE=$(echo ${MATERIA_MENUBAR_STYLE-same} | tr '[:upper:]' '[:lower:]')
GTK3_GENERATE_DARK=$(echo ${GTK3_GENERATE_DARK-True} | tr '[:upper:]' '[:lower:]')
MATERIA_COLOR_VARIANT=$(echo ${MATERIA_COLOR_VARIANT:-} | tr '[:upper:]' '[:lower:]')
UNITY_DEFAULT_LAUNCHER_STYLE=$(echo ${UNITY_DEFAULT_LAUNCHER_STYLE-False} | tr '[:upper:]' '[:lower:]')
SPACING=${SPACING-3}
cd ${tempdir}
echo "== Converting theme into template..."
for FILEPATH in "${PATHLIST[@]}"; do
if [[ ${MATERIA_COLOR_VARIANT} != "dark" ]] ; then
find "${FILEPATH}" -type f -not -name '_color-palette.scss' -exec sed -i'' \
-e 's/#000000/%FG%/g' \
-e 's/#212121/%FG%/g' \
-e 's/#757575/%INACTIVE_FG%/g' \
-e 's/#BDBDBD/%INACTIVE_FG%/g' \
-e 's/#F5F5F5/%INACTIVE_TXT_BG%/g' \
-e 's/#EEEEEE/%BG%/g' \
-e 's/#FAFAFA/%BTN_BG%/g' \
-e 's/#009688/%ACCENT_BG%/g' \
-e 's/#303030/%MENU_BG%/g' \
-e 's/#E0E0E0/%MENU_BG%/g' \
-e 's/#212121/%MENU_BG2%/g' \
-e 's/#303030/%MENU_BG3%/g' \
-e 's/Materia/%OUTPUT_THEME_NAME%/g' \
{} \; ;
else
find "${FILEPATH}" -type f -not -name '_color-palette.scss' -exec sed -i'' \
-e 's/#000000/%BG%/g' \
-e 's/#212121/%BG%/g' \
-e 's/#757575/%INACTIVE_FG%/g' \
-e 's/#BDBDBD/%INACTIVE_FG%/g' \
-e 's/#292929/%INACTIVE_TXT_BG%/g' \
-e 's/#EEEEEE/%FG%/g' \
-e 's/#FAFAFA/%BTN_FG%/g' \
-e 's/#424242/%BTN_BG%/g' \
-e 's/#009688/%ACCENT_BG%/g' \
-e 's/#338DD6/%SEL_BG%/g' \
-e 's/#FFFFFF/%TXT_FG%/g' \
-e 's/#303030/%TXT_BG%/g' \
-e 's/#E0E0E0/%MENU_BG%/g' \
-e 's/#212121/%MENU_BG2%/g' \
-e 's/Materia/%OUTPUT_THEME_NAME%/g' \
{} \; ;
fi
done
#Not implemented yet:
done
rm ./src/gtk/3.{18,20,22}/*.css
if [[ ${MATERIA_MENUBAR_STYLE} == "contrast" ]] ; then
if [[ ${MATERIA_COLOR_VARIANT} == "standard" ]] ; then
rm ./src/gtk/3.{18,20,22}/gtk-light*.scss
else
rm ./src/gtk/3.{18,20,22}/gtk-dark*.scss
COLOR_VARIANTS=","
COLOR_VARIANT="standard"
fi
if [[ ${MATERIA_COLOR_VARIANT} == "light" ]] ; then
rm ./src/gtk/3.{18,20,22}/gtk-dark*.scss
rm ./src/gtk/3.{18,20,22}/gtk{,-compact}.scss || true
COLOR_VARIANTS="-light"
COLOR_VARIANT="light"
fi
if [[ ${GTK3_GENERATE_DARK} != "true" ]] ; then
grep -v "\-dark" ./src/gtk/assets.txt > ./new_assets.txt
mv ./new_assets.txt ./src/gtk/assets.txt
rm ./src/gtk/3.{20,22}/gtk-dark-compact.scss
rm ./src/gtk/3.{18,20,22}/gtk-dark.scss
if [[ ${MATERIA_COLOR_VARIANT} == "dark" ]] ; then
rm ./src/gtk/3.{18,20,22}/gtk-light*.scss
rm ./src/gtk/3.{18,20,22}/gtk{,-compact}.scss || true
COLOR_VARIANTS="-dark"
COLOR_VARIANT="dark"
fi
if [[ ${OPTION_GTK2_HIDPI} == "true" ]] ; then
mv ./src/gtk-2.0/main.rc.hidpi ./src/gtk-2.0/main.rc
SIZE_VARIANTS=","
SIZE_VARIANT="standard"
fi
if [[ ${MATERIA_MENUBAR_STYLE} == "contrast" ]] ; then
COLOR_VARIANTS=","
COLOR_VARIANT="standard"
else
COLOR_VARIANTS="-light"
COLOR_VARIANT="light"
fi
SIZE_VARIANTS="${SIZE_VARIANTS}" COLOR_VARIANTS="${COLOR_VARIANTS}" THEME_DIR_BASE=${DEST_PATH} ./parse-sass.sh
rm ./src/gtk-2.0/assets/*.png || true
rm ./src/gtk-2.0/assets-dark/*.png || true
rm ./src/gtk/assets/*.png || true
echo "== Rendering GTK+2 assets..."
cd ./src/gtk-2.0
GTK2_HIDPI=${OPTION_GTK2_HIDPI} ./render-assets.sh
cd ../../
if [[ ${MATERIA_COLOR_VARIANT} != "dark" ]] ; then
GTK2_HIDPI=${OPTION_GTK2_HIDPI} ./render-assets.sh gtk2-light
else
GTK2_HIDPI=${OPTION_GTK2_HIDPI} ./render-assets.sh gtk2-dark
fi
echo "== Rendering GTK+3 assets..."
cd ./src/gtk
./render-assets.sh
cd ../../
./render-assets.sh gtk
./install.sh --dest "$HOME/.themes" --name "${OUTPUT_THEME_NAME/\//-}" --color "${COLOR_VARIANT}" --size "${SIZE_VARIANT}"
$inverse_divider_color: rgba(%SEL_FG%, 0.12);
// Background colors
$bg_color: if($variant == 'light', %BG%, fade(%MENU_BG%));
$base_color: if($variant == 'light', %TXT_BG%, fade(%MENU_BG%));
$alt_base_color: if($variant == 'light', %INACTIVE_TXT_BG%, mix(%INACTIVE_TXT_BG%, %MENU_BG%, 50%));
$lighter_bg_color: if($variant == 'light', %BTN_BG%, fade(%BTN_BG%));
$alt_lighter_bg_color: if($variant == 'light', %BG2%, fade(%MENU_BG%)); // for gnome-shell sub menu
$darker_bg_color: if($variant == 'light', %BG%, fade(%MENU_BG%));
$bg_color: %BG%;
$base_color: %TXT_BG%;
$alt_base_color: %INACTIVE_TXT_BG%;
$lighter_bg_color: %BTN_BG%;
$alt_lighter_bg_color: if($variant == 'light', %BG2%, %MENU_BG%); // for gnome-shell sub menu
$darker_bg_color: if($variant == 'light', %BG%, %MENU_BG%);
$titlebar_bg_color: %MENU_BG%;
$alt_titlebar_bg_color: if($titlebar == 'dark', %MENU_BG%, %MENU_BG%);
$alt_titlebar_bg_color: %MENU_BG%;
$panel_bg_color: rgba(%MENU_BG%, %GNOME_SHELL_PANEL_OPACITY%);
$alt_panel_bg_color: rgba(%MENU_BG%, $lower_opacity);
$inverse_panel_bg_color: rgba($inverse_fg_color, 0.1);
$solid_panel_bg_color: if($titlebar == 'dark', %MENU_BG%, %MENU_BG%);
$solid_panel_bg_color: %MENU_BG%;
$opaque_panel_bg_color: if($titlebar == 'dark', %MENU_BG%, mix(%MENU_BG%, %MENU_BG%, 50%)); // for Unity panel which cannot use translucent colors
$gdm_bg_color: if($variant == 'light', %MENU_BG%, %MENU_BG2%);
$gdm_bg_color: %MENU_BG%;
$fill_color: gtkalpha(currentColor, $lower_opacity);
$semi_fill_color: gtkalpha(currentColor, $lower_opacity / 2);
$tooltip_bg_color: %MENU_BG%;
$tooltip_fg_color: %MENU_FG%;
$border_color: if($variant == 'light', rgba(%FG%, 0.12), rgba(%FG%, 0.26));
$border_color: if($variant == 'light', rgba(%FG%, 0.12), rgba(%MENU_BG%, 0.26));
$alt_border_color: rgba(%FG%, 0.26); // for non-native GTK+ apps (e.g. Firefox and Chrome)
$highlight_color: if($variant == 'light', rgba(%TXT_BG%, 0.4), rgba(%TXT_BG%, 0.1));
$titlebar_highlight_color: %MENU_BG%;
$alt_highlight_color: rgba(%TXT_BG%, 0.2); // for selection-mode headerbar which colored with $primary_color
$highlight_color: if($variant == 'light', rgba(%TXT_BG%, 0.4), rgba(%TXT_FG%, 0.1));
$titlebar_highlight_color: if($titlebar == 'dark', rgba(%MENU_BG%, 0.1), rgba(%MENU_FG%, 0.4));
$alt_highlight_color: if($variant == 'light', rgba(%TXT_BG%, 0.2), rgba(%TXT_FG%, 0.2)); // for selection-mode headerbar which colored with $primary_color
$titlebar_indicator_color: if($titlebar == 'dark', currentColor, $primary_color);
// for Electron/Atom menu which cannot use translucent colors
$opaque_fg_color: if($variant == 'light', %FG%, %TXT_BG%);
$opaque_secondary_fg_color: if($variant == 'light', %FG%, mix(%TXT_BG%, $base_color, percentage(0.7)));
$opaque_disabled_fg_color: if($variant == 'light', %INACTIVE_FG%, mix(%TXT_BG%, $base_color, percentage(0.5)));
$opaque_divider_color: if($variant == 'light', %SEL_BG%, mix(%TXT_BG%, $base_color, percentage(0.12)));
$opaque_fg_color: %FG%;
$opaque_secondary_fg_color: mix(%FG%, $base_color, percentage(0.7));
$opaque_disabled_fg_color: mix(%FG%, $base_color, percentage(0.5));
$opaque_divider_color: mix(%FG%, $base_color, percentage(0.12));
// FIXME: gtk's @placeholder_text_color API really should use $secondary_fg_color,
// but it doesn't work with translucent colors. So we use opaque colors instead.