{"id":30448,"date":"2025-04-17T09:11:46","date_gmt":"2025-04-17T09:11:46","guid":{"rendered":"https:\/\/anderskisling.dk\/?page_id=30448"},"modified":"2025-04-17T11:11:05","modified_gmt":"2025-04-17T11:11:05","slug":"farver","status":"publish","type":"page","link":"https:\/\/anderskisling.dk\/index.php\/farver\/","title":{"rendered":"farver"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"30448\" class=\"elementor elementor-30448\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c58dff5 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"c58dff5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-92229eb elementor-widget elementor-widget-spacer\" data-id=\"92229eb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e5d948c elementor-widget elementor-widget-heading\" data-id=\"e5d948c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Farver<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6a5ccbe elementor-widget elementor-widget-html\" data-id=\"6a5ccbe\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n  .color-sheet {\n    background-color: #000;\n    padding: 20px;\n    font-family: sans-serif;\n    color: #ccc;\n    display: grid;\n    grid-template-columns: 1.5fr 1fr 60px;\n    gap: 10px 20px;\n    max-width: 800px;\n    border: 1px solid #222;\n  }\n\n  .color-label,\n  .color-code {\n    background-color: #111;\n    padding: 10px;\n    border: 1px solid #333;\n    font-family: monospace;\n    white-space: nowrap;\n  }\n\n  .color-label {\n    color: #888;\n  }\n\n  .color-preview {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 10px;\n    background-color: #222;\n    border: 1px solid #333;\n    cursor: pointer;\n    color: #fff;\n    font-weight: bold;\n    font-size: 16px;\n    height: auto;\n  }\n\n  .color-preview:hover {\n    opacity: 0.9;\n  }\n\n  .row {\n    display: contents;\n  }\n<\/style>\n\n<div class=\"color-sheet\">\n  <!-- 25 tomme r\u00e6kker klar til at blive udfyldt -->\n\n  <div class=\"row\"><div class=\"color-label\">Hover <\/div><div class=\"color-code\">#FF5E37<\/div><div class=\"color-preview\"><\/div><\/div>\n  <div class=\"row\"><div class=\"color-label\">ACTIVE<\/div><div class=\"color-code\">#FF8A00<\/div><div class=\"color-preview\"><\/div><\/div>\n  <div class=\"row\"><div class=\"color-label\">GR\u00c5 BG til kasser<\/div><div class=\"color-code\">#2C2C2C<\/div><div class=\"color-preview\"><\/div><\/div>\n  <div class=\"row\"><div class=\"color-label\">Ugle BG<\/div><div class=\"color-code\">#D4CEC4<\/div><div class=\"color-preview\"><\/div><\/div>\n  <div class=\"row\"><div class=\"color-label\">Gr\u00e5 2<\/div><div class=\"color-code\">#424242<\/div><div class=\"color-preview\"><\/div><\/div>\n\n  <div class=\"row\"><div class=\"color-label\">folke bl\u00e5 lysere 1<\/div><div class=\"color-code\">#001F3B<\/div><div class=\"color-preview\"><\/div><\/div>\n  <div class=\"row\"><div class=\"color-label\">folke bl\u00e5 2<\/div><div class=\"color-code\">#001C35<\/div><div class=\"color-preview\"><\/div><\/div>\n  <div class=\"row\"><div class=\"color-label\">BG overlay (0,4%) Normal blend<\/div><div class=\"color-code\">#020202<\/div><div class=\"color-preview\"><\/div><\/div>\n  <div class=\"row\"><div class=\"color-label\">inds\u00e6t navn<\/div><div class=\"color-code\">#000000<\/div><div class=\"color-preview\"><\/div><\/div>\n  <div class=\"row\"><div class=\"color-label\">inds\u00e6t navn<\/div><div class=\"color-code\">#000000<\/div><div class=\"color-preview\"><\/div><\/div>\n\n  <div class=\"row\"><div class=\"color-label\">inds\u00e6t navn<\/div><div class=\"color-code\">#000000<\/div><div class=\"color-preview\"><\/div><\/div>\n  <div class=\"row\"><div class=\"color-label\">inds\u00e6t navn<\/div><div class=\"color-code\">#000000<\/div><div class=\"color-preview\"><\/div><\/div>\n  <div class=\"row\"><div class=\"color-label\">inds\u00e6t navn<\/div><div class=\"color-code\">#000000<\/div><div class=\"color-preview\"><\/div><\/div>\n  <div class=\"row\"><div class=\"color-label\">inds\u00e6t navn<\/div><div class=\"color-code\">#000000<\/div><div class=\"color-preview\"><\/div><\/div>\n  <div class=\"row\"><div class=\"color-label\">inds\u00e6t navn<\/div><div class=\"color-code\">#000000<\/div><div class=\"color-preview\"><\/div><\/div>\n\n  <div class=\"row\"><div class=\"color-label\">inds\u00e6t navn<\/div><div class=\"color-code\">#000000<\/div><div class=\"color-preview\"><\/div><\/div>\n  <div class=\"row\"><div class=\"color-label\">inds\u00e6t navn<\/div><div class=\"color-code\">#000000<\/div><div class=\"color-preview\"><\/div><\/div>\n  <div class=\"row\"><div class=\"color-label\">inds\u00e6t navn<\/div><div class=\"color-code\">#000000<\/div><div class=\"color-preview\"><\/div><\/div>\n  <div class=\"row\"><div class=\"color-label\">inds\u00e6t navn<\/div><div class=\"color-code\">#000000<\/div><div class=\"color-preview\"><\/div><\/div>\n  <div class=\"row\"><div class=\"color-label\">inds\u00e6t navn<\/div><div class=\"color-code\">#000000<\/div><div class=\"color-preview\"><\/div><\/div>\n\n  <div class=\"row\"><div class=\"color-label\">inds\u00e6t navn<\/div><div class=\"color-code\">#000000<\/div><div class=\"color-preview\"><\/div><\/div>\n  <div class=\"row\"><div class=\"color-label\">inds\u00e6t navn<\/div><div class=\"color-code\">#000000<\/div><div class=\"color-preview\"><\/div><\/div>\n  <div class=\"row\"><div class=\"color-label\">inds\u00e6t navn<\/div><div class=\"color-code\">#000000<\/div><div class=\"color-preview\"><\/div><\/div>\n  <div class=\"row\"><div class=\"color-label\">inds\u00e6t navn<\/div><div class=\"color-code\">#000000<\/div><div class=\"color-preview\"><\/div><\/div>\n  <div class=\"row\"><div class=\"color-label\">inds\u00e6t navn<\/div><div class=\"color-code\">#000000<\/div><div class=\"color-preview\"><\/div><\/div>\n\n<\/div>\n\n<script>\n  document.querySelectorAll('.row').forEach(row => {\n    const codeDiv = row.querySelector('.color-code');\n    const previewDiv = row.querySelector('.color-preview');\n    const hex = codeDiv.textContent.trim();\n\n    \/\/ Preview-farve\n    if (\/^#([0-9a-fA-F]{3,8})$\/.test(hex)) {\n      previewDiv.style.backgroundColor = hex;\n    }\n\n    \/\/ Klik for at kopiere\n    previewDiv.addEventListener('click', () => {\n      navigator.clipboard.writeText(hex).then(() => {\n        const originalBG = previewDiv.style.backgroundColor;\n        previewDiv.textContent = '\u2714';\n        setTimeout(() => {\n          previewDiv.textContent = '';\n          previewDiv.style.backgroundColor = originalBG;\n        }, 800);\n      });\n    });\n  });\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Farver Hover #FF5E37 ACTIVE#FF8A00 GR\u00c5 BG til kasser#2C2C2C Ugle BG#D4CEC4 Gr\u00e5 2#424242 folke bl\u00e5 lysere 1#001F3B folke bl\u00e5 2#001C35 BG overlay (0,4%) Normal blend#020202 inds\u00e6t navn#000000 inds\u00e6t navn#000000 inds\u00e6t navn#000000 inds\u00e6t navn#000000 inds\u00e6t navn#000000 inds\u00e6t navn#000000 inds\u00e6t navn#000000 inds\u00e6t navn#000000 inds\u00e6t navn#000000 inds\u00e6t navn#000000 inds\u00e6t navn#000000 inds\u00e6t navn#000000 inds\u00e6t navn#000000 inds\u00e6t navn#000000 inds\u00e6t navn#000000 inds\u00e6t navn#000000 inds\u00e6t navn#000000<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inline_featured_image":false,"_kad_post_transparent":"","_kad_post_title":"hide","_kad_post_layout":"fullwidth","_kad_post_sidebar_id":"","_kad_post_content_style":"unboxed","_kad_post_vertical_padding":"hide","_kad_post_feature":"hide","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"footnotes":""},"class_list":["post-30448","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/anderskisling.dk\/index.php\/wp-json\/wp\/v2\/pages\/30448","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/anderskisling.dk\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/anderskisling.dk\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/anderskisling.dk\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/anderskisling.dk\/index.php\/wp-json\/wp\/v2\/comments?post=30448"}],"version-history":[{"count":59,"href":"https:\/\/anderskisling.dk\/index.php\/wp-json\/wp\/v2\/pages\/30448\/revisions"}],"predecessor-version":[{"id":30511,"href":"https:\/\/anderskisling.dk\/index.php\/wp-json\/wp\/v2\/pages\/30448\/revisions\/30511"}],"wp:attachment":[{"href":"https:\/\/anderskisling.dk\/index.php\/wp-json\/wp\/v2\/media?parent=30448"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}