{"id":360,"date":"2026-07-29T15:23:38","date_gmt":"2026-07-29T06:23:38","guid":{"rendered":"https:\/\/lueim.synology.me\/?p=360"},"modified":"2026-07-29T22:05:14","modified_gmt":"2026-07-29T13:05:14","slug":"%ec%98%b5%ec%8b%9c%eb%94%94%ec%96%b8_css-%ec%88%98%ec%a0%95","status":"publish","type":"post","link":"https:\/\/lueim.synology.me\/?p=360","title":{"rendered":"\uc635\uc2dc\ub514\uc5b8_CSS \uc218\uc815"},"content":{"rendered":"\n<h3 class=\"wp-block-heading\">\uc218\uc815\ub0b4\uc5ed<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\uc635\uc2dc\ub514\uc5b8\uc5d0 AnuPpuccin \uc678\ud615 \uc801\uc6a9 \ud6c4 CSS \uc218\uc815<\/li>\n\n\n\n<li>Custom Rainbow Folder Colors \/ Themes Extended CSS \ucd94\uac00 \uc124\uce58\ud574\uc11c \uc138\ubd80 \uc870\uc815<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">1\ubc88\uc9f8 \uc2a4\ud0c0\uc77c<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"501\" height=\"613\" src=\"https:\/\/lueim.synology.me\/wp-content\/uploads\/2026\/07\/image.png\" alt=\"\" class=\"wp-image-362\" srcset=\"https:\/\/lueim.synology.me\/wp-content\/uploads\/2026\/07\/image.png 501w, https:\/\/lueim.synology.me\/wp-content\/uploads\/2026\/07\/image-245x300.png 245w\" sizes=\"auto, (max-width: 501px) 100vw, 501px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">2\ubc88\uc9f8 \uc2a4\ud0c0\uc77c : 1\ubc88\uc9f8 \uc2a4\ud0c0\uc77c\uc774 \ub108\ubb34 \ubc1d\uace0 \ub0b4 \ub290\ub08c\uacfc \ub9de\uc9c0 \uc54a\uc544\uc11c \uc218\uc815\ud568<br>> \uc544\ub798 \uc774\ud0e4\ub9ad\uccb4\ub85c \ub41c \ubd80\ubd84 \ucd94\uac00 \uc218\uc815, \uc678\ud615 \uce74\ud14c\uace0\ub9ac\uc5d0\uc11c &#8216;Dark&#8217;\ubaa8\ub4dc<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"496\" height=\"618\" src=\"https:\/\/lueim.synology.me\/wp-content\/uploads\/2026\/07\/image-1.png\" alt=\"\" class=\"wp-image-365\" srcset=\"https:\/\/lueim.synology.me\/wp-content\/uploads\/2026\/07\/image-1.png 496w, https:\/\/lueim.synology.me\/wp-content\/uploads\/2026\/07\/image-1-241x300.png 241w\" sizes=\"auto, (max-width: 496px) 100vw, 496px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">AnuPpuccin \uc870\uc815\uac12 \uc0c1\uc138(Reddit <a href=\"https:\/\/www.reddit.com\/user\/Sea-Mouse4819\/\">Sea-Mouse4819<\/a> \ub0b4\uc6a9 \ucc38\uace0)<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Then get the plugin &#8220;Style Settings&#8221;, and change the settings to what is below.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Colors<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Light Theme Flavor: Rose Pine<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Light Theme Accent: Lavender<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Force Custom Accents: On<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">Color Overrides<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">Mauve: #B4799B<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Red: #B25A89<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Maroon: #C76777<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Peach: #E8A687<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Yellow: #EBC475<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Green: #64BE82<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Teal: #68B4B1<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Sky: #76ABC5<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Sapphire: #5980BF<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Blue: #6F72C0<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Lavender: #907AA9<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Base: #F8F5F1<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Mantle: #F1EAE4<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Crust: #EAE2DC<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">File Editor &amp; Markdown Elements<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Active Line Highlight: Highlight<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">Callouts<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">Callout Style: Sleek<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Enable Custom Callout Colors: On<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Callout Radius: 7<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Callout Title Padding: 8px<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Callout Title Background Opacity: 0.2<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Callout Content Padding: 15px<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">Checkboxes<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">Enable Custom Checkboxes: On<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Enable Speech Bubbles: On<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">Lists<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">Enable List Styling: On<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">List Indent: 2.5<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Unordered List Bullet Color: #907AA9<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">Tables<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">Enable Table Syling: On<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Enable Custom Table Width: On<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Center Tables: On<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><code>&lt;th&gt;<\/code>&nbsp;Highlight: On<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><code>&lt;td&gt;<\/code>&nbsp;Highlight: Alternate Rows<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Highlight Opacity: 0.4<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">Tags<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">Tag Border Width: 1<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Tag Radius: 0.7<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">File Preview<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Enable Custom Preview Margins: On<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Preview Width: 100%<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Typography<\/h4>\n\n\n\n<h5 class=\"wp-block-heading\">Font Weights<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">Bold Weight: Bold<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Live Preview Mode Weight: Light<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Reading Mode Weight: Light<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Source Mode Weight: Light<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">Headings<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">Enable Custom Heading Colors: On<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Inherit Divider Color from Heading Color: On<\/p>\n\n\n\n<h6 class=\"wp-block-heading\">H1<\/h6>\n\n\n\n<p class=\"wp-block-paragraph\">H1 Color: Red H1 Divider: On<\/p>\n\n\n\n<h6 class=\"wp-block-heading\">H2<\/h6>\n\n\n\n<p class=\"wp-block-paragraph\">H2 Color: Peach<\/p>\n\n\n\n<h6 class=\"wp-block-heading\">H3<\/h6>\n\n\n\n<p class=\"wp-block-paragraph\">H3 Color: Yellow<\/p>\n\n\n\n<h6 class=\"wp-block-heading\">H4<\/h6>\n\n\n\n<p class=\"wp-block-paragraph\">H4 Color: Green<\/p>\n\n\n\n<h6 class=\"wp-block-heading\">H5<\/h6>\n\n\n\n<p class=\"wp-block-paragraph\">H5 Color: Teal<\/p>\n\n\n\n<h6 class=\"wp-block-heading\">H6<\/h6>\n\n\n\n<p class=\"wp-block-paragraph\">H6 Color: Lavender<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Workspace<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\"><em>Enable Colorful Frame(WIP): On<\/em><\/p>\n\n\n\n<h5 class=\"wp-block-heading\"><em>Colorful Frame<\/em><\/h5>\n\n\n\n<p class=\"wp-block-paragraph\"><em>Custom Colorful Frame Color: Dark (2C2C2C)<\/em><\/p>\n\n\n\n<h5 class=\"wp-block-heading\">Rainbow Folders<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">Rainbow Style: Full<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">Status Bar<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">Status Bar Style: Fixed<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">Tabs<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">Custom Tab Height: 32<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">Workspace Layout<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">Workspace Layout Variant: Cards<\/p>\n\n\n\n<h6 class=\"wp-block-heading\">Card Layout Settings<\/h6>\n\n\n\n<p class=\"wp-block-paragraph\">Enable Shadows: On<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Enable Card Format for Actions: On<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Enable Card Format for File Browser: On<\/p>\n\n\n\n<h5 class=\"wp-block-heading\"><\/h5>\n","protected":false},"excerpt":{"rendered":"<p>\uc218\uc815\ub0b4\uc5ed 1\ubc88\uc9f8 \uc2a4\ud0c0\uc77c 2\ubc88\uc9f8 \uc2a4\ud0c0\uc77c : 1\ubc88\uc9f8 \uc2a4\ud0c0\uc77c\uc774 \ub108\ubb34 \ubc1d\uace0 \ub0b4 \ub290\ub08c\uacfc \ub9de\uc9c0 \uc54a\uc544\uc11c \uc218\uc815\ud568> \uc544\ub798 \uc774\ud0e4\ub9ad\uccb4\ub85c \ub41c \ubd80\ubd84 \ucd94\uac00 \uc218\uc815, \uc678\ud615 \uce74\ud14c\uace0\ub9ac\uc5d0\uc11c &#8216;Dark&#8217;\ubaa8\ub4dc AnuPpuccin \uc870\uc815\uac12 \uc0c1\uc138(Reddit Sea-Mouse4819 \ub0b4\uc6a9 \ucc38\uace0) Then get the plugin &#8220;Style Settings&#8221;, and change the settings to what is below. Colors Light Theme Flavor: Rose Pine Light Theme Accent: Lavender Force<\/p>\n<div class=\"more-link\">\n\t\t\t\t <a href=\"https:\/\/lueim.synology.me\/?p=360\" class=\"link-btn theme-btn\"><span>Read More <\/span> <i class=\"fa fa-caret-right\"><\/i><\/a>\n\t\t\t<\/div>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[30],"tags":[163,78,3,36,164],"class_list":["post-360","post","type-post","status-publish","format-standard","hentry","category-process","tag-anuppuccin","tag-css","tag-3","tag-36","tag-164"],"_links":{"self":[{"href":"https:\/\/lueim.synology.me\/index.php?rest_route=\/wp\/v2\/posts\/360","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lueim.synology.me\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/lueim.synology.me\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/lueim.synology.me\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/lueim.synology.me\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=360"}],"version-history":[{"count":4,"href":"https:\/\/lueim.synology.me\/index.php?rest_route=\/wp\/v2\/posts\/360\/revisions"}],"predecessor-version":[{"id":366,"href":"https:\/\/lueim.synology.me\/index.php?rest_route=\/wp\/v2\/posts\/360\/revisions\/366"}],"wp:attachment":[{"href":"https:\/\/lueim.synology.me\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=360"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/lueim.synology.me\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=360"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/lueim.synology.me\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=360"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}