mirror_html/tabler-icons
1
0
Fork 0
mirror of https://github.com/tabler/tabler-icons.git synced 2025-09-03 02:42:55 +02:00
Code Issues Releases Wiki Activity

generate dark version of generated icons

Browse Source
This commit is contained in:
codecalm
2022-09-23 22:16:58 +02:00
parent 442ca1d7a5
commit 1d5893559f
4 changed files with 8231 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
.github/icons-dark.png vendored Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 88 KiB

8218
.github/icons-dark.svg vendored Normal file
View File

File diff suppressed because it is too large Load Diff
Side by Side

After

Width:  |  Height:  |  Size: 1.4 MiB

BIN
.github/icons-dark@2x.png vendored Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 300 KiB

16
gulpfile.js
View File

@@ -164,7 +164,11 @@ const printChangelog = function(newIcons, modifiedIcons, renamedIcons, pretty =
}
}
const generateIconsPreview = function(files, destFile, cb, columnsCount = 19, paddingOuter = 7) {
const generateIconsPreview = function(files, destFile, cb, {
columnsCount = 19,
paddingOuter = 7,
color = '#354052'
} = {}) {
const padding = 20,
iconSize = 24
@@ -201,7 +205,7 @@ const generateIconsPreview = function(files, destFile, cb, columnsCount = 19, pa
}
})
const svgContent = `<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 ${width} ${height}" width="${width}" height="${height}" style="color: #354052"><rect x="0" y="0" width="${width}" height="${height}" fill="#fff"></rect>\n${svgContentSymbols}\n${svgContentIcons}\n</svg>`
const svgContent = `<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 ${width} ${height}" width="${width}" height="${height}" style="color: ${color}"><rect x="0" y="0" width="${width}" height="${height}" fill="#fff"></rect>\n${svgContentSymbols}\n${svgContentIcons}\n</svg>`
fs.writeFileSync(destFile, svgContent)
createScreenshot(destFile)
@@ -446,6 +450,9 @@ gulp.task('icons-sprite', (cb) => {
gulp.task('icons-preview', (cb) => {
glob('icons/*.svg', {}, function(er, files) {
generateIconsPreview(files, '.github/icons.svg', cb)
generateIconsPreview(files, '.github/icons-dark.svg', cb, {
color: '#ffffff'
})
})
})
@@ -627,7 +634,10 @@ gulp.task('changelog-image', (cb) => {
})
if (newIcons.length > 0) {
generateIconsPreview(newIcons, `.github/tabler-icons-${newVersion}.svg`, cb, 6, 24)
generateIconsPreview(newIcons, `.github/tabler-icons-${newVersion}.svg`, cb, {
columnsCount: 6,
paddingOuter: 24
})
} else {
cb()
}