WP Dashboard Notes

A new note can be added in two ways.

• There is a ‘Add note’ button is located in the top admin bar
• Or you can add a new note from within an existing note. When hovering over a note there will show an black bar at the bottom of that note. There is an ‘+’ within that bar where you can add a new note.

You could change the colors by overriding the style from another stylesheet. If you need help with this, ask in the support forums.

Add the following code to your functions.php, you can change the values of course to your own colors.

Required:

add_filter( 'wpdn_colors', 'wpdn_add_purple' );
function wpdn_add_purple( $colors ) {

    $colors['purple'] = '#5236A0';

    return $colors;

}

Optional:
You can add the following code for extra styling (e.g. light text instead of dark)

add_action( 'admin_head', 'wpdn_add_style' );
function wpdn_add_style() {

    ?><style>

        /****************************
         * purple
        ****************************/
        [data-color-text=purple] {
            color: white;
        }
        [data-color-text=purple] .wpdn-note-sortable {
            color: inherit;
        }
        [data-color-text=purple] .wpdn-add-item {
            color: inherit;
        }
        [data-color-text=purple] .wp-dashboard-note .list-item {
            border-color: inherit;
        }

        [data-color-text=purple] .list-item input[type=checkbox] {
            border: 1px solid white !important;
        }

        [data-color-text=purple] .list-item input[type=checkbox]:checked ~ span {
            color: white;
        }
        /* Unused for now */
        [data-color-text=purple] [id^=note] .handlediv {
            color: inherit;
        }
        /* Add list item input colors */
        [data-color-text=purple] input[type=text].add-list-item {
            border-color: white;
            color: inherit;
            background: inherit;
        }
        /* Placeholder text color */
        [data-color-text=purple] input[type=text].add-list-item::-webkit-input-placeholder {
           color: white;
        }
        [data-color-text=purple] input[type=text].add-list-item:-moz-placeholder {
           color: white;
        }
        [data-color-text=purple] input[type=text].add-list-item::-moz-placeholder {
           color: white;
        }
        [data-color-text=purple] input[type=text].add-list-item:-ms-input-placeholder {
           color: white;
        }
        /* Saved/saving text color */
        [data-color-text=purple] .saved-icon,
        [data-color-text=purple] .saving-icon {
            color: inherit;
        }
        /* Delete icon */
        [data-color-text=purple] .list-item .dashicons-no-alt {
            color: white;
        }
        /* Sort icon */
        [data-color-text=purple] .wpdn-note-sortable {
            color: white;
        }
    </style><?php

}