How to use the dim function from chalk

Find comprehensive JavaScript chalk.dim code examples handpicked from public code repositorys.

4
5
6
7
8
9
10
11
12
13
module.exports.successStyle = chalk.green
module.exports.warningStyle = chalk.yellow
module.exports.errorStyle = chalk.red
module.exports.highlightStyle = chalk.cyan
module.exports.headingStyle = chalk.cyan.bold
module.exports.codeStyle = chalk.dim
module.exports.pathStyle = chalk.cyan.underline
module.exports.pathTextStyle = chalk.blue
module.exports.blockQuoteStyle = chalk.magenta.italic
module.exports.htmlStyle = chalk.green
fork icon60
star icon301
watch icon72

125
126
127
128
129
130
131
132
133
134
    ? chalk.green.bgGreen(DARK_BLOCK_CHAR.repeat(filledBar)) +
      chalk.bgWhite.white(
        LIGHT_BLOCK_CHAR.repeat(MAX_PROGRESS_BAR_CHAR_WIDTH - filledBar),
      ) +
      chalk.bold(` ${(100 * ratio).toFixed(1)}% `) +
      chalk.dim(`(${transformedFileCount}/${totalFileCount})`)
    : '';

return (
  bundleTypeColor.inverse.bold(` ${bundleType.toUpperCase()} `) +
fork icon623
star icon0
watch icon98

42
43
44
45
46
47
48
49
50
51
        console.log(chalk.dim(`Loading ${instances} instances...`));
        console.log('');
}

info(instance, tab, message) {
        if (this.showLogs) console.log(chalk.bgBlackBright.white(` Instance ${instance}_${tab} `), chalk.dim(message));
}

error(instance, error) {
        if (this.showLogs) console.log(chalk.bgRed.white(` Instance ${instance}`), error);
fork icon15
star icon70
watch icon9

18
19
20
21
22
23
24
25
26
27
28
29
  borderColor: 'yellow',
  borderStyle: 'round',
};


const getUpdateMessage = (newVersion, currentVersion) => {
  const currentVersionLog = chalk.dim(currentVersion);
  const newVersionLog = chalk.green(newVersion);
  const releaseLink = chalk.bold('https://github.com/strapi/strapi/releases');


  return `
fork icon0
star icon1
watch icon0

13
14
15
16
17
18
19
20
21
22
23
  list.sort();
  list.forEach((item) => console.log(chalk.grey(item)));
};
// console.log das opcoes disponivel
let option = "";
console.log(chalk.blue("Digite") + chalk.dim(" a Palavra para Adicionar"));
console.log(chalk.yellow("Lista") + chalk.dim(" para exibir a lista ordenada"));
console.log(chalk.red("Sair") + chalk.dim(" para finalizar e exibir a Lista"));


// loop para leitura das entradas e condicoes para enquanto for diferente de sair
fork icon1
star icon0
watch icon0

+ 2 other calls in file

36
37
38
39
40
41
42
43
44
45
    : this.getFiniteLines(lines, active, pageSize);
  this.lastIndex = active;
  return (
    visibleLines.join('\n') +
    '\n' +
    chalk.dim('(Move up and down to reveal more choices)')
  );
}

getInfiniteLines(lines, active, pageSize) {
fork icon0
star icon0
watch icon1

85
86
87
88
89
90
91
92
93
94
render() {
  // Render question
  var message = this.getQuestion();

  if (this.firstRender) {
    message += chalk.dim('(Use arrow keys)');
  }

  // Render choices or answer depending on the state
  if (this.status === 'answered') {
fork icon0
star icon0
watch icon1

367
368
369
370
371
372
373
374
375
376
case "dep_graph_loading":
  // IMPORTANT: Keep this in sync with `nuclide-metro-rpc/lib/parseMessages.tsx`
  const color = event.hasReducedPerformance ? chalk.red : chalk.blue;
  this.terminal.log(
    color.bold("                 Welcome to React Native!\n") +
      chalk.dim("                Learn once, write anywhere\n\n")
  );

  if (event.hasReducedPerformance) {
    this.terminal.log(
fork icon0
star icon0
watch icon1

+ 7 other calls in file

77
78
79
80
81
82
83
84
85
86
}
if (process.env.NODE_ENV !== 'production') {
    return Math.floor(Math.random() * 100);
}
if (data.page.url === undefined) {
    console.log(Chalk.red(`No URL for: `) + Chalk.dim(data.title));
    return 0;
}
const originalUrl = data.page.url;
const originalDate = data.page.date;
fork icon0
star icon0
watch icon1

+ 3 other calls in file

49
50
51
52
53
54
55
56
57
    var rightPadding = ' '.repeat(longestSizeLabelLength - sizeLabel.length);
    sizeLabel += rightPadding;
  }
  console.log(
    '  ' + chalk.green(sizeLabel) +
    '  ' + chalk.dim(asset.folder + path.sep) + chalk.cyan(asset.name)
  );
});
console.log();
fork icon0
star icon0
watch icon0

162
163
164
165
166
167
168
169
170
171
  console.log('  ' + chalk.cyan('npm') +  ' install --save-dev gh-pages');
}
console.log();
console.log('Add the following script in your ' + chalk.cyan('package.json') + '.');
console.log();
console.log('    ' + chalk.dim('// ...'));
console.log('    ' + chalk.yellow('"scripts"') + ': {');
console.log('      ' + chalk.dim('// ...'));
console.log('      ' + chalk.yellow('"deploy"') + ': ' + chalk.yellow('"npm run build&&gh-pages -d build"'));
console.log('    }');
fork icon0
star icon0
watch icon0

+ 2 other calls in file

28
29
30
31
32
33
34
35
36
37
38
39
  });
  return filteredParams;
};


// Enable console output of SQL queries.
const headerMessage = chalk.dim.italic;
const infoMessage = chalk.yellow;


postgres.on('query', (query) => {
  console.log(
fork icon0
star icon0
watch icon0

5
6
7
8
9
10
11
12
13
14
  chalk.yellow('Warning: ') +
    chalk.cyan('carbon-components') +
    " will soon be deprecated and no longer receive updates. We recommend to move to it's replacement, " +
    chalk.cyan('@carbon/styles') +
    '  at your earliest convenience. Please visit ' +
    chalk.dim.underline.italic(
      'https://github.com/carbon-design-system/carbon/discussions/12179'
    ) +
    ' for more information on the package strategy, deprecation, and plan of action.'
);
fork icon0
star icon0
watch icon84

+ 3 other calls in file