WP Admin Bar Dev Links

<?php

add_action("admin_bar_menu", "devlinks_add_toolbar_items", 40);
function devlinks_add_toolbar_items($admin_bar)
{

    $admin_bar->add_menu([
        "id" => "devlinks_adminbar",
        "title" => '<span class="dev-icon"></span>' . __("Dev Links"),
        "href" => "/wp-admin/admin.php?page=wpcodebox2",
        "meta" => [
            "title" => __("Dev Links"),
        ],
    ]);

     $admin_bar->add_menu([
        "id" => "devlinks_adminbar_pages",
        "parent" => "devlinks_adminbar",
        "title" => "Pages",
        "href" => "/wp-admin/edit.php?post_type=page",
        "meta" => [
            "title" => __("Seiten"),
            "target" => "_self",
            "class" => "devlinks_adminbar_pages",
        ],
    ]);
    $admin_bar->add_menu([
        "id" => "devlinks_adminbar_posts",
        "parent" => "devlinks_adminbar",
        "title" => "Posts",
        "href" => "/wp-admin/edit.php",
        "meta" => [
            "title" => __("Beiträge"),
            "target" => "_self",
            "class" => "devlinks_adminbar_posts",
        ],
    ]);
        $admin_bar->add_menu([
        "id" => "devlinks_adminbar_media",
        "parent" => "devlinks_adminbar",
        "title" => "Media",
        "href" => "/wp-admin/upload.php",
        "meta" => [
            "title" => __("Media"),
            "target" => "_self",
            "class" => "devlinks_adminbar_media",
        ],
    ]);
    $admin_bar->add_menu([
        "id" => "devlinks_adminbar_plugins",
        "parent" => "devlinks_adminbar",
        "title" => "Plugins",
        "href" => "/wp-admin/plugins.php",
        "meta" => [
            "title" => __("Plugins"),
            "target" => "_self",
            "class" => "devlinks_adminbar_plugins top-separator",
        ],
    ]);
            $admin_bar->add_menu([
        "id" => "devlinks_adminbar_forms",
        "parent" => "devlinks_adminbar",
        "title" => "Forms",
        "href" => "/wp-admin/admin.php?page=fluent_forms",
        "meta" => [
            "title" => __("Forms"),
            "target" => "_self",
            "class" => "devlinks_adminbar_forms",
        ],
    ]);
    $admin_bar->add_menu([
        "id" => "devlinks_adminbar_menus",
        "parent" => "devlinks_adminbar",
        "title" => "Menus",
        "href" => "/wp-admin/nav-menus.php",
        "meta" => [
            "title" => __("Menus"),
            "target" => "_self",
            "class" => "devlinks_adminbar_menus",
        ],
    ]);


    $admin_bar->add_menu([
        "id" => "devlinks_adminbar_wpcodebox",
        "parent" => "devlinks_adminbar",
        "title" => "WPCodeBox 2",
        "href" => "/wp-admin/admin.php?page=wpcodebox2",
        "meta" => [
            "title" => __("WPCodeBox"),
            "target" => "_self",
            "class" => "devlinks_adminbar_wpcodebox top-separator",
        ],
    ]);
    $admin_bar->add_menu([
        "id" => "devlinks_adminbar_automaticcss",
        "parent" => "devlinks_adminbar",
        "title" => "AutomaticCSS",
        "href" => "/wp-admin/admin.php?page=automatic-css",
        "meta" => [
            "title" => __("AutomaticCSS"),
            "target" => "_self",
            "class" => "devlinks_adminbar_automaticcss",
        ],
    ]);
    $admin_bar->add_menu([
        "id" => "devlinks_adminbar_brickstemplates",
        "parent" => "devlinks_adminbar",
        "title" => "Bricks Templates",
        "href" => "/wp-admin/edit.php?post_type=bricks_template",
        "meta" => [
            "title" => __("Bricks Templates"),
            "target" => "_self",
            "class" => "devlinks_adminbar_brickstemplates",
        ],
    ]);


    $admin_bar->add_menu([
        "id" => "devlinks_adminbar_mbcustomfields",
        "parent" => "devlinks_adminbar",
        "title" => "Meta Box Custom Fields",
        "href" => "/wp-admin/edit.php?post_type=meta-box",
        "meta" => [
            "title" => __("Custom Fields"),
            "target" => "_self",
            "class" => "devlinks_adminbar_mbcustomfields top-separator",
        ],
    ]);
    $admin_bar->add_menu([
        "id" => "devlinks_adminbar_mbposttypes",
        "parent" => "devlinks_adminbar",
        "title" => "Meta Box Post Types",
        "href" => "/wp-admin/edit.php?post_type=mb-post-type",
        "meta" => [
            "title" => __("Post Types"),
            "target" => "_self",
            "class" => "devlinks_adminbar_mbposttypes",
        ],
    ]);
    $admin_bar->add_menu([
        "id" => "devlinks_adminbar_mbtaxonomies",
        "parent" => "devlinks_adminbar",
        "title" => "Meta Box Taxonomies",
        "href" => "/wp-admin/edit.php?post_type=mb-taxonomy",
        "meta" => [
            "title" => __("Taxonomies"),
            "target" => "_self",
            "class" => "devlinks_adminbar_mbtaxonomies",
        ],
    ]);
                $admin_bar->add_menu([
        "id" => "devlinks_adminbar_konfiguration",
        "parent" => "devlinks_adminbar",
        "title" => "Website-Konfiguration",
        "href" => "/wp-admin/admin.php?page=website-konfiguration",
        "meta" => [
            "title" => __("Website-Konfiguration"),
            "target" => "_self",
            "class" => "devlinks_adminbar_konfiguration top-separator",
        ],
    ]);
    $admin_bar->add_menu([
        "id" => "devlinks_adminbar_backup",
        "parent" => "devlinks_adminbar",
        "title" => "Backups",
        "href" => "/wp-admin/options-general.php?page=updraftplus&tab=backups",
        "meta" => [
            "title" => __("Backups"),
            "target" => "_self",
            "class" => "devlinks_adminbar_backup",
        ],
    ]);
}


add_action("admin_bar_menu", "devlinks_styling", 40);


function devlinks_styling()
{
    echo "<style type='text/css'>

                    .dev-icon {
            margin-left: 24px!important;
           }

            #wpadminbar .dev-icon:before {
                content: '';
                background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnN2Z2pzPSJodHRwOi8vc3ZnanMuY29tL3N2Z2pzIiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgeD0iMCIgeT0iMCIgdmlld0JveD0iMCAwIDk0LjUwNCA5NC41MDQiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTIiIHhtbDpzcGFjZT0icHJlc2VydmUiIGNsYXNzPSIiPjxnPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgoJPGc+CgkJPHBhdGggZD0iTTkzLjkxOCw0NS44MzNMNjkuNzk5LDIxLjcxNGMtMC43NS0wLjc1LTIuMDc3LTAuNzUtMi44MjcsMGwtNS4yMjksNS4yMjljLTAuNzgxLDAuNzgxLTAuNzgxLDIuMDQ3LDAsMi44MjggICAgbDE3LjQ3NywxNy40NzVMNjEuNzQ0LDY0LjcyNGMtMC43ODEsMC43ODEtMC43ODEsMi4wNDcsMCwyLjgyOGw1LjIyOSw1LjIyOWMwLjM3NSwwLjM3NSwwLjg4NCwwLjU4NywxLjQxNCwwLjU4NyAgICBjMC41MjksMCwxLjAzOS0wLjIxMiwxLjQxNC0wLjU4N2wyNC4xMTctMjQuMTE4Qzk0LjY5OSw0Ny44ODEsOTQuNjk5LDQ2LjYxNCw5My45MTgsNDUuODMzeiIgZmlsbD0iIzcyYWVlNiIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgY2xhc3M9IiI+PC9wYXRoPgoJCTxwYXRoIGQ9Ik0zMi43NTksNjQuNzI0TDE1LjI4NSw0Ny4yNDhsMTcuNDc3LTE3LjQ3NWMwLjM3NS0wLjM3NSwwLjU4Ni0wLjg4MywwLjU4Ni0xLjQxNGMwLTAuNTMtMC4yMS0xLjAzOS0wLjU4Ni0xLjQxNCAgICBsLTUuMjI5LTUuMjI5Yy0wLjM3NS0wLjM3NS0wLjg4NC0wLjU4Ni0xLjQxNC0wLjU4NmMtMC41MywwLTEuMDM5LDAuMjExLTEuNDE0LDAuNTg2TDAuNTg1LDQ1LjgzMyAgICBjLTAuNzgxLDAuNzgxLTAuNzgxLDIuMDQ3LDAsMi44MjlMMjQuNzA0LDcyLjc4YzAuMzc1LDAuMzc1LDAuODg0LDAuNTg3LDEuNDE0LDAuNTg3YzAuNTMsMCwxLjAzOS0wLjIxMiwxLjQxNC0wLjU4N2w1LjIyOS01LjIyOSAgICBDMzMuNTQyLDY2Ljc3MSwzMy41NDIsNjUuNTA1LDMyLjc1OSw2NC43MjR6IiBmaWxsPSIjNzJhZWU2IiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBjbGFzcz0iIj48L3BhdGg+CgkJPHBhdGggZD0iTTYwLjk2NywxMy42Yy0wLjI1NC0wLjQ2Ni0wLjY4Mi0wLjgxMi0xLjE5LTAuOTYybC00LjIzOS0xLjI1MWMtMS4wNTgtMC4zMTQtMi4xNzIsMC4yOTMtMi40ODQsMS4zNTJMMzMuMzc1LDc5LjM4MiAgICBjLTAuMTUsMC41MDktMC4wOTIsMS4wNTYsMC4xNjEsMS41MjFjMC4yNTMsMC40NjcsMC42ODIsMC44MTIsMS4xOSwwLjk2M2w0LjIzOSwxLjI1MWMwLjE4OSwwLjA1NiwwLjM4LDAuMDgzLDAuNTY3LDAuMDgzICAgIGMwLjg2MywwLDEuNjYtMC41NjQsMS45MTctMS40MzVsMTkuNjc5LTY2LjY0NEM2MS4yNzgsMTQuNjEyLDYxLjIyMSwxNC4wNjUsNjAuOTY3LDEzLjZ6IiBmaWxsPSIjNzJhZWU2IiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBjbGFzcz0iIj48L3BhdGg+Cgk8L2c+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPC9nPjwvc3ZnPg==)!important;
                background-size: contain;
                background-repeat: no-repeat;
                filter: grayscale(1);
                transition: .1s ease-in-out;
                position: absolute;
                top: 6px;
                left: 6px;
                height: 20px;
                width: 20px;
            }

            #wp-admin-bar-devlinks_adminbar:hover  .dev-icon:before { filter: grayscale(0);
            }


            #wp-admin-bar-devlinks_adminbar {
                background: #3d4348!important;
            }

            #wpadminbar .top-separator {
                border-top: 1px solid #4b5760;
            }
            </style>";
}