Default colours and overall look

damo · 2015-03-02 12:07:39

On the velvet-noise wallpaper and conky thread:

smacz wrote:

johnraff wrote:
The conky colours/shades are going to have to be adjusted to match the final choice of default wallpaper I'd say.
I would extend that statement to include one other factor. If the conky colors/shades are to be constrained to within certain limits based on the wallpaper, might they also be reflective of the overall theme itself and use one of the hex color values that is specified in the overarching theme already?

On that point, I think the suggestion up to now is for a Crunchbangy grey look, hence the velvet-noise background being popular. So it makes sense to have compatible but contrasting hex colours for a conky to match.

However, I like the idea of a dash of colour - for example a blue-ish velvet-noise with a corresponding conky colour. Does it make sense to come up with some colour palettes? A set of "recommended bunsenlabs hex values"? A greyscale overall look could still benefit from some colour highlights.

If we decide on, say, 10 default wallpapers to include in the distro, it would be easy enough to have 10 matching conky's (identical except for the text colours) for users to pick from. I know it is dead easy to edit a basic conky, but that approach might add to the impression of a carefully thought-out distro.

And also on that thread

nore wrote:

If default wallpaper and OB/GTK themes are going to be all or nearly grayscale, how about matching conky colors with a terminal colourscheme? Thin characters against gray wall are not going to sting your eye in low saturation colour.

Again, the powerusers will be happy sorting out their own terminal schemes, but a set of profiles to include for terminator might be an idea.

pvsage · 2015-03-02 13:04:15

Someone mentioned the idea of color matching BunsenLabs artwork to the Debian release colors, and I like the BunsenLabs Lines examples posted recently. (I don't know what that would mean for our artwork if Debian decided to go cartoony again like they did with Spacefun. )

freistil · 2015-03-02 13:57:03

pvsage has a good point, it might be better not directly track them. You can of course orientate yourself on them, but you never now what they want to do. No cartoonish stuff on default.

We can go with grey for first release! Maybe choose something more modern as a font (open sans for exampe) and then more or less keep the #! look (grey-ish) for the beginning?

damo · 2015-03-02 14:32:54

I've just found out how to export hex values from a GIMP colour palette as a text file.

Any use to anyone?

damo · 2015-03-02 14:34:14

freistil wrote:

...Maybe choose something more modern as a font (open sans for exampe)...

That's what I've been using for the BunsenLabs artwork so far

nore · 2015-03-02 15:03:17

Somebody remember Rhowaldt's palleter-script? I did not find it in BBQ forums any more, but it is still at least in fog's blog:
https://irenegr.wordpress.com/2013/11/0 … -you-like/

damo · 2015-03-02 15:17:41

nore wrote:

Somebody remember Rhowaldt's palleter-script? I did not find it in BBQ forums any more, but it is still at least in fog's blog:
https://irenegr.wordpress.com/2013/11/0 … -you-like/

Good find Imagemagick has a HUGE number of abilities!

The script needs some work, but it could make a very useful utility. It would be good to add some error-checking, choose number of colours wanted, formatting, output to file etc

(Another project to add to the list.... ]

Sector11 · 2015-03-02 15:38:11

doesn't work for me.

I use a text list I found someplace a long time ago:

Hex     Decimal     colours
code    code        HTML name

 Red colors
CD5C5C #205  92  92 IndianRed
F08080 #240 128 128 LightCoral
FA8072 #250 128 114 Salmon
E9967A #233 150 122 DarkSalmon
FFA07A #255 160 122 LightSalmon
DC143C #220  20  60 Crimson
FF0000 #255   0   0 Red
B22222 #178  34  34 FireBrick
8B0000 #139   0   0 DarkRed

 Pink colors
FFC0CB #255 192 203 Pink
FFB6C1 #255 182 193 LightPink
FF69B4 #255 105 180 HotPink
FF1493 #255  20 147 DeepPink
C71585 #199  21 133 MediumVioletRed
DB7093 #219 112 147 PaleVioletRed

 Orange colors
FFA07A #255 160 122 LightSalmon
FF7F50 #255 127  80 Coral
FF6347 #255  99  71 Tomato
FF4500 #255  69   0 OrangeRed
FF8C00 #255 140   0 DarkOrange
FFA500 #255 165   0 Orange

 Yellow colors
FFD700 #255 215   0 Gold
FFFF00 #255 255   0 Yellow
FFFFE0 #255 255 224 LightYellow
FFFACD #255 250 205 LemonChiffon
FAFAD2 #250 250 210 LightGoldenrodYellow
FFEFD5 #255 239 213 PapayaWhip
FFE4B5 #255 228 181 Moccasin
FFDAB9 #255 218 185 PeachPuff
EEE8AA #238 232 170 PaleGoldenrod
F0E68C #240 230 140 Khaki
BDB76B #189 183 107 DarkKhaki

 Purple colors
E6E6FA #230 230 250 Lavender
D8BFD8 #216 191 216 Thistle
DDA0DD #221 160 221 Plum
EE82EE #238 130 238 Violet
DA70D6 #218 112 214 Orchid
FF00FF #255   0 255 Fuchsia
FF00FF #255   0 255 Magenta
BA55D3 #186  85 211 MediumOrchid
9370DB #147 112 219 MediumPurple
8A2BE2 #138  43 226 BlueViolet
9400D3 #148   0 211 DarkViolet
9932CC #153  50 204 DarkOrchid
8B008B #139   0 139 DarkMagenta
800080 #128   0 128 Purple
4B0082 # 75   0 130 Indigo
6A5ACD #106  90 205 SlateBlue
483D8B # 72  61 139 DarkSlateBlue
7B68EE #123 104 238 MediumSlateBlue

 Green colors
ADFF2F #173 255  47 GreenYellow
7FFF00 #127 255   0 Chartreuse
7CFC00 #124 252   0 LawnGreen
00FF00 #  0 255   0 Lime
32CD32 # 50 205  50 LimeGreen
98FB98 #152 251 152 PaleGreen
90EE90 #144 238 144 LightGreen
00FA9A #  0 250 154 MediumSpringGreen
00FF7F #  0 255 127 SpringGreen
3CB371 # 60 179 113 MediumSeaGreen
2E8B57 # 46 139  87 SeaGreen
228B22 # 34 139  34 ForestGreen
008000 #  0 128   0 Green
006400 #  0 100   0 DarkGreen
9ACD32 #154 205  50 YellowGreen
6B8E23 #107 142  35 OliveDrab
808000 #128 128   0 Olive
556B2F # 85 107  47 DarkOliveGreen
66CDAA #102 205 170 MediumAquamarine
8FBC8F #143 188 143 DarkSeaGreen
20B2AA # 32 178 170 LightSeaGreen
008B8B #  0 139 139 DarkCyan
008080 #  0 128 128 Teal

 Blue/Cyan colors
00FFFF #  0 255 255 Aqua
00FFFF #  0 255 255 Cyan
E0FFFF #224 255 255 LightCyan
AFEEEE #175 238 238 PaleTurquoise
7FFFD4 #127 255 212 Aquamarine
40E0D0 # 64 224 208 Turquoise
48D1CC # 72 209 204 MediumTurquoise
00CED1 #  0 206 209 DarkTurquoise
5F9EA0 # 95 158 160 CadetBlue
4682B4 # 70 130 180 SteelBlue
B0C4DE #176 196 222 LightSteelBlue
B0E0E6 #176 224 230 PowderBlue
ADD8E6 #173 216 230 LightBlue
87CEEB #135 206 235 SkyBlue
87CEFA #135 206 250 LightSkyBlue
00BFFF #  0 191 255 DeepSkyBlue
1E90FF # 30 144 255 DodgerBlue
6495ED #100 149 237 CornflowerBlue
7B68EE #123 104 238 MediumSlateBlue
4169E1 # 65 105 225 RoyalBlue
0000FF #  0   0 255 Blue
0000CD #  0   0 205 MediumBlue
00008B #  0   0 139 DarkBlue
000080 #  0   0 128 Navy
191970 # 25  25 112 MidnightBlue

 Brown colors
FFF8DC #255 248 220 Cornsilk
FFEBCD #255 235 205 BlanchedAlmond
FFE4C4 #255 228 196 Bisque
FFDEAD #255 222 173 NavajoWhite
F5DEB3 #245 222 179 Wheat
DEB887 #222 184 135 BurlyWood
D2B48C #210 180 140 Tan
BC8F8F #188 143 143 RosyBrown
F4A460 #244 164  96 SandyBrown
DAA520 #218 165  32 Goldenrod
B8860B #184 134  11 DarkGoldenrod
CD853F #205 133  63 Peru
D2691E #210 105  30 Chocolate
8B4513 #139  69  19 SaddleBrown
A0522D #160  82  45 Sienna
A52A2A #165  42  42 Brown
800000 #128   0   0 Maroon

 White colors
FFFFFF #255 255 255 White
FFFAFA #255 250 250 Snow
F0FFF0 #240 255 240 Honeydew
F5FFFA #245 255 250 MintCream
F0FFFF #240 255 255 Azure
F0F8FF #240 248 255 AliceBlue
F8F8FF #248 248 255 GhostWhite
F5F5F5 #245 245 245 WhiteSmoke
FFF5EE #255 245 238 Seashell
F5F5DC #245 245 220 Beige
FDF5E6 #253 245 230 OldLace
FFFAF0 #255 250 240 FloralWhite
FFFFF0 #255 255 240 Ivory
FAEBD7 #250 235 215 AntiqueWhite
FAF0E6 #250 240 230 Linen
FFF0F5 #255 240 245 LavenderBlush
FFE4E1 #255 228 225 MistyRose

 Gray colors
DCDCDC #220 220 220 Gainsboro
D3D3D3 #211 211 211 LightGrey
C0C0C0 #192 192 192 Silver
A9A9A9 #169 169 169 DarkGray
808080 #128 128 128 Gray
696969 #105 105 105 DimGray
778899 #119 136 153 LightSlateGray
708090 #112 128 144 SlateGray
2F4F4F # 47  79  79 DarkSlateGray
000000 #  0   0   0 Black

nore · 2015-03-02 15:53:16

Sector11 wrote:

doesn't work for me.

??
Just tried it a minute ago.

Save it. Remove the last line (Why clear? Replace it with echo.)
Make it executable.

Run by name only accompanied by image name, like this:

$ bin/palleter.sh Kuvat/spiralgalaxy.jpg
#161C20:#1B252A:#1C3648:#2B2F35:#343946:#364753:#493F3F:#4E4B4F:#656D91:#6A5D63:#6B8BBE:#90778C:#926F67:#9F6336:#B89BA5:#B98C6F

Last edited by nore (2015-03-02 16:22:09)

Sector11 · 2015-03-02 16:31:12

OK, that worked ...

 02 Mar 15 | 13:29:26 ~
    $ colorpal /home/sector11/images/evileye.jpg
#080200:#2D0C01:#3A230E:#4C1703:#582406:#661C02:#6F2905:#754710:#8B3506:#9C510F:#A73906:#B04E0A:#C7370A:#E36611:#F29720:#F6DD3E
 
 02 Mar 15 | 13:29:56 ~
    $

Thanks.

tknomanzr · 2015-03-02 18:25:30

damo wrote:

I've just found out how to export hex values from a GIMP colour palette as a text file.
Any use to anyone?

Probably. I use .ase files through Adobe all the time. Nice to see a function similar to that in Gimp. Saves a lot of time color matching.

johnraff · 2015-03-02 23:31:47

The Waldorf grey look is certainly very easy on the eye, and would reassure nervous ex-crunchbangers that they're close to home. OTOH, a slight change would show that Bunsen isn't just a Waldorf clone...

I'm personally very happy to leave this stuff in your hands, graphics-aware people - everything that's been posted recently looks great!

damo · 2015-03-03 00:17:36

johnraff wrote:

The Waldorf grey look is certainly very easy on the eye, and would reassure nervous ex-crunchbangers that they're close to home. OTOH, a slight change would show that Bunsen isn't just a Waldorf clone...

That's exactly my thinking - crunchy but with a visual hint that it is something different. This would be achieved most easily with the banner for the live install (if we go down the iso route), and obviously the default wall, conky and tint2. A monochrome, low saturation background (not necessarily all-grey); maybe a complementary tinted background or border for conky and tint2?

I'm personally very happy to leave this stuff in your hands, graphics-aware people - everything that's been posted recently looks great!

But the more input the better. You will have your name on the product somewhere, whether it is scripts, methods, configs, forum input, so everyone must feel some ownership.

I wouldn't want to be held responsible for producing the BunsenLabs version of debian-joy!

EDIT: That reminds me - we need a Tint2 taskforce team
Seriously though: number of desktops? Launchers? What is in the systray?

Last edited by damo (2015-03-03 00:19:56)

tknomanzr · 2015-03-03 00:40:29

I think you have seen my approach, which was lots of gray with just a bit of blue in the conkies and along the window titles in the OB theme. Crunchy, yet not.

smacz · 2015-03-04 07:45:34

As has been thrown around here several times, one may consider the essence of the #! appearance to be openbox+tint2+conky. As such, I would think that having the exact same colors in gtk+, Terminator, LightDM, GRUB and the desktop features (conky and tint2) would help tie BunsenLabs all together. We could base it off of a set of wallpapers, and make sure that the default colorscheme was adequately pleasing and visible in all of them. If we base it off of the bunsen1 colorscheme we already have the colors to work with and need only apply them accordingly.

There's been some tossing about of a "blue" additive. Keep in mind that there is the amazing solarized colorscheme if it were ever to come to that.

Last edited by smacz (2015-03-04 08:01:50)

pvsage · 2015-03-04 11:38:59

The main reason I was in favor of blue was to tie in with the Jessie artwork, which is a different shade of blue from the teal used in Solarized.

If we want to add a shot of color, how about if each release uses the element's emission spectrum for its gtk/gtk+ highlight color? I'm already looking forward to BunsenLabs 3 - Lithium! ]:D

intoCB · 2015-03-04 16:16:59

The Debian blue is odd because it looks green/tealy but when you put it with the teals, it's definitely on the blue side. Turquoise?

Spacefun is iconic !

tmq · 2015-03-17 21:43:14

Sector 11 strikes again - thanks! I just put this in a text file for future reference.

Sector11 wrote:

I use a text list I found someplace a long time ago:

Hex     Decimal     colours
code    code        HTML name

 Red colors
CD5C5C #205  92  92 IndianRed
F08080 #240 128 128 LightCoral
FA8072 #250 128 114 Salmon
E9967A #233 150 122 DarkSalmon
FFA07A #255 160 122 LightSalmon
DC143C #220  20  60 Crimson
FF0000 #255   0   0 Red
B22222 #178  34  34 FireBrick
8B0000 #139   0   0 DarkRed

 Pink colors
FFC0CB #255 192 203 Pink
FFB6C1 #255 182 193 LightPink
FF69B4 #255 105 180 HotPink
FF1493 #255  20 147 DeepPink
C71585 #199  21 133 MediumVioletRed
DB7093 #219 112 147 PaleVioletRed

 Orange colors
FFA07A #255 160 122 LightSalmon
FF7F50 #255 127  80 Coral
FF6347 #255  99  71 Tomato
FF4500 #255  69   0 OrangeRed
FF8C00 #255 140   0 DarkOrange
FFA500 #255 165   0 Orange

 Yellow colors
FFD700 #255 215   0 Gold
FFFF00 #255 255   0 Yellow
FFFFE0 #255 255 224 LightYellow
FFFACD #255 250 205 LemonChiffon
FAFAD2 #250 250 210 LightGoldenrodYellow
FFEFD5 #255 239 213 PapayaWhip
FFE4B5 #255 228 181 Moccasin
FFDAB9 #255 218 185 PeachPuff
EEE8AA #238 232 170 PaleGoldenrod
F0E68C #240 230 140 Khaki
BDB76B #189 183 107 DarkKhaki

 Purple colors
E6E6FA #230 230 250 Lavender
D8BFD8 #216 191 216 Thistle
DDA0DD #221 160 221 Plum
EE82EE #238 130 238 Violet
DA70D6 #218 112 214 Orchid
FF00FF #255   0 255 Fuchsia
FF00FF #255   0 255 Magenta
BA55D3 #186  85 211 MediumOrchid
9370DB #147 112 219 MediumPurple
8A2BE2 #138  43 226 BlueViolet
9400D3 #148   0 211 DarkViolet
9932CC #153  50 204 DarkOrchid
8B008B #139   0 139 DarkMagenta
800080 #128   0 128 Purple
4B0082 # 75   0 130 Indigo
6A5ACD #106  90 205 SlateBlue
483D8B # 72  61 139 DarkSlateBlue
7B68EE #123 104 238 MediumSlateBlue

 Green colors
ADFF2F #173 255  47 GreenYellow
7FFF00 #127 255   0 Chartreuse
7CFC00 #124 252   0 LawnGreen
00FF00 #  0 255   0 Lime
32CD32 # 50 205  50 LimeGreen
98FB98 #152 251 152 PaleGreen
90EE90 #144 238 144 LightGreen
00FA9A #  0 250 154 MediumSpringGreen
00FF7F #  0 255 127 SpringGreen
3CB371 # 60 179 113 MediumSeaGreen
2E8B57 # 46 139  87 SeaGreen
228B22 # 34 139  34 ForestGreen
008000 #  0 128   0 Green
006400 #  0 100   0 DarkGreen
9ACD32 #154 205  50 YellowGreen
6B8E23 #107 142  35 OliveDrab
808000 #128 128   0 Olive
556B2F # 85 107  47 DarkOliveGreen
66CDAA #102 205 170 MediumAquamarine
8FBC8F #143 188 143 DarkSeaGreen
20B2AA # 32 178 170 LightSeaGreen
008B8B #  0 139 139 DarkCyan
008080 #  0 128 128 Teal

 Blue/Cyan colors
00FFFF #  0 255 255 Aqua
00FFFF #  0 255 255 Cyan
E0FFFF #224 255 255 LightCyan
AFEEEE #175 238 238 PaleTurquoise
7FFFD4 #127 255 212 Aquamarine
40E0D0 # 64 224 208 Turquoise
48D1CC # 72 209 204 MediumTurquoise
00CED1 #  0 206 209 DarkTurquoise
5F9EA0 # 95 158 160 CadetBlue
4682B4 # 70 130 180 SteelBlue
B0C4DE #176 196 222 LightSteelBlue
B0E0E6 #176 224 230 PowderBlue
ADD8E6 #173 216 230 LightBlue
87CEEB #135 206 235 SkyBlue
87CEFA #135 206 250 LightSkyBlue
00BFFF #  0 191 255 DeepSkyBlue
1E90FF # 30 144 255 DodgerBlue
6495ED #100 149 237 CornflowerBlue
7B68EE #123 104 238 MediumSlateBlue
4169E1 # 65 105 225 RoyalBlue
0000FF #  0   0 255 Blue
0000CD #  0   0 205 MediumBlue
00008B #  0   0 139 DarkBlue
000080 #  0   0 128 Navy
191970 # 25  25 112 MidnightBlue

 Brown colors
FFF8DC #255 248 220 Cornsilk
FFEBCD #255 235 205 BlanchedAlmond
FFE4C4 #255 228 196 Bisque
FFDEAD #255 222 173 NavajoWhite
F5DEB3 #245 222 179 Wheat
DEB887 #222 184 135 BurlyWood
D2B48C #210 180 140 Tan
BC8F8F #188 143 143 RosyBrown
F4A460 #244 164  96 SandyBrown
DAA520 #218 165  32 Goldenrod
B8860B #184 134  11 DarkGoldenrod
CD853F #205 133  63 Peru
D2691E #210 105  30 Chocolate
8B4513 #139  69  19 SaddleBrown
A0522D #160  82  45 Sienna
A52A2A #165  42  42 Brown
800000 #128   0   0 Maroon

 White colors
FFFFFF #255 255 255 White
FFFAFA #255 250 250 Snow
F0FFF0 #240 255 240 Honeydew
F5FFFA #245 255 250 MintCream
F0FFFF #240 255 255 Azure
F0F8FF #240 248 255 AliceBlue
F8F8FF #248 248 255 GhostWhite
F5F5F5 #245 245 245 WhiteSmoke
FFF5EE #255 245 238 Seashell
F5F5DC #245 245 220 Beige
FDF5E6 #253 245 230 OldLace
FFFAF0 #255 250 240 FloralWhite
FFFFF0 #255 255 240 Ivory
FAEBD7 #250 235 215 AntiqueWhite
FAF0E6 #250 240 230 Linen
FFF0F5 #255 240 245 LavenderBlush
FFE4E1 #255 228 225 MistyRose

 Gray colors
DCDCDC #220 220 220 Gainsboro
D3D3D3 #211 211 211 LightGrey
C0C0C0 #192 192 192 Silver
A9A9A9 #169 169 169 DarkGray
808080 #128 128 128 Gray
696969 #105 105 105 DimGray
778899 #119 136 153 LightSlateGray
708090 #112 128 144 SlateGray
2F4F4F # 47  79  79 DarkSlateGray
000000 #  0   0   0 Black

tmq · 2015-03-17 22:16:45

damo wrote:

That's exactly my thinking - crunchy but with a visual hint that it is something different. This would be achieved most easily with the banner for the live install (if we go down the iso route), and obviously the default wall, conky and tint2. A monochrome, low saturation background (not necessarily all-grey); maybe a complementary tinted background or border for conky and tint2?

Might I hazard to suggest a two step color/theme evolution? With the *first* Brunsen Labs release, pursue only a few small color/theme changes. For example, a nice calm grey-blue Brunsen Labs wallpaper, an ob theme to match, and a simple conky with a few grey-blue highlights (maybe add the time to conky too). You could throw in a traditional conky layout (.trad-conkyrc) for traditionalists. These changes would point to a new yet familiar OS. Subsequent releases would deviate a bit more.

Hopefully Brunsen will be a really nice community distro.

Sector11 · 2015-03-17 22:18:14

tmq wrote:

Sector 11 strikes again - thanks! I just put this in a text file for future reference.

Glad you like it.
Maybe I'll rip open my /media/5/Conky/Tips-n-Tricks/ directory and strike again with some useless info some day.

arimane · 2015-03-21 08:32:06

Just my two cents as a common user: one of the things that really had a catch on me from the very first time I tried #! was the grey/black minimalistic approach, and I think many consider that as a brandmark.
Of course it matters relatively, since it's even more "crunchy" to customize everything so any color may not last long, but would be easier to feel BL as a continuation of CB if the color as kept as they are.

Thanks to anyone who is currently working on it!

ohnonot · 2015-03-21 10:37:06

arimane wrote:

Just my two cents as a common user: one of the things that really had a catch on me from the very first time I tried #! was the grey/black minimalistic approach, and I think many consider that as a brandmark.

I wanted to post exactly this.
once you start using it it doesn't matter so much, but it has a big impact when you're browsing, say, distrowatch...
it's a statement, it's recognizable, it says "minimalistic".
btw the latest #! design was really just 50 shades of grey, no black.
I'd like to keep it that way; not everyone likes blue as highlight.

that said, it would be nice to have some featured semi-automatic customization, maybe like the post-installation cb-welcome script had.

ps: big thanks for unearthing this.

CrunchBang Linux

SEARCH

#1 2015-03-02 12:07:39

Default colours and overall look

#2 2015-03-02 13:04:15

Re: Default colours and overall look

#3 2015-03-02 13:57:03

Re: Default colours and overall look

#4 2015-03-02 14:32:54

Re: Default colours and overall look

#5 2015-03-02 14:34:14

Re: Default colours and overall look

#6 2015-03-02 15:03:17

Re: Default colours and overall look

#7 2015-03-02 15:17:41

Re: Default colours and overall look

#8 2015-03-02 15:38:11

Re: Default colours and overall look

#9 2015-03-02 15:53:16

Re: Default colours and overall look

#10 2015-03-02 16:31:12

Re: Default colours and overall look

#11 2015-03-02 18:25:30

Re: Default colours and overall look

#12 2015-03-02 23:31:47

Re: Default colours and overall look

#13 2015-03-03 00:17:36

Re: Default colours and overall look

#14 2015-03-03 00:40:29

Re: Default colours and overall look

#15 2015-03-04 07:45:34

Re: Default colours and overall look

#16 2015-03-04 11:38:59

Re: Default colours and overall look

#17 2015-03-04 16:16:59

Re: Default colours and overall look

#18 2015-03-17 21:43:14

Re: Default colours and overall look

#19 2015-03-17 22:16:45

Re: Default colours and overall look

#20 2015-03-17 22:18:14

Re: Default colours and overall look

#21 2015-03-21 08:32:06

Re: Default colours and overall look

#22 2015-03-21 10:37:06

Re: Default colours and overall look

Board footer