diff --git a/README.md b/README.md index 0f7c02b..ef74ce8 100644 --- a/README.md +++ b/README.md @@ -1,3 +1,6 @@ # Chromium pywal theme generator Generates a chromium theme by using colors generated by [pywal](https://github.com/dylanaraps/pywal) + +![Screenshot](./Screenshots/screenshot.png) + diff --git a/Screenshots/screenshot.png b/Screenshots/screenshot.png new file mode 100644 index 0000000..3e62cca Binary files /dev/null and b/Screenshots/screenshot.png differ diff --git a/generate-theme.sh b/generate-theme.sh index 3dc7a2a..519507d 100755 --- a/generate-theme.sh +++ b/generate-theme.sh @@ -2,6 +2,7 @@ . ~/.cache/wal/colors.sh +# Your path for extensions folder here THEME_PATH="$HOME/Chromium Extensions/pywaltheme" hexToRgb() { @@ -10,27 +11,36 @@ hexToRgb() { printf "%d, %d, %d" 0x${plain:0:2} 0x${plain:2:2} 0x${plain:4:2} } +if [ ! -d "$THEME_PATH/images" ]; then + mkdir "$THEME_PATH/images" +fi + +cp $wallpaper "$THEME_PATH/images/theme_ntp_background_norepeat.png" + cat > "$THEME_PATH/manifest.json" << EOF { "manifest_version": 3, "version": "1.0", "name": "pywal theme", + "images": { + "theme_ntp_background" : "images/theme_ntp_background_norepeat.png" + }, "theme": { - "colors" : { - "frame" : [$(hexToRgb $background)], + "colors": { + "frame": [$(hexToRgb $background)], "frame_inactive": [$(hexToRgb $background)], - "toolbar" : [$(hexToRgb $color11)], - "ntp_text" : [$(hexToRgb $foreground)], - "ntp_link" : [$(hexToRgb $color11)], - "ntp_section" : [$(hexToRgb $color8)], - "button_background" : [$(hexToRgb $foreground)], - "toolbar_button_icon" : [$(hexToRgb $foreground)], + "toolbar": [$(hexToRgb $color11)], + "ntp_text": [$(hexToRgb $foreground)], + "ntp_link": [$(hexToRgb $color11)], + "ntp_section": [$(hexToRgb $color8)], + "button_background": [$(hexToRgb $foreground)], + "toolbar_button_icon": [$(hexToRgb $foreground)], "toolbar_text": [$(hexToRgb $foreground)], "omnibox_background": [$(hexToRgb $background)], "omnibox_text": [$(hexToRgb $foreground)] }, - "properties" : { - "ntp_background_alignment" : "bottom" + "properties": { + "ntp_background_alignment": "bottom" } } }