gtk thicker text cursor, greybird tabs color, ff 64 scrollbar css, bigger yt font

Here is where you can post tips and tricks to share with other users of MX. Do not ask for help in this Forum.
Post Reply
Message
Author
ctt
Posts: 9
Joined: Sun Jan 20, 2019 10:27 am

gtk thicker text cursor, greybird tabs color, ff 64 scrollbar css, bigger yt font

#1 Post by ctt »

thicker text cursor doesn't work in qt5 apps.
active tabs color on terminal to blue and bolder white font
~/.config/gtk-3.0/gtk.css

Code: Select all

* {
	-GtkWidget-cursor-aspect-ratio: 0.2;
}

@define-color bg_color_active_tab #157bb7; /*blue*/
notebook tab:checked {
    background-color: @bg_color_active_tab;
    color: #ffffff; /*white*/
    font-weight:bold;
}
increase color contrast on active and unactive tab, spacefm, ff, featherpad
~/.themes/Greybird-mx17/gtk-2.0/gtkrc

Code: Select all

style "notebook" = "notebook-bg"
{
 #edit tab color
	bg[NORMAL] = "#f7f7f7" # current tab 
	bg[ACTIVE] = "#eaeae8" # other tab
 ##
	xthickness = 3 # Width of tabs and notebook borders.
	ythickness = 3 # Height of tabs and notebook borders.

	engine "murrine" {
		contrast		= .6
		gradient_shades		= {1.1,1.05,1.05,1.0}
		#focusstyle		= 2 #dont remeber
		#lightborder_shade	= 1.16 #dont know
	}
}

style "default"
{
	GtkWidget::cursor_aspect_ratio = 0.2  #edit text cursor bigger
	GnomeHRef		::link_color  				= @link_color
...
}
firefox scrollbar size, color change
userContent.css in ff64

Code: Select all

 :root{scrollbar-color: #7C7F85 rgba(211,211,211,.1); scrollbar-width:auto;}

userChrome.css

Code: Select all

/* Remove thumbnail in the Bookmark popup ff64 */
#editBookmarkPanelImage, #editBookmarkPanelFaviconContainer,
#editBookmarkPanel > box:nth-child(1), #editBMPanel_nameRow > label:nth-child(1) {
    display: none !important;
}
/* un/active tabs color contrast */
.tab-background{background-color:#f7f7f7 !important}
.tab-background:not([selected]) {
background-color: #eaeae8 !important; /* this sets the color of the tab background */
}

/* mouse hover change some element background color to yellow, notice some weird behavior in open menu's dropdown*/
.tab-content:hover, .tabs-newtab-button:hover, 
.urlbar-icon:not([disabled]):hover, .subviewbutton:not([disabled]):hover,
#widget-overflow-list toolbarbutton:hover{
  background-color: yellow !important;}

.toolbarbutton-1 {
  --toolbarbutton-hover-background: yellow !important;
  --toolbarbutton-active-background: yellow !important;
}
userContent.css or stylish for youtube on ff_64.0.2
making youtube comment, title, description bigger
about:config layout.css.moz-document.content.enabled=true
stylish script

Code: Select all

@-moz-document domain("www.youtube.com"){
    /* The font size of the name of the commentator */
    a#author-text.yt-simple-endpoint.style-scope.ytd-comment-renderer>span.style-scope.ytd-comment-renderer,
#name > yt-formatted-string {
        font-size: 22px !important;
    }
    /* Size font comment 1st level */
    div#body.style-scope.ytd-comment-renderer>div#main.style-scope.ytd-comment-renderer>#expander.style-scope.ytd-comment-renderer>div#content.style-scope.ytd-expander>#content-text.style-scope.ytd-comment-renderer {
        font-size: 22px !important;
}
/* Size font comment 2nd level */
    div#replies.style-scope.ytd-comment-thread-renderer .style-scope.ytd-comment-thread-renderer #expander.reversed.style-scope.ytd-comment-replies-renderer div#content.style-scope.ytd-expander div#expander-contents.style-scope.ytd-comment-replies-renderer div#loaded-replies.style-scope.ytd-comment-replies-renderer .style-scope.ytd-comment-replies-renderer div#body.style-scope.ytd-comment-renderer div#main.style-scope.ytd-comment-renderer div#content.style-scope.ytd-expander #content-text.style-scope.ytd-comment-renderer {
        font-size: 2rem;
                                            font-size: 20px;
    }
.content.ytd-video-secondary-info-renderer, a#video-title, span#video-title{ font-size: 17px !important;display:flex; height:auto; line-height:1.6em}
}
https://stackoverflow.com/questions/511 ... firefox-61
view-source:https://userstyles.org/styles/157913/yo ... larger.css
extra sample: https://gist.github.com/chloechantelle/ ... b279f818ef


featherpad thicker text cursor, would need to compile from source
Need a couple dev packages to build this app, so I havn't tried it yet.
https://github.com/tsujan/FeatherPad/issues/146
->https://github.com/tsujan/FeatherPad/co ... 15e033b47e
I think editing textedit.h on line 219 on 0.9.2 release, ? 2 : 1 to ? 4 : 2 would help.

Code: Select all

    void setThickCursor (bool thick) {
        setCursorWidth (thick ? 4 : 2); //line 219
    }
then replace the finished file with /usr/bin/featherpad
Last edited by ctt on Tue Jan 22, 2019 4:40 pm, edited 1 time in total.

User avatar
sunrat
Posts: 636
Joined: Mon Mar 28, 2016 9:54 pm

Re: gtk thicker text cursor, greybird tabs color, ff 64 scrollbar css, bigger yt font

#2 Post by sunrat »

You can set scrollbar size in a gtk.css file instead so it works system-wide rather than just for Firefox.
~/.config/gtk-3.0/gtk.css :

Code: Select all

.scrollbar.vertical slider,
scrollbar.vertical slider {
min-width: 15px;
}
For more info see my post at viewtopic.php?p=458735#p458735

Post Reply

Return to “Tips & Tricks by users”