contrib/logo-color.html


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

<!DOCTYPE html><html lang="en">
<!-- static html //-->
<head><meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>RouterOS Scripts :: Logo Color Changer</title>
<link rel="stylesheet" type="text/css" href="../general/style.css">
<link rel="icon" type="image/png" href="../logo.png">
<script src="logo-color.d/script.js"></script>
</head><body>

<table><tr>
  <td><img src="../general/eworm-meadow.avif" alt="eworm on meadow" /></td>
  <td><img src="../general/qr-code.png" alt="QR code: rsc.eworm.de" /></td>
  <td class="head"><span class="top">RouterOS Scripts</span><br />
    <span class="bottom">a collection of scripts for MikroTik RouterOS</span></td>
</tr></table>
<hr />

<h1>Logo Color Changer</h1>

<!-- badges here //-->

<p><a href="../README.md">⬅️ Go back to main README</a></p>

<blockquote style="/* display */"><p>💡️ <strong>Hint</strong>: This site or links
on it may be broken on code hosting sites. Use
<a href="https://rsc.eworm.de/main/contrib/logo-color.html">Logo Color Changer</a>
instead.</p></blockquote>

<p>You want the logo for your own notifications? But you joined the
<a href="https://t.me/routeros_scripts">Telegram Group</a> and want
something that differentiates? Color it!</p>

<embed class="logo" src="../logo.svg" width="192" height="192" type="image/svg+xml">

<p>Select the colors here:
<input id="color1" type="color" value="#222222" onchange="color();">
<input id="color2" type="color" value="#444444" onchange="color();">
<input id="color3" type="color" value="#ffffff" onchange="color();"></p>

<p>Then right-click, click "<i>Take Screenshot</i>" and finally select the
logo and download it.</p>

<p><img src="logo-color.d/browser-01.avif" alt="Screenshot Browser 01"></p>
<p><img src="logo-color.d/browser-02.avif" alt="Screenshot Browser 02"></p>
<p><img src="logo-color.d/browser-03.avif" alt="Screenshot Browser 03"></p>

<p>(This example is with
<a href="https://www.mozilla.org/de/firefox/new/">Firefox</a>. The workflow
for other browsers may differ.)</p>

<p>See how to
<a href="../doc/mod/notification-telegram.md#set-a-profile-photo">Set
a profile photo</a> for your Telegram bot.</p>

<hr />

<p><a href="../README.md">⬅️ Go back to main README</a><br/>
<a href="#top">⬆️ Go back to top</a></p>

<p class="foot">Copyright &copy; 2013-2025 Christian Hesse &lt;mail@eworm.de&gt;</p>

</body></html>