malhuda/fictioneer
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases 112 Wiki Activity

Refactor style (among other things) #24

Merged
Tetrakern merged 94 commits from refactor_colors into main 2024-03-03 02:47:35 +08:00
Conversation 0 Commits 94 Files Changed 145 +227 -17
4 changed files with 227 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit ae72d4482e - Show all commits

2
css/complete.css
View File

File diff suppressed because one or more lines are too long

2
css/properties.css
View File

File diff suppressed because one or more lines are too long

228
includes/functions/_customizer-settings.php
View File

@ -881,22 +881,127 @@ function fictioneer_add_light_mode_customizer_settings( $manager ) {
);
$manager->add_setting(
'light_warning_color',
'light_red_400',
array(
'capability' => 'manage_options',
'sanitize_callback' => 'sanitize_hex_color',
'default' => '#eb5247'
'default' => '#f98686'
)
);
$manager->add_control(
new WP_Customize_Color_Control(
$manager,
'light_warning_color',
'light_red_400',
array(
'label' => __( 'Light Warning', 'fictioneer' ),
'label' => __( 'Light Red 400', 'fictioneer' ),
'section' => 'light_mode_colors',
'settings' => 'light_warning_color'
'settings' => 'light_red_400'
)
)
);
$manager->add_setting(
'light_red_500',
array(
'capability' => 'manage_options',
'sanitize_callback' => 'sanitize_hex_color',
'default' => '#f15b5b'
)
);
$manager->add_control(
new WP_Customize_Color_Control(
$manager,
'light_red_500',
array(
'label' => __( 'Light Red 500', 'fictioneer' ),
'section' => 'light_mode_colors',
'settings' => 'light_red_500'
)
)
);
$manager->add_setting(
'light_red_600',
array(
'capability' => 'manage_options',
'sanitize_callback' => 'sanitize_hex_color',
'default' => '#dd3c3c'
)
);
$manager->add_control(
new WP_Customize_Color_Control(
$manager,
'light_red_600',
array(
'label' => __( 'Light Red 600', 'fictioneer' ),
'section' => 'light_mode_colors',
'settings' => 'light_red_600'
)
)
);
$manager->add_setting(
'light_green_400',
array(
'capability' => 'manage_options',
'sanitize_callback' => 'sanitize_hex_color',
'default' => '#a4db8a'
)
);
$manager->add_control(
new WP_Customize_Color_Control(
$manager,
'light_green_400',
array(
'label' => __( 'Light Green 400', 'fictioneer' ),
'section' => 'light_mode_colors',
'settings' => 'light_green_400'
)
)
);
$manager->add_setting(
'light_green_500',
array(
'capability' => 'manage_options',
'sanitize_callback' => 'sanitize_hex_color',
'default' => '#72bd51'
)
);
$manager->add_control(
new WP_Customize_Color_Control(
$manager,
'light_green_500',
array(
'label' => __( 'Light Green 500', 'fictioneer' ),
'section' => 'light_mode_colors',
'settings' => 'light_green_500'
)
)
);
$manager->add_setting(
'light_green_600',
array(
'capability' => 'manage_options',
'sanitize_callback' => 'sanitize_hex_color',
'default' => '#5cac39'
)
);
$manager->add_control(
new WP_Customize_Color_Control(
$manager,
'light_green_600',
array(
'label' => __( 'Light Green 600', 'fictioneer' ),
'section' => 'light_mode_colors',
'settings' => 'light_green_600'
)
)
);
@ -1983,7 +2088,28 @@ function fictioneer_add_dark_mode_customizer_settings( $manager ) {
);
$manager->add_setting(
'dark_warning_color',
'dark_red_400',
array(
'capability' => 'manage_options',
'sanitize_callback' => 'sanitize_hex_color',
'default' => '#f26666'
)
);
$manager->add_control(
new WP_Customize_Color_Control(
$manager,
'dark_red_400',
array(
'label' => __( 'Dark Red 400', 'fictioneer' ),
'section' => 'dark_mode_colors',
'settings' => 'dark_red_400'
)
)
);
$manager->add_setting(
'dark_red_500',
array(
'capability' => 'manage_options',
'sanitize_callback' => 'sanitize_hex_color',
@ -1994,11 +2120,95 @@ function fictioneer_add_dark_mode_customizer_settings( $manager ) {
$manager->add_control(
new WP_Customize_Color_Control(
$manager,
'dark_warning_color',
'dark_red_500',
array(
'label' => __( 'Dark Warning', 'fictioneer' ),
'label' => __( 'Dark Red 500', 'fictioneer' ),
'section' => 'dark_mode_colors',
'settings' => 'dark_warning_color'
'settings' => 'dark_red_500'
)
)
);
$manager->add_setting(
'dark_red_600',
array(
'capability' => 'manage_options',
'sanitize_callback' => 'sanitize_hex_color',
'default' => '#d94d4d'
)
);
$manager->add_control(
new WP_Customize_Color_Control(
$manager,
'dark_red_600',
array(
'label' => __( 'Dark Red 600', 'fictioneer' ),
'section' => 'dark_mode_colors',
'settings' => 'dark_red_600'
)
)
);
$manager->add_setting(
'dark_green_400',
array(
'capability' => 'manage_options',
'sanitize_callback' => 'sanitize_hex_color',
'default' => '#86a35f'
)
);
$manager->add_control(
new WP_Customize_Color_Control(
$manager,
'dark_green_400',
array(
'label' => __( 'Dark Green 400', 'fictioneer' ),
'section' => 'dark_mode_colors',
'settings' => 'dark_green_400'
)
)
);
$manager->add_setting(
'dark_green_500',
array(
'capability' => 'manage_options',
'sanitize_callback' => 'sanitize_hex_color',
'default' => '#78994d'
)
);
$manager->add_control(
new WP_Customize_Color_Control(
$manager,
'dark_green_500',
array(
'label' => __( 'Dark Green 500', 'fictioneer' ),
'section' => 'dark_mode_colors',
'settings' => 'dark_green_500'
)
)
);
$manager->add_setting(
'dark_green_600',
array(
'capability' => 'manage_options',
'sanitize_callback' => 'sanitize_hex_color',
'default' => '#6c8a45'
)
);
$manager->add_control(
new WP_Customize_Color_Control(
$manager,
'dark_green_600',
array(
'label' => __( 'Dark Green 600', 'fictioneer' ),
'section' => 'dark_mode_colors',
'settings' => 'dark_green_600'
)
)
);

12
src/scss/common/_lightmode.scss
View File

@ -61,13 +61,13 @@
--primary-500: hsl(217deg 91% 60%); // #3c83f6
--primary-600: hsl(226deg 71% 40%); // #1e3fae
--green-400: hsl(101, 53%, 70%);
--green-500: hsl(102, 45%, 53%);
--green-600: hsl(102, 50%, 45%);
--green-400: #a4db8a;
--green-500: #72bd51;
--green-600: #5cac39;
--red-400: hsl(0deg 90% 75%);
--red-500: hsl(0deg 84% 65%);
--red-600: hsl(0deg 70% 55%);
--red-400: #f98686;
--red-500: #f15b5b;
--red-600: #dd3c3c;
// === BACKGROUNDS ===========================================================