Skip to content

Commit dc1df43

Browse files
committed
Released SketchApp Plugin - CoolHue 2.0.0
1 parent c2177d2 commit dc1df43

File tree

9 files changed

+2676
-0
lines changed

9 files changed

+2676
-0
lines changed

appcast.xml

+13
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,13 @@
1+
<?xml version="1.0" encoding="utf-8"?>
2+
<rss version="2.0" xmlns:sparkle="http://www.andymatuschak.org/xml-namespaces/sparkle" xmlns:dc="http://purl.org/dc/elements/1.1/">
3+
<channel>
4+
<title>CoolHue - Sketch Plugin</title>
5+
<link>https://raw.githubusercontent.com/webkul/coolhue/master/appcast.xml</link>
6+
<description>Coolest Gradient Hues and Swatches</description>
7+
<language>en</language>
8+
<item>
9+
<title>Version 2.0.0</title>
10+
<enclosure url="https://github.com/webkul/webkul/releases/download/v1.0.1/coolhue.sketchplugin.zip" sparkle:version="2.0.0"/>
11+
</item>
12+
</channel>
13+
</rss>
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,32 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
4+
<head>
5+
<meta charset="UTF-8">
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7+
<meta http-equiv="X-UA-Compatible" content="ie=edge">
8+
<title>View</title>
9+
<link rel="stylesheet" href="../core/assets/style.css?1.0.1" type="text/css">
10+
<script type="text/javascript" src="../core/assets/script.min.js?1.0.1"></script>
11+
</head>
12+
13+
<body>
14+
<!-- Paper -->
15+
<div class="wrapper" id="paint"></div>
16+
<!-- //Paper -->
17+
18+
<!-- Bar -->
19+
<div class="controller">
20+
<div class="grd">
21+
<div class="grd-lt">
22+
<h2 class="cl-title">CoolHue v2.0.0</h2>
23+
</div>
24+
<div class="grd-rt">
25+
<span class="cl-theme"></span>
26+
</div>
27+
</div>
28+
</div>
29+
<!-- //Bar -->
30+
</body>
31+
32+
</html>

distro/CoolHue.sketchplugin/Contents/Resources/core/assets/script.min.js

+1
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,125 @@
1+
::-webkit-scrollbar {
2+
width: 4px;
3+
}
4+
5+
body .wrapper::-webkit-scrollbar-track {
6+
background: #F2F2F2;
7+
}
8+
9+
body .wrapper::-webkit-scrollbar-thumb {
10+
background: #D7DDE4;
11+
}
12+
13+
body.dark .wrapper::-webkit-scrollbar-track {
14+
background: #2c293a;
15+
}
16+
17+
body.dark .wrapper::-webkit-scrollbar-thumb {
18+
background: #444059;
19+
}
20+
21+
* {
22+
box-sizing: border-box;
23+
-webkit-user-select: none;
24+
}
25+
26+
html {
27+
height: 100%;
28+
}
29+
30+
body {
31+
background: #FFFFFF;
32+
color: #282828;
33+
font-family: -apple-system, system-ui, sans-serif;
34+
margin: 0;
35+
height: 100%;
36+
}
37+
38+
.wrapper {
39+
position: fixed;
40+
left: 0;
41+
right: 0;
42+
top: 0;
43+
bottom: 40px;
44+
padding: 4px;
45+
text-align: center;
46+
overflow: auto;
47+
}
48+
49+
.controller {
50+
z-index: 5;
51+
border-top: solid 1px #D7DDE4;
52+
position: fixed;
53+
height: 40px;
54+
left: 0;
55+
right: 0;
56+
bottom: 0;
57+
}
58+
59+
.brick {
60+
width: 32px;
61+
height: 32px;
62+
display: inline-block;
63+
margin: 4px;
64+
border-radius: 3px;
65+
box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1), 0px 1px 5px 0px rgba(0, 0, 0, 0.05);
66+
}
67+
.brick:active{
68+
opacity: .85;
69+
}
70+
71+
.grd {
72+
display: block;
73+
padding: 10px;
74+
font-size: 0;
75+
}
76+
77+
.grd-lt,
78+
.grd-rt {
79+
display: inline-block;
80+
vertical-align: middle;
81+
}
82+
83+
.grd-lt {
84+
text-align: left;
85+
width: 70%;
86+
}
87+
88+
.grd-rt {
89+
text-align: right;
90+
width: 30%;
91+
}
92+
93+
.grd-lt h2.cl-title {
94+
margin: 0;
95+
padding: 0;
96+
font-size: 14px;
97+
color: #8e92a1;
98+
font-weight: normal;
99+
cursor: default;
100+
}
101+
102+
.grd-rt .cl-theme {
103+
width: 18px;
104+
height: 18px;
105+
display: inline-block;
106+
vertical-align: middle;
107+
background-image: url("../images/sprite.png");
108+
background-position: left center;
109+
}
110+
111+
body.dark {
112+
background: #343141;
113+
}
114+
115+
body.dark .controller {
116+
border-top-color: #444059;
117+
}
118+
119+
body.dark .grd-lt h2.cl-title {
120+
color: #84818e;
121+
}
122+
123+
body.dark .grd-rt .cl-theme {
124+
background-position: right center;
125+
}
Loading
Loading

0 commit comments

Comments
 (0)