CustomColorMaster/docs/support.html at main · sashavoloshanov/CustomColorMaster · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Support — Custom Color Master</title>
<style>
  body {
    font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", Roboto, sans-serif;
    max-width: 680px;
    margin: 0 auto;
    padding: 64px 24px 120px;
    line-height: 1.6;
    color: #1d1d1f;
    background: #ffffff;
  }
  h1 {
    font-size: 34px;
    font-weight: 700;
    margin-bottom: 8px;
  }
  .subtitle {
    color: #6e6e73;
    font-size: 16px;
    margin-bottom: 40px;
  }
  h2 {
    font-size: 20px;
    font-weight: 600;
    margin-top: 40px;
    margin-bottom: 12px;
  }
  p, li {
    font-size: 16px;
    color: #333336;
  }
  a {
    color: #0066cc;
    text-decoration: none;
  }
  a:hover {
    text-decoration: underline;
  }
  ul {
    padding-left: 20px;
  }
  .card {
    display: block;
    border: 1px solid #e5e5e7;
    border-radius: 12px;
    padding: 20px 24px;
    margin-bottom: 16px;
  }
  .card strong {
    display: block;
    font-size: 17px;
    margin-bottom: 4px;
  }
  code {
    background: #f5f5f7;
    padding: 2px 6px;
    border-radius: 4px;
    font-size: 14px;
  }
  .faq {
    margin-bottom: 22px;
  }
  .faq strong {
    display: block;
    margin-bottom: 2px;
  }
</style>
</head>
<body>
<h1>Support</h1>
<p class="subtitle">Custom Color Master — help, contact, and frequently asked questions</p>

<div class="card">
  <strong>Contact by email</strong>
  For any question, bug report, or feedback:
  <a href="mailto:voloshanov.developer@icloud.com">voloshanov.developer@icloud.com</a>
</div>

<div class="card">
  <strong>Report a bug or request a feature on GitHub</strong>
  <a href="https://github.com/sashavoloshanov/CustomColorMaster/issues">github.com/sashavoloshanov/CustomColorMaster/issues</a>
</div>

<div class="card">
  <strong>Source code</strong>
  <a href="https://github.com/sashavoloshanov/CustomColorMaster">github.com/sashavoloshanov/CustomColorMaster</a>
</div>

<h2>Getting started</h2>

<div class="faq">
  <strong>Where is the app icon? I don't see it in the Dock.</strong>
  Custom Color Master is a menu bar utility — look for the eyedropper icon
  in the top menu bar of your screen, not in the Dock. If you have a lot of
  menu bar items, it may be hidden in the overflow area.
</div>

<div class="faq">
  <strong>How do I pick a color?</strong>
  Click the eyedropper icon in the menu bar, then click "Choose Color".
  Your cursor turns into a loupe — click anywhere on your screen to
  capture that pixel's color. The window reopens with the new color at the
  top of the list.
</div>

<h2>Converting colors</h2>

<div class="faq">
  <strong>Can I convert a color I already have?</strong>
  Yes. Paste any supported color value into the input field at the top of
  the window, choose the target format in the dropdown next to it, and
  click Convert. The result is added to your history, ready to copy.
</div>

<div class="faq">
  <strong>Which formats can I paste in?</strong>
  All of them — every format the app can display, it can also read. That
  includes HEX (with or without <code>#</code>), hex integers, RGB, RGBA,
  RGB floats, HSL, HSBA, HWB, OKLCH, CMYK, and Swift-style color
  initializers, among others.
</div>

<div class="faq">
  <strong>Why is there already a value in the input field when I open the window?</strong>
  If your clipboard contains something the app recognizes as a color, it's
  filled in automatically to save you a step. Clipboard contents that
  aren't colors are ignored, so ordinary copied text never appears there.
</div>

<div class="faq">
  <strong>I pressed ⌘V but nothing was pasted.</strong>
  Pasting is only accepted when the clipboard holds a recognizable color
  value; otherwise a short message appears below the field explaining why.
  Double-check the value is complete — for example <code>hsl(289, 98%, 76%)</code>
  rather than just a fragment of it.
</div>

<div class="faq">
  <strong>What is the small badge on some swatches?</strong>
  It marks entries that came from converting a pasted value, as opposed to
  colors picked directly from the screen.
</div>

<h2>History and formats</h2>

<div class="faq">
  <strong>Can I change the format of a color after I've added it?</strong>
  Yes. Each row in the history has its own format dropdown — changing it
  only affects that row, not the rest of your history, and the choice is
  remembered after you quit the app.
</div>

<div class="faq">
  <strong>How do I copy a value?</strong>
  Click the copy button at the end of a row, or click anywhere on the row
  itself. Both put the value, in that row's current format, on your
  clipboard.
</div>

<div class="faq">
  <strong>How do I remove colors?</strong>
  Right-click a row and choose Delete to remove a single entry, or click
  Clear to wipe the entire history.
</div>

<div class="faq">
  <strong>Where is my color history stored?</strong>
  Locally on your device only, inside the app's own sandboxed storage.
  Nothing is ever sent anywhere. See the
  <a href="./privacy.html">Privacy Policy</a> for details.
</div>

<h2>Window and quitting</h2>

<div class="faq">
  <strong>I closed the window — how do I get it back?</strong>
  Click the eyedropper icon in the menu bar again. The close and minimize
  buttons only put the window away; they don't quit the app.
</div>

<div class="faq">
  <strong>The window disappeared when I switched desktops.</strong>
  That's intended. The window belongs to the desktop you opened it on, so
  switching Spaces puts it away — click the menu bar icon to open it on
  the desktop you're currently using.
</div>

<div class="faq">
  <strong>How do I quit the app?</strong>
  Right-click the menu bar icon and choose "Quit Custom Color Master", or
  press ⌘Q while the app's window is in front.
</div>

<h2>Still need help?</h2>
<p>
Email <a href="mailto:voloshanov.developer@icloud.com">voloshanov.developer@icloud.com</a>
or open an issue on
<a href="https://github.com/sashavoloshanov/CustomColorMaster/issues">GitHub</a>
with a short description of the problem, and, if relevant, a screenshot.
</p>

</body>
</html>