New to WordPress and Github. I found a theme I liked by Automattic (Alves theme) Link – https://github.com/Automattic/themes. I downloaded the whole theme repo as zip and unzipped the repo. Then I zipped the Alves theme within the theme folder to upload it to wordpress as a theme. Once installed, I had prompt with message that parent theme was missing which was Varia. I followed the same step for Varia and uploaded it.
I then installed and activated the Alves theme in wordpress. However I don't see the theme being applied on site when activated. When previewing/editing the site, I see warning message below for a moment and then:
Can anyone suggest what I need to do to install it properly. If anyone has used themes by Automattic and what did they do to install it?

change last function on functions.php to this:
function alves_editor_styles() {
// Enqueue Google fonts in the editor, if necessary
wp_enqueue_style( ‘alves-editor-fonts’, alves_fonts_url(), array(), null );
// Hide duplicate palette colors
$colors_array = get_theme_mod( ‘colors_manager’, array( ‘colors’ => true ) ); // color annotations array()
if ( ! empty( $colors_array ) && isset( $colors_array[‘colors’][‘txt’] ) && $colors_array[‘colors’][‘txt’] != ‘#394d55’ ) { // $config-global–color-foreground-light-default;
$inline_palette_css = ‘.components-circular-option-picker__option-wrapper:nth-child(5),
.components-circular-option-picker__option-wrapper:nth-child(6) {
display: none;
}’;
wp_add_inline_style( ‘wp-edit-blocks’, $inline_palette_css );
}
}
add_action( ‘enqueue_block_editor_assets’, ‘alves_editor_styles’ );