Theme Color

λ ˆμ΄μ•„μ›ƒμ—μ„œ 주제 색상 μ§€μ •ν•˜κΈ°

κ°œμš”

λΌμ΄λ―ΉμŠ€μ—μ„œ μΆ”κ°€λ˜λŠ” κΈ°λ³Έ μŠ€ν‚¨λ“€μ—λŠ” 주제 색상 (Primary color) κ°œλ…μ„ λ„μž…ν–ˆμŠ΅λ‹ˆλ‹€. 주제 색상은 λ ˆμ΄μ•„μ›ƒ 섀정을 ν†΅ν•΄μ„œ μ§€μ •ν•  수 μžˆμŠ΅λ‹ˆλ‹€. λ ˆμ΄μ•„μ›ƒ μ œμž‘μžμ™€ ν˜Έν™˜ λ ˆμ΄μ•„μ›ƒμ„ μ‚¬μš©ν•˜λŠ” μ‚¬μš©μžμ—κ²Œ 도움을 μ£ΌκΈ° μœ„ν•΄μ„œ 맀뉴얼을 μž‘μ„±ν•©λ‹ˆλ‹€.

μ§€μ •ν•˜λŠ” 방법

μ‚¬μš©μž
  • 주제 색상을 μ§€μ›ν•˜λŠ” λ ˆμ΄μ•„μ›ƒμ—μ„œ 주제 색상을 μ„ νƒν•©λ‹ˆλ‹€.
  • μ„ νƒν•˜λŠ” 방법은 λ“œλ‘­λ‹€μš΄ λ©”λ‰΄λ‚˜ 컬러 피컀가 μžˆμŠ΅λ‹ˆλ‹€.
개발자

λ ˆμ΄μ•„μ›ƒ μ„€μ •μ—μ„œ primary_color λ˜λŠ” customized_primary_color ν•­λͺ©μ„ μ§€μ •ν•©λ‹ˆλ‹€.

  • primary_color λŠ” type=select 인 extra_vars μž…λ‹ˆλ‹€.
  • primary_color 의 값은 6자리 λ˜λŠ” 16진법 색상 μ½”λ“œ(HEXcode) λ˜λŠ” Material design guide 의 색상 μ€‘μ—μ„œ κ°€λŠ₯ν•©λ‹ˆλ‹€. Material design 색상은 μ•„λž˜ κ°’μœΌλ‘œ 지정될 수 μžˆμŠ΅λ‹ˆλ‹€.
  • red
  • crimson
  • pink
  • purple
  • deep-purple
  • indigo
  • deep-blue
  • blue
  • light-blue
  • cyan
  • teal
  • green
  • light-green
  • lime
  • yellow
  • amber
  • orange
  • deep-orange
  • brown
  • grey
  • blue-grey
  • black
  • white
  • customized_primary_color λŠ” type=colorpicker 인 extra_vars μž…λ‹ˆλ‹€.
  • primary_color 의 값은 6자리 16진법 색상 μ½”λ“œ(HEXcode) μž…λ‹ˆλ‹€.

λ ˆμ΄μ•„μ›ƒ info.xml μ˜ˆμ‹œ

<?xml version="1.0" encoding="UTF-8"?>
<layout version="0.2">
    <title xml:lang="ko">λ„€λͺ¨μ˜ 꿈-μ˜ˆμ‹œ</title>
    <title xml:lang="en">Rectangular World-Example</title>
    <description xml:lang="ko">κΉ”λ”ν•œ λ©΄κ³Ό 그림자 λ ˆμ΄μ•„μ›ƒ</description>
    <description xml:lang="en">Simple rectangular planes and shadows</description>
    <version>0.0.1</version>
    <date>2017-02-05</date>
    <author email_address="misol.kr@gmail.com" link="https://github.com/misol">
        <name xml:lang="ko">misol</name>
        <name xml:lang="en">misol</name>
    </author>
    <menus>
        <menu name="GNB" maxdepth="2" default="true">
            <title xml:lang="ko">메뉴</title>
            <title xml:lang="en">Global Navigation Menu</title>
        </menu>
    </menus>
    <extra_vars>
        <var name="primary_color" type="select">
            <title xml:lang="ko">쀑심 색상</title>
            <title xml:lang="en">Primary color</title>
            <description xml:lang="ko">λΆ„μœ„κΈ°λ₯Ό ν˜•μ„±ν•˜λŠ”λ° μ‚¬μš©λ˜λŠ” 쀑심 μƒ‰μƒμž…λ‹ˆλ‹€.</description>
            <description xml:lang="en">Please select the mood color you want.</description>
            <options value="red">
                <title xml:lang="ko">뢉은 색</title>
                <title xml:lang="en">Red</title>
            </options>
            <options value="crimson">
                <title xml:lang="ko">크림슨</title>
                <title xml:lang="en">Crimson</title>
            </options>
            <options value="pink">
                <title xml:lang="ko">뢄홍</title>
                <title xml:lang="en">Pink</title>
            </options>
            <options value="purple">
                <title xml:lang="ko">보라</title>
                <title xml:lang="en">Purple</title>
            </options>
            <options value="deep-purple">
                <title xml:lang="ko">진보라</title>
                <title xml:lang="en">Deep Purple</title>
            </options>
            <options value="indigo">
                <title xml:lang="ko">인디고</title>
                <title xml:lang="en">Indigo</title>
            </options>
            <options value="deep-blue">
                <title xml:lang="ko">짙은 νŒŒλž‘</title>
                <title xml:lang="en">Deep Blue</title>
            </options>
            <options value="blue">
                <title xml:lang="ko">νŒŒλž‘</title>
                <title xml:lang="en">Blue</title>
            </options>
            <options value="light-blue">
                <title xml:lang="ko">밝은 νŒŒλž‘</title>
                <title xml:lang="en">Light Blue</title>
            </options>
            <options value="cyan">
                <title xml:lang="ko">μ‹œμ•ˆ</title>
                <title xml:lang="en">Cyan</title>
            </options>
            <options value="teal">
                <title xml:lang="ko">ν‹Έ</title>
                <title xml:lang="en">Teal</title>
            </options>
            <options value="green">
                <title xml:lang="ko">초둝</title>
                <title xml:lang="en">Green</title>
            </options>
            <options value="light-green">
                <title xml:lang="ko">μ—°ν•œ 초둝</title>
                <title xml:lang="en">Light Green</title>
            </options>
            <options value="lime">
                <title xml:lang="ko">λΌμž„</title>
                <title xml:lang="en">Lime</title>
            </options>
            <options value="yellow">
                <title xml:lang="ko">λ…Έλž‘</title>
                <title xml:lang="en">Yellow</title>
            </options>
            <options value="amber">
                <title xml:lang="ko">앰버</title>
                <title xml:lang="en">Amber</title>
            </options>
            <options value="orange">
                <title xml:lang="ko">μ£Όν™©</title>
                <title xml:lang="en">Orange</title>
            </options>
            <options value="deep-orange">
                <title xml:lang="ko">μ§„ν•œ μ£Όν™©</title>
                <title xml:lang="en">Deep Orange</title>
            </options>
            <options value="brown">
                <title xml:lang="ko">κ°ˆμƒ‰</title>
                <title xml:lang="en">Brown</title>
            </options>
            <options value="grey">
                <title xml:lang="ko">νšŒμƒ‰</title>
                <title xml:lang="en">Grey</title>
            </options>
            <options value="blue-grey">
                <title xml:lang="ko">ν‘Έλ₯Έ νšŒμƒ‰</title>
                <title xml:lang="en">Blue Grey</title>
            </options>
            <options value="customized">
                <title xml:lang="ko">μ»€μŠ€ν…€</title>
                <title xml:lang="en">Customized</title>
            </options>
        </var>
        <var name="customized_primary_color" type="colorpicker">
            <title xml:lang="ko">μ»€μŠ€ν…€ 쀑심 색상</title>
            <title xml:lang="en">Customized primary color</title>
            <description xml:lang="ko">λΆ„μœ„κΈ°λ₯Ό ν˜•μ„±ν•˜λŠ”λ° μ‚¬μš©λ˜λŠ” 쀑심 색상을 μœ„μ—μ„œ μ„ νƒν•˜μ§€ μ•Šκ³  Hex μ½”λ“œλ‘œ 직접 μž…λ ₯ ν•©λ‹ˆλ‹€. (κΈ°λ³Έ κ°’: #f44336) μœ„ ν•­λͺ©μ—μ„œ 'μ»€μŠ€ν…€' ν•­λͺ©μ„ 선택해야 μ μš©λ©λ‹ˆλ‹€.</description>
            <description xml:lang="en">Please type the mood color you want, if there is no choice before. Insert your color in hex code. (dafault value:  #f44336) To use this option, you have to select 'Customized' for the options before.</description>
        </var>
    </extra_vars>
</layout>