beenull/themes-wordpress
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Shawburn: Add color annotations

Browse source
This commit is contained in:
Ben Dwyer 2021-02-12 10:20:51 +00:00
parent 8639b728e7
commit 824d523800
3 changed files with 43 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
shawburn/inc/wpcom-editor-colors.php Normal file
View file

@ -0,0 +1,2 @@
<?php
require_once get_template_directory() . '/inc/wpcom-colors-css-variables.php';

16
shawburn/inc/wpcom.php Normal file
View file

@ -0,0 +1,16 @@
<?php
/**
* WordPress.com-specific functions and definitions.
*
* This file is centrally included from `wp-content/mu-plugins/wpcom-theme-compat.php`.
*
* @package Rockfield
*/
require_once get_template_directory() . '/inc/wpcom-colors-css-variables.php';
/**
* Bind JS handlers to instantly live-preview changes.
*/
function shawburn_wpcom_color_annotations_preview_js() {
wp_enqueue_script( 'shawburn_wpcom_color_annotations_preview', get_template_directory_uri() . '/inc/color-annotations-preview.js', array( 'customize-preview' ), wp_get_theme()->get( 'Version' ), true );
}
add_action( 'customize_preview_init', 'shawburn_wpcom_color_annotations_preview_js' );

25
shawburn/sass/_global-variables.scss Normal file
View file

@ -0,0 +1,25 @@
@mixin global-variables() {
/* Colors */
--wp--preset--color--primary: #0C80A1;
--wp--preset--color--primary-hover: darken(#0C80A1, 10%);
--wp--preset--color--secondary: #D4401C;
--wp--preset--color--secondary-hover: darken(#D4401C, 10%);
--wp--preset--color--foreground: #444444,
--wp--preset--color--foreground-low-contrast: #767676;
--wp--preset--color--foreground-high-contrast: #222222;
--wp--preset--color--background: #ffffff;
--wp--preset--color--background-low-contrast: #EAEAEA;
--wp--preset--color--background-high-contrast: #FAFAFA;
--wp--preset--color--border: #EAEAEA;
--wp--preset--color--border-low-contrast: #DADADA;
--wp--preset--color--border-high-contrast: #FAFAFA;
--wp--preset--color--text-selection: lighten(#0C80A1, 55%);
--wp--preset--color--alert-success:yellowgreen;
--wp--preset--color--alert-info: skyblue;
--wp--preset--color--alert-warning: gold;
--wp--preset--color--alert-error: salmon;
--wp--preset--color--black: black;
--wp--preset--color--white: white;
}