Dark Arch Userstyle

tjwoosta · 2010-07-16 18:01:51

lagagnon wrote:

The dark userstyle now no longer works with https://bbs.archlinux.org since the form went to https. Checked the UserScript and it should capture that website address. Why would this be the case today?

I have no idea why but it doesn't work as a greasemonkey script (user script) with https and I dont know enough about javascript to diagnose the issue. I just do the CSS and userstyles.org does all the greasemonkey conversion stuff.

The CSS (user style) still works fine though either in stylish or manually editing userContent.css (or whatever css file your browser uses).

If your using google chrome I found this which may or may not work. Havn't tried it myself since I dont use chrome.
http://www.google.com/support/forum/p/C … cc6f&hl=en

Last edited by tjwoosta (2010-07-16 18:19:11)

anderfs · 2010-07-20 15:10:58

I'm using midori and this style still works for me. I use it with a slight added-on css:

div#archnavbar {
background-image: none !important;
background-color: #151515 !important;
border: none !important;
border-bottom: 2px #138fcd solid !important;
}

legend, * legend {
color: #ddd !important;
}

div.list, div.box {
  background-color: #262626;
}

div.box {
  border-color: #3e3e3e;
}

Last edited by anderfs (2010-07-22 04:30:05)

tjwoosta · 2010-07-20 18:02:22

anderfs wrote:

I'm using midori and this style still works for me.

AFAIK It should still work for everyone except those using the greasemonkey script method, i.e. chrome users. Still not confirmed if the link I posted works for chrome users or not.

kgas · 2010-07-21 15:46:45

In the second theme Arch logo is hidden.

The screen shot was taken after disabling the first theme in greasemonkey. After removing the theme completely it is ok.

Last edited by kgas (2010-07-23 08:19:18)

tjwoosta · 2010-07-21 17:21:29

It was intentional to block out the logo, as well as many other useless images in the KISS theme It should be pretty obvious that it shouldnt be there from the screenshots in both the OP and on the userstyles.org page.

The idea was to keep things as simple and easily customizable as possible. If I had used a logo that matched my color scheme people who changed the colors around would have to manually decode the image edit it in gimp are reincode back to base64 just to make it match. The way I did it there are no images anywhere that would need to changed, just modify the hex colors and its good to go.

What is that blue text and the light grey background stuff coming from in your image? It shouldnt look like that. Is it something you modified yourself, or are you trying to use both themes together or what?

Its supposed to look like this

(same image as used in the OP)

Last edited by tjwoosta (2010-07-21 17:36:55)

toxygen · 2010-07-21 18:05:50

does the aur page look off (the header bar) with these themes?

tjwoosta · 2010-07-21 18:36:37

What do you mean by off?

If you look at the AUR page without any custom css you see that the AUR page actually uses a different header then the other archlinux pages by default. Its actually still using the same header layout that the old forums theme used. Ive done the styles in a way that it should match fine though.

It should look like this

Theme1

Theme2

Last edited by tjwoosta (2010-07-21 18:37:26)

toxygen · 2010-07-21 19:14:36

oh ok, i thought i was seeing things, mine does look like the shots.

steve___ · 2010-07-21 19:35:49

On a somewhat related note, I use this function (bound to the F2 key) in $HOME/.vimperatorrc to toggle custom colours off/on:

javascript <<EOM
mappings.addUserMap([modes.NORMAL, modes.PLAYER, modes.VISUAL, modes.CARET,
        modes.INSERT, modes.TEXTAREA],
    ["<F2>"],
    "toggle default/custom colours",
    function() {
        udc = options.getPref("browser.display.use_document_colors")
        if ( udc == true ) {
            udc = false
            bg  = '#121212'
            fg  = '#DADADA'
            ac  = '#5F87AF'
            an  = '#5F87AF'
            vi  = '#956D9D'
/*            alert("Switching to custom colours") */
        }
        else {
            udc = true
            bg  = '#FFFFFF'
            fg  = '#000000'
            ac  = '#EE0000'
            an  = '#0000EE'
            vi  = '#551A8B'
/*            alert("Switching to default colours") */
        }
        options.setPref("browser.display.use_document_colors", udc)
        options.setPref("browser.display.background_color", bg)
        options.setPref("browser.display.foreground_color", fg)
        options.setPref("browser.active_color", ac)
        options.setPref("browser.anchor_color", an)
        options.setPref("browser.visited_color", vi)
    });
EOM

This toggles custom colours for all webpages.

Last edited by steve___ (2010-07-22 22:19:41)

anderfs · 2010-07-22 04:22:07

AUR package lists have a white background, not sure if it was left like that intentionally, but here:

div.list, div.box {
  background-color: #262626;
}

div.box {
  border-color: #3e3e3e;
}

Edit: same goes for "redirection boxes" (they are shown after one posts or edits something).

Last edited by anderfs (2010-07-22 04:31:53)

tjwoosta · 2010-07-22 14:48:29

Ahh, you must be talking about Theme 1 I see, thanks for pointing that out

I can fix div.list for the aur files list, but I cant use div.box for the redirection boxes because it has side effects in other places. I need a couple of the elements that come before div.box in the hierarchy so I can chain them and target that specific instance of div.box rather then all div.box elements (know what I mean?). I cant seem to inspect the element with web inspector or firebug like I usually would because it loads and switches pages too quickly.

EDIT: ok I finally got it after editing my post and trying to quickly inspect it before the page loads about 20 times

div.list,
div#punredirect div.block div.box {
background: #3e3e3e !important;
border: none !important;
}

Just updated the style on userstyles.org, Its now at version 1.3

Last edited by tjwoosta (2010-07-22 15:01:58)

tjwoosta · 2010-07-22 15:19:26

Updated again and fixed the Tip, Note, and Warning boxes on the wiki once again.

Now at version 1.4

Last edited by tjwoosta (2010-07-22 15:19:52)

72linus · 2010-07-22 19:43:56

I added this and can't get it to work....

I am running arch testing with namoraka
added/installed the black theme and...it didn't change anything...
what do I do to activate it?
thx

tjwoosta · 2010-07-22 20:39:47

What method did you use?

You can install userstyles a couple of different ways in firefox.

1. You can install the stylish firefox extension and use the "install with stylish" button on the userstyles.org page (this is assuming the stylish extension works in namoraka)

2. You can save the style as userContent.css and move to ~/.mozilla/firefox/(your profile)/chrome/userContent.css Where (your profile) is the directory that ends with .default. If you install other userstyles you can append them to the end of the same file. Remember not to use both of my archlinux styles together though.

Last edited by tjwoosta (2010-07-22 20:43:50)

72linus · 2010-07-22 21:04:15

OK
thanks I got it....
it only works on ARCH site?
Is there a way to make all web pages this way?
thanks again

Jimi · 2010-07-22 22:18:24

Just out of curiosity is there a way to apply a theme to ALL webpages? I would assume it wouldn't be the same method as the rest of this thread, because using css would basically be impossible. Is that what steve___'s script does?

steve___ · 2010-07-22 22:25:42

I updated my post, sorry for being vague.

Yes, it is a javascript function in $HOME/.vimperatorrc. You'd need to install the firefox plugin vimperator. There maybe other ways to call the function, I'm not sure how. Lastly I'm sure there are ways to do something similar in other browsers.

Last edited by steve___ (2010-07-26 01:57:34)

necr0mancer · 2010-07-25 07:31:26

Anyone know how to get this to work on surf? I can't quite seem to figure it out, and steve___'s script does not work for me. :\

steve___ · 2010-07-25 12:22:46

Did you install the firefox plugin vimperator? Maybe it's best if you start another thread or email me directly, as this thread is more intended to talk about custom css for archlinux.org.

tjwoosta · 2010-07-25 13:53:06

necr0mancer wrote:

Anyone know how to get this to work on surf?

Afaik surf currently only suports the use of global css not individual sites at least until someone comes up with a patch. You could try my Archlinux KISS style as a global css (see below), but many sites would look kinda screwed up with stray images that have white backgrounds and out of place borders and stuff. Its practically impossible to make one single style that looks good with every site.

To make the KISS style work as a global style in surf..

1. strip off the leading

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("archlinux.org") {

and the tailing

2. save as

~/.surf/style.css

Last edited by tjwoosta (2010-07-25 13:59:15)

steve___ · 2010-07-25 18:43:33

necr0mancer wrote:

Anyone know how to get this to work on surf?

doh, sorry about that

necr0mancer · 2010-07-26 01:41:36

@tjwoosta: Yeah, I had done that before (I probably should have mentioned that), but as you said, it applies the style to all websites, not just this one, and it makes things look funky. Thank you for your response, though.

tjwoosta · 2010-07-30 15:43:28

Well that sucks, the forum update just broke everything. Ill be updating sometime within the next few days when I get some more spare time.

ngoonee · 2010-07-30 15:48:03

Unless I'm missing something, the new bbs now has dark styles as well (I like Cobalt myself).... not meaning to diss you tjwoosta, I used to use your style

tjwoosta · 2010-07-30 16:07:30

O wow nice, I hadn't noticed that. Im still going to restore the styles I made though.

Arch Linux

#26 2010-07-16 18:01:51

Re: Dark Arch Userstyle

#27 2010-07-20 15:10:58

Re: Dark Arch Userstyle

#28 2010-07-20 18:02:22

Re: Dark Arch Userstyle

#29 2010-07-21 15:46:45

Re: Dark Arch Userstyle

#30 2010-07-21 17:21:29

Re: Dark Arch Userstyle

#31 2010-07-21 18:05:50

Re: Dark Arch Userstyle

#32 2010-07-21 18:36:37

Re: Dark Arch Userstyle

#33 2010-07-21 19:14:36

Re: Dark Arch Userstyle

#34 2010-07-21 19:35:49

Re: Dark Arch Userstyle

#35 2010-07-22 04:22:07

Re: Dark Arch Userstyle

#36 2010-07-22 14:48:29

Re: Dark Arch Userstyle

#37 2010-07-22 15:19:26

Re: Dark Arch Userstyle

#38 2010-07-22 19:43:56

Re: Dark Arch Userstyle

#39 2010-07-22 20:39:47

Re: Dark Arch Userstyle

#40 2010-07-22 21:04:15

Re: Dark Arch Userstyle

#41 2010-07-22 22:18:24

Re: Dark Arch Userstyle

#42 2010-07-22 22:25:42

Re: Dark Arch Userstyle

#43 2010-07-25 07:31:26

Re: Dark Arch Userstyle

#44 2010-07-25 12:22:46

Re: Dark Arch Userstyle

#45 2010-07-25 13:53:06

Re: Dark Arch Userstyle

#46 2010-07-25 18:43:33

Re: Dark Arch Userstyle

#47 2010-07-26 01:41:36

Re: Dark Arch Userstyle

#48 2010-07-30 15:43:28

Re: Dark Arch Userstyle

#49 2010-07-30 15:48:03

Re: Dark Arch Userstyle

#50 2010-07-30 16:07:30

Re: Dark Arch Userstyle

Board footer