refactor: use Pango for font scaling instead of CSS classes
- Replace CSS-based zoom (px1-px99 classes) with Pango.FontDescription - Fix bug in multi-insert: insert at start_itr instead of end_itr - Add Pango-based font setup for mini-view widget - Revamp stylesheet with Light Blue-Grey Glass theme
This commit is contained in:
@@ -1,21 +1,47 @@
|
||||
/* ---- Overrides ---- */
|
||||
/* ==============================
|
||||
Light Blue-Grey Glass Theme
|
||||
============================== */
|
||||
|
||||
/* -------- Color Variables -------- */
|
||||
@define-color bg_glass rgba(30, 36, 46, 0.65);
|
||||
@define-color bg_soft rgba(45, 52, 64, 0.55);
|
||||
@define-color accent_blue #6fa8dc;
|
||||
@define-color accent_blue_transparent rgba(111, 168, 220, 0.64);
|
||||
@define-color accent_orange #ffa500;
|
||||
@define-color accent_red #c84646;
|
||||
@define-color accent_green #88cc27;
|
||||
@define-color text_primary #e6edf3;
|
||||
@define-color text_dim rgba(230, 237, 243, 0.7);
|
||||
@define-color border_soft rgba(255, 255, 255, 0.08);
|
||||
|
||||
|
||||
/* -------- Text Selection -------- */
|
||||
text selection {
|
||||
background-color: #44475a;
|
||||
color: #FFA500;
|
||||
background-color: @accent_blue_transparent;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
/* ---- Make most desired things base transparent ---- */
|
||||
|
||||
/* -------- Transparent Base Areas -------- */
|
||||
popover,
|
||||
popover > box,
|
||||
notebook,
|
||||
header,
|
||||
stack {
|
||||
background: rgba(0, 0, 0, 0.0);
|
||||
color: rgba(255, 255, 255, 1);
|
||||
stack,
|
||||
.main-window,
|
||||
.base-container,
|
||||
.body-container,
|
||||
.center-container,
|
||||
.header-container,
|
||||
.footer-container,
|
||||
.left-container,
|
||||
.right-container {
|
||||
background: transparent;
|
||||
color: @text_primary;
|
||||
}
|
||||
|
||||
|
||||
/* The scrolled window itself */
|
||||
/* -------- Scrollable Areas -------- */
|
||||
scrolledwindow,
|
||||
scrolledwindow viewport,
|
||||
textview,
|
||||
@@ -23,249 +49,120 @@ textview text {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
scrollbar {
|
||||
background-color: #2a2a2a;
|
||||
|
||||
/* -------- Borders -------- */
|
||||
border {
|
||||
background: @bg_glass;
|
||||
}
|
||||
|
||||
|
||||
/* -------- Scrollbar Styling -------- */
|
||||
scrollbar {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
/* The track */
|
||||
scrollbar trough {
|
||||
background-color: transparent;
|
||||
/*background-color: #2a2a2a;*/
|
||||
border-radius: 6px;
|
||||
border-radius: 8px;
|
||||
}
|
||||
|
||||
/* The draggable handle */
|
||||
scrollbar slider {
|
||||
background-color: #555;
|
||||
border-radius: 6px;
|
||||
background-color: rgba(255, 255, 255, 0.18);
|
||||
border-radius: 8px;
|
||||
min-width: 10px;
|
||||
min-height: 10px;
|
||||
transition: 120ms ease-in-out;
|
||||
}
|
||||
|
||||
scrollbar slider:hover {
|
||||
background-color: #777;
|
||||
background-color: rgba(255, 255, 255, 0.30);
|
||||
}
|
||||
|
||||
scrollbar slider:active {
|
||||
background-color: #999;
|
||||
background-color: @accent_blue;
|
||||
}
|
||||
|
||||
|
||||
border {
|
||||
background: rgba(39, 43, 52, 0.84);
|
||||
}
|
||||
|
||||
tab {
|
||||
color: rgba(255, 255, 255, 1);
|
||||
}
|
||||
|
||||
tab:checked {
|
||||
border-bottom-color: rgba(125, 125, 125, 1);
|
||||
}
|
||||
|
||||
|
||||
.main-window,
|
||||
.base-container,
|
||||
.body-container,
|
||||
.center-container,
|
||||
.header-container,
|
||||
.footer-container,
|
||||
.left-containerm,
|
||||
.right-container {
|
||||
background: rgba(0, 0, 0, 0.0);
|
||||
color: rgba(255, 255, 255, 1);
|
||||
}
|
||||
|
||||
|
||||
/* the mini view container of text */
|
||||
/* -------- Mini View -------- */
|
||||
.mini-view > text {
|
||||
background: rgba(39, 43, 52, 0.64);
|
||||
background: @bg_soft;
|
||||
}
|
||||
|
||||
/* draggable overlay of the miniview */
|
||||
.mini-view > * {
|
||||
background-color: rgba(124, 124, 124, 0.34);
|
||||
color: rgba(255, 255, 255, 1);
|
||||
background-color: rgba(255, 255, 255, 0.08);
|
||||
color: @text_primary;
|
||||
font-size: 1px;
|
||||
}
|
||||
|
||||
|
||||
/* -------- Layout Adjustments -------- */
|
||||
.base-container {
|
||||
margin: 10px;
|
||||
}
|
||||
|
||||
|
||||
/* -------- Focus State -------- */
|
||||
.source-view-focused {
|
||||
border-style: solid;
|
||||
border-color: white;
|
||||
border-width: 0.05em;
|
||||
border: 1px solid @accent_blue;
|
||||
}
|
||||
|
||||
.tab-widget {
|
||||
padding-left: 0.2em;
|
||||
padding-right: 0.2em;
|
||||
margin-right: 0.8em;
|
||||
|
||||
border-top-style: solid;
|
||||
border-top-color: rgba(255, 255, 255, 0.64);
|
||||
border-top-width: 2px;
|
||||
|
||||
border-left-style: solid;
|
||||
border-left-color: rgba(255, 255, 255, 0.64);
|
||||
border-left-width: 2px;
|
||||
|
||||
border-right-style: solid;
|
||||
border-right-color: rgba(255, 255, 255, 0.64);
|
||||
border-right-width: 2px;
|
||||
}
|
||||
|
||||
/* -------- Tabs -------- */
|
||||
.tab-label {
|
||||
margin-left: 2em;
|
||||
margin-right: 2em;
|
||||
}
|
||||
|
||||
.tab-close-bttn {
|
||||
background: rgba(116, 0, 0, 0.64);
|
||||
border-color: rgba(0, 0, 0, 0.64);
|
||||
color: rgba(255, 255, 255, 0.64);
|
||||
border-style: solid;
|
||||
border-width: 1px;
|
||||
background: rgba(200, 70, 70, 0.35);
|
||||
border: 1px solid rgba(0, 0, 0, 0.4);
|
||||
color: #ffffff;
|
||||
transition: 120ms ease-in-out;
|
||||
}
|
||||
|
||||
.tab-close-bttn:hover {
|
||||
background: rgba(256, 0, 0, 0.64);
|
||||
background: @accent_red;
|
||||
}
|
||||
|
||||
|
||||
/* -------- File States -------- */
|
||||
.file-changed {
|
||||
color: rgba(255, 168, 0, 0.64);
|
||||
color: @accent_orange;
|
||||
}
|
||||
|
||||
.file-deleted {
|
||||
color: rgba(255, 0, 0, 0.64);
|
||||
color: @accent_red;
|
||||
}
|
||||
|
||||
.error-txt { color: rgb(170, 18, 18); }
|
||||
.warning-txt { color: rgb(255, 168, 0); }
|
||||
.success-txt { color: rgb(136, 204, 39); }
|
||||
|
||||
/* -------- Search States -------- */
|
||||
.searching,
|
||||
.search-success,
|
||||
.search-fail {
|
||||
border: 1px solid;
|
||||
}
|
||||
|
||||
.searching {
|
||||
border-color: @accent_blue;
|
||||
}
|
||||
|
||||
.search-success {
|
||||
background: rgba(136, 204, 39, 0.15);
|
||||
border-color: @accent_green;
|
||||
}
|
||||
|
||||
.search-fail {
|
||||
background: rgba(200, 70, 70, 0.15);
|
||||
border-color: @accent_red;
|
||||
}
|
||||
|
||||
|
||||
/* -------- Message Colors -------- */
|
||||
.error-txt { color: @accent_red; }
|
||||
.warning-txt { color: @accent_orange; }
|
||||
.success-txt { color: @accent_green; }
|
||||
|
||||
|
||||
/*
|
||||
Need these because updating buffer with get_tag_table and tags updates minimap to the same size due to its mapping structure...
|
||||
I've tried initial looks at:
|
||||
https://github.com/johnfactotum/gedit-restore-minimap
|
||||
which is re-adding minimap to gedit and they just used the below code snippit which still didn't work for me.
|
||||
|
||||
desc = Pango.FontDescription(default_font)
|
||||
desc.set_size(Pango.SCALE) # set size to 1pt
|
||||
desc.set_family('BuilderBlocks,' + desc.get_family())
|
||||
self.source_map.set_property('font-desc', desc)
|
||||
|
||||
So now we do this monstrocity until I can figure out what is needed to make something better work.
|
||||
|
||||
*/
|
||||
.px1 { font-size: 1px; }
|
||||
.px2 { font-size: 2px; }
|
||||
.px3 { font-size: 3px; }
|
||||
.px4 { font-size: 4px; }
|
||||
.px5 { font-size: 5px; }
|
||||
.px6 { font-size: 6px; }
|
||||
.px7 { font-size: 7px; }
|
||||
.px8 { font-size: 8px; }
|
||||
.px9 { font-size: 9px; }
|
||||
.px10 { font-size: 10px; }
|
||||
.px11 { font-size: 11px; }
|
||||
.px12 { font-size: 12px; }
|
||||
.px13 { font-size: 13px; }
|
||||
.px14 { font-size: 14px; }
|
||||
.px15 { font-size: 15px; }
|
||||
.px16 { font-size: 16px; }
|
||||
.px17 { font-size: 17px; }
|
||||
.px18 { font-size: 18px; }
|
||||
.px19 { font-size: 19px; }
|
||||
.px20 { font-size: 20px; }
|
||||
.px21 { font-size: 21px; }
|
||||
.px22 { font-size: 22px; }
|
||||
.px23 { font-size: 23px; }
|
||||
.px24 { font-size: 24px; }
|
||||
.px25 { font-size: 25px; }
|
||||
.px26 { font-size: 26px; }
|
||||
.px27 { font-size: 27px; }
|
||||
.px28 { font-size: 28px; }
|
||||
.px29 { font-size: 29px; }
|
||||
.px30 { font-size: 30px; }
|
||||
.px31 { font-size: 31px; }
|
||||
.px32 { font-size: 32px; }
|
||||
.px33 { font-size: 33px; }
|
||||
.px34 { font-size: 34px; }
|
||||
.px35 { font-size: 35px; }
|
||||
.px36 { font-size: 36px; }
|
||||
.px37 { font-size: 37px; }
|
||||
.px38 { font-size: 38px; }
|
||||
.px39 { font-size: 39px; }
|
||||
.px40 { font-size: 40px; }
|
||||
.px41 { font-size: 41px; }
|
||||
.px42 { font-size: 42px; }
|
||||
.px43 { font-size: 43px; }
|
||||
.px44 { font-size: 44px; }
|
||||
.px45 { font-size: 45px; }
|
||||
.px46 { font-size: 46px; }
|
||||
.px47 { font-size: 47px; }
|
||||
.px48 { font-size: 48px; }
|
||||
.px49 { font-size: 49px; }
|
||||
.px50 { font-size: 50px; }
|
||||
.px51 { font-size: 51px; }
|
||||
.px52 { font-size: 52px; }
|
||||
.px53 { font-size: 53px; }
|
||||
.px54 { font-size: 54px; }
|
||||
.px55 { font-size: 55px; }
|
||||
.px56 { font-size: 56px; }
|
||||
.px57 { font-size: 57px; }
|
||||
.px58 { font-size: 58px; }
|
||||
.px59 { font-size: 59px; }
|
||||
.px60 { font-size: 60px; }
|
||||
.px61 { font-size: 61px; }
|
||||
.px62 { font-size: 62px; }
|
||||
.px63 { font-size: 63px; }
|
||||
.px64 { font-size: 64px; }
|
||||
.px65 { font-size: 65px; }
|
||||
.px66 { font-size: 66px; }
|
||||
.px67 { font-size: 67px; }
|
||||
.px68 { font-size: 68px; }
|
||||
.px69 { font-size: 69px; }
|
||||
.px70 { font-size: 70px; }
|
||||
.px71 { font-size: 71px; }
|
||||
.px72 { font-size: 72px; }
|
||||
.px73 { font-size: 73px; }
|
||||
.px74 { font-size: 74px; }
|
||||
.px75 { font-size: 75px; }
|
||||
.px76 { font-size: 76px; }
|
||||
.px77 { font-size: 77px; }
|
||||
.px78 { font-size: 78px; }
|
||||
.px79 { font-size: 79px; }
|
||||
.px80 { font-size: 80px; }
|
||||
.px81 { font-size: 81px; }
|
||||
.px82 { font-size: 82px; }
|
||||
.px83 { font-size: 83px; }
|
||||
.px84 { font-size: 84px; }
|
||||
.px85 { font-size: 85px; }
|
||||
.px86 { font-size: 86px; }
|
||||
.px87 { font-size: 87px; }
|
||||
.px88 { font-size: 88px; }
|
||||
.px89 { font-size: 89px; }
|
||||
.px90 { font-size: 90px; }
|
||||
.px91 { font-size: 91px; }
|
||||
.px92 { font-size: 92px; }
|
||||
.px93 { font-size: 93px; }
|
||||
.px94 { font-size: 94px; }
|
||||
.px95 { font-size: 95px; }
|
||||
.px96 { font-size: 96px; }
|
||||
.px97 { font-size: 97px; }
|
||||
.px98 { font-size: 98px; }
|
||||
.px99 { font-size: 99px; }
|
||||
|
||||
|
||||
|
||||
.mw_transparency_1 { background: rgba(39, 43, 52, 0.1); }
|
||||
@@ -366,4 +263,4 @@ tab:checked {
|
||||
.mw_transparency_96 { background: rgba(39, 43, 52, 0.96); }
|
||||
.mw_transparency_97 { background: rgba(39, 43, 52, 0.97); }
|
||||
.mw_transparency_98 { background: rgba(39, 43, 52, 0.98); }
|
||||
.mw_transparency_99 { background: rgba(39, 43, 52, 0.99); }
|
||||
.mw_transparency_99 { background: rgba(39, 43, 52, 0.99); }
|
||||
|
||||
Reference in New Issue
Block a user