abe33 / abe33/atom-project-palette-finder

tint and shade function results are reverse of what they should be.

オープン 初心者向け
#37 コメント 2 件 リアクション 0 件 担当者 0 名 GitHub で見る
主要言語
CoffeeScript
スター
10
フォーク
0
PR マージ指標
30日以内にマージされた PR はありません

説明

I have these 2 color functions:

```
@function tint($color, $percentage) { @return mix($color, #fff, $percentage); }
@function shade($color, $percentage) { @return mix($color, #000, $percentage); }
```

They take a color and mix it with white or black, respectively.
used as `$mycolor: tint(#0072b8, 10%);`

This should be a very light blue, 10% blue and 90% white. It looks right when used in the CSS/HTML.
But it shows as the reverse -- 90% blue, 10% white!
![screen shot 2015-03-10 at 1 46 06 pm](https://cloud.githubusercontent.com/assets/835148/6581204/cf6df896-c72b-11e4-8e43-2c81e894874e.png)

If I tried the reverse `$mycolor: tint(#0072b8, 90%);` it looks very light in your preview, but shows up the opposite in the css.

コントリビューションガイド

このリポジトリのコントリビューションガイドは索引されていません

調査の方向性

Look at the code that handles Sass/SCSS color functions, likely in a file parsing colors from stylesheets. The issue is that the tint and shade functions are displaying the mixed color incorrectly in the preview. Start by finding where these functions are evaluated or displayed, compare the expected mix ratio with the actual output, and adjust the calculation or display logic. Check the CSS output to confirm the fix matches the intended color.

索引モデルが issue の本文から書いたものです。

評価

技術スタック
sass
領域
devtools
issue の種類
バグ
難易度
2/5
見積もり時間
1〜3時間
活発さ
停滞
明瞭さ
明確に書かれている
初心者へのやさしさ
65/100

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。