PDA

View Full Version : Ubuntu Human theme for extjs



momarf
30 Sep 2009, 11:29 PM
Hi,

I have modified the default theme to create ubuntu human theme for extjs. I am not an expert, if you guys can have a look at it and let me know where I can improve. I think images are not optimised. So any feedback and suggessions to improve it.

Cheers
Omar

Remy
1 Oct 2009, 12:12 AM
That's very nice indeed, thanks for sharing.

Dig4Fire
1 Oct 2009, 3:52 AM
Cool!

wemerson.januario
1 Oct 2009, 8:08 AM
very nice work, How about kubuntu? hehehe. Thanks

ilia000
1 Oct 2009, 8:52 PM
Man, that is great! Thanks!

makana
1 Oct 2009, 9:09 PM
That's really nice and clean! Thanks for sharing and keep up the great work!

jay@moduscreate.com
2 Oct 2009, 4:00 AM
excellent. Thank you.

VinylFox
2 Oct 2009, 4:32 AM
Excellent work.

Foggy
6 Oct 2009, 4:15 AM
Looks hot and I'm really a ubuntu fan, thanks for your work :)

VinylFox
6 Oct 2009, 4:46 AM
I would lighten up the grid row borders just a touch, as they are a bit overwhelming.

On the left is the original color: #a29587;
On the right is my suggested color: #C9BDB0

http://content.screencast.com/users/VinylFox/folders/Jing/media/ecb958dc-5e18-4271-9370-7baa57480790/2009-10-06_0838.png


.x-grid3-row {
border-color: #C9BDB0;
border-top-style: none !important;
}

jackjia
7 Oct 2009, 5:27 AM
Cool. I was looking for this for a long time. Thanks=D>=D>=D>

chandru.samp
7 Oct 2009, 6:02 AM
I am a big fan on UBUNTU.....


=D>=D>=D>=D>
Cheers!!!!

momarf
7 Oct 2009, 10:32 AM
Thankx vinylFox,

I tried my best to use the origional colors. But i think i have overlooked some stuff. I have fixed some more stuff in it. Will post it including you color suggessions.

Cheers,
Omar

VinylFox
8 Oct 2009, 7:03 AM
One more thing I noticed, the ghost panel (drag proxy) for the window is still blue.

Adding these two styles made it match the theme colors:

.x-panel-ghost {
background-color:#EFEBE7;
}

.x-panel-ghost ul {
border-color:#3D3A38;
}

VinylFox
8 Oct 2009, 7:15 AM
Sorry, found one more...grouped grid headers still had a blue line.


.x-grid-group-hd {
border-bottom-color:#C9BDB0;
}

dawesi
11 Oct 2009, 8:36 PM
sweet.

aconran
11 Oct 2009, 8:52 PM
Wow; this is quite refreshing after seeing the same old themes over and over again!

mschwartz
12 Oct 2009, 5:46 AM
Wow; this is quite refreshing after seeing the same old themes over and over again!

Yeah, now Ext apps can look like a real 64 bit OS.

Next we need the iPhone theme.

Ronhead
14 Oct 2009, 11:07 AM
perfect
a cool theme..and FREE! haaha

momarf
18 Oct 2009, 3:48 AM
I have made some fixes in the theme suggested by VinylFox. Also some images are fixed for transparent background.

VinylFox
19 Oct 2009, 5:02 AM
@momarf - Just tested this out in my app, and its looking great. Thanks again for your hard work on this theme.

kaigan
19 Oct 2009, 5:05 AM
Good job on this momarf!

joeri
19 Oct 2009, 5:18 AM
Yeah, really nice looking theme.

jheid
24 Oct 2009, 12:40 PM
Here's the first version of a green (instead of brown) variant of the theme.

sharkcap
24 Oct 2009, 1:30 PM
what am i doing wrong?
I can't open all three zip files on this thread.
I tried using two different PCs; one with windows 7 & winzip and the other with vista & winrar.
"cannot open file: does not appear to be a valid archive"

Andrew

sharkcap
24 Oct 2009, 1:36 PM
solution was to use a real browser to download the files.
apparently i.e.8 is not stable enough to download zip files without making them unreadable.

i re-downloaded them with firefox and they now unzip fine.

hariweb
19 Nov 2009, 6:24 AM
Hi Momarf,

Fantastic theme. But, while using Ext.Messagebox as a confirmation dialog, the Question Icon gets cropped in the left side. The 'text' portion seems to overlap over the Question Icon. Even if no text is given, the overlap is visible. See attachment.

This happens in IE 7. Seems to be ok in FF 3.5.

Could you please help?

Rgds,
Hari

qulys
19 Nov 2009, 6:43 AM
This theme is superb :)
Thanks for sharing...

Mad_Clog
20 Nov 2009, 2:06 PM
the Question Icon gets cropped in the left side
Here's a fix:

xtheme-human.css line 1715
width:57px !important;

Loving the theme btw, keep it up!
One thing i noticed, the shadow corners are not as rounded as the box itself.

syscobra
21 Nov 2009, 5:29 PM
Hello all

I just updated my tool to change themes color and included this very good theme

Now everyone can have this theme with the colors you adjust and prefer.

Just Go to the thread.
http://www.extjs.com/forum/showthread.php?t=66446

I asked Momarf permission to use it and i haven't receive any reply yet, as it was working good i just updated it and i hope he has no problems with me using it for the community.

Thanks momarf for this very good theme.

khebs@live.com
21 Nov 2009, 6:22 PM
Hi just wondering if someone can make this theme for ExtJS?

http://cappuccino.org/aristo/showcase/

grey theme seems to be more professional looking..

phuang3
23 Nov 2009, 4:26 PM
The Ubuntu stylish UI is very nice, but window component still has blue background while moving by a mouse. Can you chage this?

killfill
30 Nov 2009, 11:14 AM
I have a problem with this theme and the BufferView of a grid.
its specific to the theme (and the green one), the default ext theme works good.

Does anyone knows how to fix this?
I would love to use this theme, but unfortunatly it doesnt work 100% with the bufferview.

Thanks in advance!!

Thread reference (http://www.extjs.com/forum/showthread.php?t=86612)

momarf
5 Dec 2009, 12:46 PM
The Ubuntu stylish UI is very nice, but window component still has blue background while moving by a mouse. Can you chage this?

Please try downloading the updated version from second page of this thread (http://www.extjs.com/forum/showthread.php?t=81805&page=2)

extjsnewb
6 Dec 2009, 6:33 PM
Will this work with extjs 2.0?

syscobra
6 Dec 2009, 6:54 PM
Will this work with extjs 2.0?

No, I don't Think So, Buttons and other css are not the same so it will not work on 2.x

(Unless the creator says something i dont think so) :>

reci
14 Dec 2009, 10:49 PM
that's nice

thanks

xxhsjp
16 Dec 2009, 12:42 AM
thanks

peteryjk
22 Dec 2009, 6:45 PM
i have bufferview problem as well with this theme, it won't show all the records, last few records will blank.

cq.yangyu@gmail.com
22 Dec 2009, 9:51 PM
thks man !

tercero12
29 Jan 2010, 11:17 AM
I think I found an issue I think. See the attached image. This is a listview with a sorted column. I see others have applied this theme to a gridview. Do those column headers look funny when sorted?

I'm on FF 3.6, but I've also noticed the same behavior in IE 8.

Thanks for the awesome theme!

wm003
26 Feb 2010, 3:42 AM
Thanks for sharing, looks awesome :)

dennisCowhey
26 Feb 2010, 4:29 PM
great work.

ldonofrio
25 Jun 2010, 2:36 PM
relating to the bufferview problem i can say that setting borderheight to 1 solves it

Bleak
25 Sep 2010, 3:00 PM
Beautiful theme, thanks for sharing!

walldorff
27 Sep 2010, 3:56 PM
Marvelous, thank you very much for sharing!

godghdai
18 Nov 2010, 8:02 AM
thanks I like it