Materia-theme: _colors.scss refactoring for change_color.sh and new colorscheme

Created on 11 Mar 2018  路  16Comments  路  Source: nana-4/materia-theme

hi!
i saw in the release notes what you are going to change the colorscheme soon
could you please wait with that until i'll submit you a new global.scss.template for change_color.sh script? (so it won't rely on the colors anymore).
otherwise changing the colorscheme will break the change_color.sh script.
i'll try to finish it within couple of days

Most helpful comment

(that was so easy thanks to your recent changes where you made one global scss for all the themes, good work on that!)

All 16 comments

Hi! Thanks for letting me know!

So I will wait until you submit the PR. :smile:
Thank you in advance for your work!

actually i've took a look on it now, it seems to be easier than i 've expected so i can submit it right now

however on metacity/gtk2 themes and all svg assets that replacement will still rely on the colors, so i still thinking how it will be better to address the 'migration' for them

(that was so easy thanks to your recent changes where you made one global scss for all the themes, good work on that!)

so, any ideas about migration of non-scss themes and svg assets?

I was just thinking about it, but sorry, I don't have any good ideas yet.

Considering maintainability, the current method may be better than adding templates to metacity/gtk2/svg like scss.

i hope that should help to perform that migration manually:
https://github.com/nana-4/materia-theme/pull/212

because now the replacement palette is very small:

echo "== Converting theme into template..."

for FILEPATH in "${PATHLIST[@]}"; do
find "${FILEPATH}" -type f -exec sed -i'' \
-e 's/#000000/%FG%/g' \
-e 's/#212121/%FG%/g' \
-e 's/#757575/%INACTIVE_FG%/g' \
-e 's/#9E9E9E/%INACTIVE_FG%/g' \
-e 's/#c3c8ca/%INACTIVE_FG%/g' \
-e 's/#BDBDBD/%MENU_BG2%/g' \
-e 's/#E0E0E0/%SEL_BG%/g' \
-e 's/#F5F5F5/%BG%/g' \
-e 's/#FAFAFA/%BTN_BG%/g' \
-e 's/#FF4081/%ACCENT_BG%/g' \
-e 's/#42A5F5/%SEL_BG%/g' \
-e 's/#FFFFFF/%TXT_BG%/g' \
-e 's/#333e43/%MENU_BG%/g' \
-e 's/#455A64/%MENU_BG%/g' \
-e 's/#37474F/%MENU_BG%/g' \
-e 's/#3b484e/%MENU_BG2%/g' \
-e 's/#414f56/%MENU_BG3%/g' \
-e 's/Materia/%OUTPUT_THEME_NAME%/g' \
{} \; ;
done

That will definitely be helpful !!
So can I start migrating the color scheme and close this now?

could you also update the replacement palette during the migration?

Excuse me, but to be sure, what's "replacement palette"? Is it _colors.scss.template, right?

I understand. Of cause I'll update these lines too!

thanks in advance!

it seems something is not right after the update:

== Converting theme into template...
== Filling the template with the new colorscheme...
== Generating the CSS...
Error: Undefined variable: "$tooltip-bg-color".
        on line 2056 of src/_sass/gtk/_common-3.18.scss
>>     background-color: rgba($tooltip_bg_color, $higher_opacity);
   ---------------------------^

I'm so sorry for the delay in my response... I've fixed it now.

thanks a lot! it works again as good as before, there are only minor issues, but i've created a separate ticket for that:
https://github.com/nana-4/materia-theme/issues/216

Was this page helpful?
0 / 5 - 0 ratings

Related issues

vinyanalista picture vinyanalista  路  3Comments

TechnoSparks picture TechnoSparks  路  3Comments

luispabon picture luispabon  路  3Comments

Philippe734 picture Philippe734  路  4Comments

MischievousTomato picture MischievousTomato  路  5Comments