같은 창, 나만의 방식

나만의 테마 만들기

테마는 TOML(또는 JSON) 형식의 작은 텍스트 파일입니다. 변경할 내용만 지정하며, 나머지는 기반이 되는 테마에서 가져옵니다. MDM을 빌드하거나 프로그래밍 지식이 필요하지 않습니다.

1. 만들기

   몇 가지 색상으로 시작한 다음, 필요에 따라 더 추가하세요:

   name = "Harbour"
   inherits = "classic"
   icons = "color"
   
   [seeds.light]
   background = "#eef3f6"
   surface = "#ffffff"
   text = "#11202b"
   accent = "#0f6c8c"
   
   [seeds.dark]
   background = "#14212a"
   surface = "#0e171d"
   text = "#e8f0f4"
   accent = "#5cc3e6"
   
   [sizes]
   radius = 6
   
   [controls]
   focus = "ring"

   • inherits테마가 시작되는 기반입니다: classic(기본값), high-contrast, metro, adwaita, breeze, luna, aero, aqua 또는 같은 폴더에 있는 다른 테마 파일.
   • [seeds]MDM이 모든 컨트롤에 적용하는 몇 가지 색상(background, surface, header, text, accent, selection, error, warning, success)입니다. [seeds.light] 및 [seeds.dark]은 각 모드에 고유한 색상을 부여합니다.
   • [colors]양쪽에 단일 색상 역할을 설정하고, [light] 및 [dark]는 한쪽에만 설정합니다: #rrggbb 또는 투명도가 있는 #rrggbbaa.
   • [sizes]픽셀 단위의 모서리 반경, 테두리 너비, 글꼴 크기, 행 높이입니다. [controls]은 텍스트 상자, 확인란, 버튼, 진행률 표시줄, 스크롤 막대, 포커스 표시 및 제목 표시줄의 모양을 선택합니다.
   • iconscolor, mono 또는 accent입니다. 자체 폴더(my-theme/theme.toml)에 있는 테마는 icons/16 및 icons/24에 아이콘을 가져올 수 있으며, 각 아이콘은 표시되는 내용(tb-add-url.svg, cat-music.png)에 따라 이름이 지정됩니다. -symbolic 아이콘은 테마의 텍스트 색상을 따릅니다.
   • contrast = "high"모든 테두리와 텍스트 색상을 강조합니다.

   MDM이 알지 못하거나 읽을 수 없는 키 또는 값은 건너뛰고 MDM 로그(테마 폴더 옆의 logs 폴더)에 기록되므로, 최신 MDM용으로 만들어진 파일도 로드됩니다. 내장 테마도 같은 방식으로 작성되었습니다. GitHub에서 읽어보세요.

   모든 색상 역할 (156개)

   키	색상이 적용되는 곳
   window	Windows 및 대화 상자 배경
   text	텍스트 및 글리프
   text.disabled	비활성화된 텍스트, 모든 회색 컨트롤 및 레이블의 회색
   text.muted	보조 텍스트: 메모, 크기, 버전
   link	무언가를 여는 텍스트
   error	오류 텍스트
   error.strong	옵션의 실패한 확인 메시지 (연결, 브라우저 및 도우미 테스트)
   warning	경고 텍스트
   success	성공 텍스트 (일치하는 체크섬)
   reach.near	속성에서 왕복 시간(60ms 미만)이 가까운 다운로드 서버
   reach.medium	중간 왕복 시간(60~150ms)의 서버
   reach.far	왕복 시간(150ms 초과)이 먼 서버
   flag.edge	국기 주변의 얇은 테두리
   accent	강조: 포커스 선, 열린 기본 컨트롤, 필터, 링크 포커스
   focus.ring	점선 키보드 포커스 사각형
   selection	선택 영역 채우기: 행, 선택된 날짜, 선택된 텍스트
   selection.text	선택 영역의 텍스트
   selection.muted	선택 영역의 보조 텍스트
   selection.inactive	포커스 없는 목록에서 선택된 행
   selection.focus	선택된 행의 포커스된 행 점선 윤곽선
   group.line	그룹 상자 프레임
   etch.shadow	에칭된 구분선의 그림자 선
   etch.light	에칭된 구분선의 하이라이트 선
   tab.page	탭 페이지 본문
   tab	선택되지 않은 탭과 페이지 그림자
   tab.hot	포인터 아래 탭
   chevron	드롭다운 또는 스핀 상자 화살표
   chevron.disabled	회색 화살표
   subtle.hot	포인터 아래 자체 모양이 없는 부분 (화살표, 열 머리글)
   subtle.pressed	눌리거나 열린 부분
   highlight.hot	포인터 아래 달력 날짜 또는 화살표, 드롭 대상
   highlight.pressed	눌린 달력 날짜 또는 화살표
   field	텍스트 상자 또는 목록 내부
   field.border	텍스트 상자 테두리
   field.bottom	입력 가능한 텍스트 상자 하단 선
   field.disabled	회색 텍스트 상자 내부
   field.disabled.border	회색 텍스트 상자 테두리
   field.readonly	읽기 전용 텍스트 상자 내부
   field.readonly.border	읽기 전용 텍스트 상자 테두리
   combo.chevron	드롭다운 셰브론
   combo.arrow.hot	포인터 아래 편집 가능한 드롭다운 화살표 영역
   combo.arrow.pressed	눌리거나 열린 편집 가능한 드롭다운 화살표 영역
   button	버튼 면
   button.hot	포인터 아래 버튼 면
   button.pressed	눌린 버튼 면
   button.border	버튼 테두리
   button.bottom	버튼 하단 가장자리
   button.text	버튼 텍스트
   button.text.pressed	눌린 버튼 텍스트
   button.default.border	기본 버튼 테두리
   button.default.bottom	기본 버튼 하단 가장자리
   button.disabled	회색 버튼 면
   button.disabled.border	회색 버튼 테두리
   button.accent	강조 버튼 면
   button.accent.hot	포인터 아래 강조 버튼 면
   button.accent.pressed	강조 버튼 누름 면
   button.accent.bottom	강조 버튼 아래쪽 가장자리
   button.accent.text	강조 버튼 텍스트
   button.accent.text.pressed	강조 버튼 누름 텍스트
   button.glow	스타일이 그려지는 포인터 아래 버튼 내부 발광 (Luna; 투명: 없음)
   gloss	버튼, 상자, 바, 제목 표시줄 등 광택 있는 부분이 상단에서 혼합되는 광택 (Luna, Aero, Aqua)
   check	선택되지 않은 확인란 또는 라디오 버튼 내부
   check.hot	포인터 아래 내부
   check.pressed	누름 내부
   check.border	선택되지 않은 확인란 또는 라디오 버튼 테두리
   check.border.hot	포인터 아래 테두리
   check.border.pressed	누름 테두리
   check.border.disabled	회색 선택되지 않은 확인란 테두리
   check.on	선택된 확인란 또는 라디오 버튼 강조
   check.on.hot	포인터 아래 선택된 강조
   check.on.pressed	누름 선택된 강조
   check.on.disabled	회색 선택된 확인란 채우기
   check.mark	선택된 강조의 체크 표시 또는 점
   progress.track	진행률 표시줄 트랙
   progress.bar	진행률 표시줄 채우기
   meter.track	측정기 트랙 (다운로드 완료 부분)
   meter.edge	측정기 가장자리
   meter.fill	측정기 채우기
   list	다운로드 목록 배경
   list.frame	목록, 표 또는 상자 윤곽선
   grid	대화 상자 목록 행 사이의 격자선
   list.grid	다운로드 목록 격자선
   header	모든 목록 및 표 열 머리글
   header.line	대화 상자 목록 머리글 아래쪽 선
   header.sep	열 머리글 사이의 구분선
   table.line	링크 가로채기 및 토렌트 추가 테이블의 구분선
   header.sorted	정렬된 열의 머리글
   header.sort-arrow	정렬 셰브론
   row.pressed	눌린 목록 행
   chip.web	다운로드 목록의 웹 칩
   chip.torrent	다운로드 목록의 토렌트 칩
   chip.text	칩의 텍스트
   list.drag-ghost	드래그 중인 열 머리글
   list.marquee	행을 선택하는 고무 밴드
   list.marquee.border	고무 밴드의 가장자리
   scroll.track	스크롤 막대 트랙
   scroll.corner	두 스크롤 막대가 만나는 곳
   scroll.thumb	스크롤 막대 엄지 및 화살표
   scroll.thumb.hot	포인터 아래의 엄지 또는 화살표
   scroll.thumb.pressed	눌리거나 드래그 중인 엄지 또는 화살표
   menubar	메뉴 모음
   menubar.bottom	메뉴 모음의 마지막 행
   menubar.line	메뉴 모음 아래의 선
   menubar.hot	포인터 아래의 메뉴 제목
   menubar.open	열린 메뉴의 제목
   menu	메뉴 배경
   menu.item	메뉴 항목
   menu.hot	포인터 아래의 메뉴 항목
   menu.border	메뉴 및 팝업 프레임
   menu.sep	메뉴 구분선
   menu.text	메뉴 텍스트
   menu.glyph	글머리 기호, 확인 표시 및 하위 메뉴 화살표
   menu.text.disabled	회색 처리된 메뉴 항목
   toolbar.line	도구 모음의 상단 선
   toolbar.line.light	아래 강조 표시
   toolbar.hot	포인터 아래 도구 모음 버튼
   toolbar.hot.faint	포인터 아래 분할 버튼의 다른 부분
   toolbar.pressed	눌린 도구 모음 버튼
   toolbar.hot.edge	활성 도구 모음 버튼의 가장자리
   toolbar.hot.border	활성 도구 모음 버튼의 테두리 (투명: 없음)
   toolbar.split.shadow	분할 버튼 구분선의 그림자 (정지 상태)
   toolbar.split.light	구분선의 강조 표시
   toolbar.text.disabled	회색 도구 모음 레이블
   toolbar.arrow	드롭다운 버튼의 화살표
   icon.disabled	회색 아이콘의 잉크 (시작)
   icon.disabled.end	회색 아이콘의 잉크 (끝)
   tree	카테고리 트리의 배경
   tree.lines	트리의 점선 연결선
   tree.expander	트리의 셰브론 (변형이 그리는 경우)
   tree.frame	카테고리 창의 프레임
   progress.status	진행 창의 상태 값
   progress.label.disabled	진행 창의 회색 레이블
   segments.border	세그먼트 바의 프레임
   segments.corner	세그먼트 바의 모서리 픽셀
   pieces.have	여기에 있는 토렌트 조각
   pieces.partial	부분적으로 여기에 있는 조각을 나타내는 사각형
   pieces.missing	아직 여기에 없는 조각
   caption	MDM이 직접 그리는 제목 표시줄
   caption.text	제목 및 글리프
   caption.text.inactive	창이 활성화되지 않았을 때의 제목 및 글리프, 그리고 회색 버튼의 제목 및 글리프
   caption.hot	포인터 아래 캡션 버튼 (바 위에 색조)
   caption.pressed	눌린 캡션 버튼 (바 위에 색조)
   caption.button	스타일이 표시하는 정지 상태의 캡션 버튼 (바 위에 색조; 투명: 없음)
   caption.close	포인터 아래 닫기
   caption.close.text	포인터 아래 닫기 버튼 아이콘
   caption.inactive	MDM이 그리는 제목 표시줄 (창이 활성화되지 않았을 때; 활성화되었을 때처럼 투명함)
   drop-target.edge	정지 상태의 드롭 대상 가장자리
   egui.panel	egui 패널 배경
   egui.window	도구 설명 배경
   egui.window.border	도구 설명 테두리
   egui.text	도구 설명 텍스트
   egui.selection.text	egui 상자에서 선택된 텍스트 색상
   egui.extreme	egui의 가장 어두운 (또는 가장 밝은) 배경
   egui.faint	egui의 흐릿한 배경
   egui.widget	정지 상태의 egui 위젯
   egui.widget.border	위젯 테두리 (투명: 없음)

   모든 크기 (26)

   키	설정 내용
   radius	버튼, 텍스트 상자, 드롭다운의 모서리 곡률
   radius.button	광택 푸시 버튼의 모서리 곡률 (Luna, Aero; Aqua는 끝이 둥글다)
   radius.part	색조가 있는 부분의 모서리 곡률 (화살표 영역, 스핀 버튼)
   radius.check	확인란의 모서리 곡률
   radius.flyout	창 내 팝업의 모서리 곡률 (달력, 필터 상자)
   radius.menu-item	포인터 아래 메뉴 항목의 모서리 곡률
   radius.egui	egui 자체 위젯의 모서리 곡률
   radius.popup	도구 설명의 모서리 곡률
   border	컨트롤 테두리 너비
   focus-line	포커스된 텍스트 상자 강조선 높이
   chevron.width	드롭다운 셰브론 선 두께
   font.dialog	대화 상자 텍스트 (IDM 대화 상자의 Tahoma)
   font.dialog.bold	옵션 페이지 제목
   font.title	창 제목 (Tahoma Bold): 브라우저 확장 프로그램, 도우미
   font.code	서비스 페이지에 입력할 로그인 코드
   font.ui	메뉴 및 주 창 텍스트 (Segoe UI)
   font.ui.bold	주 창의 굵은 글씨 제목
   font.small	egui의 작은 텍스트
   font.body	egui의 본문 텍스트: 도구 설명, 여러 줄 상자
   font.heading	egui의 제목
   list.row	다운로드 목록의 행 높이
   list.header	다운로드 목록 열 머리글의 높이
   tooltip.width	도구 설명 텍스트가 줄 바꿈되는 위치
   tooltip.margin-x	도구 설명의 왼쪽 및 오른쪽 여백
   tooltip.margin-top	도구 설명의 위쪽 여백
   tooltip.margin-bottom	도구 설명의 아래쪽 여백

   모든 컨트롤 스타일 (7)

   키	스타일
   field-focus	선, 테두리, 링
   check	플루언트, 스퀘어, 아드와이타, 브리즈, 루나, 에어로, 아쿠아
   button	플루언트, 브리즈, 루나, 에어로, 아쿠아
   progress	선, 막대, 블록, 광택
   scroll	오버레이, 클래식
   caption	시스템, 메트로, 아드와이타, 브리즈, 루나, 에어로, 아쿠아
   focus	점선, 링, 프레임

   또는 AI 비서에게 맡기기

   이 프롬프트를 AI 비서에 복사한 다음 원하는 모양을 설명하세요. 비서는 형식, 키, 규칙을 따릅니다. 양쪽 모두 읽기 쉬운 텍스트와 눈에 띄는 초점을 가지며, 다른 사람의 작품을 복사하지 않습니다. 결과를 공유하기 전에 직접 양쪽을 확인하세요.

   You are making a theme file for Mister Download Manager (MDM), a free, open-source download manager. Write one TOML file, named after the theme in lower case with dashes (for example harbour.toml). Reply with the file only, in one code block, then one line on how to install it.
   
   THE FORMAT
   A theme names only what it changes; everything else comes from the theme it inherits.
   - name = "Display name"
   - inherits = "classic" (the default), "high-contrast", "metro", "adwaita", "breeze", "luna", "aero" or "aqua"
   - icons = "color" | "mono" | "accent"
   - contrast = "high" (optional: strengthens every edge and text colour)
   - [seeds] a few colours MDM spreads over every control: background, surface, header, text, accent, selection, error, warning, success. Use [seeds.light] and [seeds.dark] to give each side its own.
   - [colors] single colour roles for both sides; [light] and [dark] for one side only. Role names are dotted and must be quoted when they contain a dot, e.g. "button.hot" = "#e5f1fb". Useful roles: window, text, text.muted, link, accent, focus.ring, selection, selection.text, field, field.border, button, button.hot, button.pressed, button.border, button.text, check.on, check.mark, progress.bar, list, header, menubar, menu, menu.hot, menu.text, toolbar.hot, tree, caption, caption.text, scroll.thumb, gloss (the shine glossy parts blend toward), button.glow. "segments.done" takes one colour or a list of 13 (top to bottom).
   - [sizes] in pixels, 0 to 400: radius, radius.button, radius.check, radius.menu-item, radius.popup, border, focus-line, list.row, list.header, font.ui, font.dialog.
   - [controls] shapes: field-focus = line | border | ring; check = fluent | square | adwaita | breeze | luna | aero | aqua; button = fluent | breeze | luna | aero | aqua; progress = line | bar | blocks | gloss; scroll = overlay | classic; focus = dotted | ring | frame; caption = system | metro | adwaita | breeze | luna | aero | aqua.
   - Colours are "#rrggbb" or "#rrggbbaa". Unknown keys are skipped, so only use the names above.
   
   THE RULES
   1. Make both a light and a dark side: give [seeds.light] and [seeds.dark] (or [light] and [dark]) their own colours, and check each side on its own.
   2. Text must be easy to read: at least 4.5:1 contrast for text against its background (text on window and field, button.text on button, menu.text on menu, selection.text on selection, caption.text on caption), in both sides.
   3. The keyboard focus must be easy to see: accent and focus.ring at least 3:1 against what they sit on.
   4. Disabled text stays readable but clearly dimmer than normal text.
   5. Clean room: no artwork, icons, logos, fonts or text copied from any other program or company. If the theme needs icons, describe original ones to draw, never copy existing ones, and note their source and licence in a SOURCES.txt.
   6. Keep the layout: a theme changes colours, sizes and control shapes only.
   
   After the file, list each text and background pair you checked with its contrast ratio, for both sides.
   
   THE LOOK I WANT:

2. MDM을 빌드하지 않고 시도하기

   파일을 MDM의 테마 폴더에 넣으세요. 보기 → 테마 → 테마 폴더 열기를 선택하면 폴더가 열리고, 처음 사용하는 경우 폴더가 생성됩니다. MDM의 데이터 폴더에 있습니다:

   Windows

   %APPDATA%\misterdownloadmanager\themes

   Linux

   ~/.local/share/misterdownloadmanager/themes

   macOS

   ~/Library/Application Support/misterdownloadmanager/themes

   휴대용 복사본

   data\themes프로그램 옆

   2초 이내에 보기 → 테마에 내장 테마 아래에 name와 함께 표시됩니다. 선택하면 전체 창이 즉시 변경됩니다. 파일을 편집한 후 변경 사항을 보려면 보기 → 테마에서 다시 선택하세요. 다크 모드 지원 및 항상 어둡게를 사용하여 밝은 면과 어두운 면을 전환할 수 있습니다.

   보기 → 테마 → 테마 파일 추가…를 사용하세요. 파일을 선택하면 MDM이 테마 폴더에 복사하고 즉시 적용합니다.

   Base16 또는 pywal 스키마가 이미 있나요?

   그것은 이미 테마입니다. Base16 또는 Base24 스키마(.yaml) 또는 pywal의 colors.json는 같은 방식으로 추가되며 MDM의 색상만 변경합니다. 목록과 창 뒤의 스키마 배경, 읽기 쉬운 텍스트(4.5:1 이상), 포커스, 선택 및 진행률 표시줄의 파란색이 적용됩니다. wal가 실행되면 보기 → 테마에 ~/.cache/wal/colors.json에서 읽어온 pywal이 표시됩니다(%USERPROFILE%\.cache\wal\colors.jsonWindows에서는) MDM은 새로운 배경화면의 색상을 2초 이내에 따릅니다. 가이드에서 어떤 색상이 어디에 적용되는지 보여줍니다.

3. 공유하기

   다른 사람들이 좋아할 만한 것을 만드셨나요? GitHub에서 풀 리퀘스트를 열어 crates/app/assets/themes에 다음을 추가하세요:

   • .toml 파일과 아이콘 폴더(있는 경우);
   • 메인 창의 밝은 면과 어두운 면 스크린샷;
   • 아이콘 옆에 SOURCES.txt를 추가하여 누가 어떤 라이선스로 그렸는지 명시합니다. 아이콘은 직접 만들거나 MDM이 공유할 수 있는 라이선스(GPL-3.0)여야 하며, 다른 프로그램에서 복사해서는 안 됩니다.

   아직 확실하지 않으신가요? 먼저 토론에서 보여주세요. 기여 가이드에서 풀 리퀘스트가 어떻게 작동하는지 설명합니다.