Permanently modifying the CSS for my self-hosted install ... #4206
Replies: 5 comments
-
Instead of messing with customizing the build I decided to insert CSS for all team members using a Cloudflare app called "Add CSS" ... it's working well. Of course, downside is you'd have to be using Cloudflare and it will break if you move but this is likely easier than maintaining a custom build just for a CSS change. |
Beta Was this translation helpful? Give feedback.
-
I think that you guys can allow system admin to directly inject CSS into the page, which can be named theme. This can be very helpful with white-labelling without being very difficult to implement. Obviously this is a power-feature and could break on update very easily. What are the maintainers' thoughts on this? |
Beta Was this translation helpful? Give feedback.
-
A way of defining classes and applying them with shortcodes may be a temporary work around. |
Beta Was this translation helpful? Give feedback.
-
Doing the same with a chrome extension called - Stylebot. :| |
Beta Was this translation helpful? Give feedback.
-
any updates to this feature? It is very hard to distinguish between links and underscored text without clicking on it. |
Beta Was this translation helpful? Give feedback.
-
My preference
I greatly prefer the standard, prominent blue hyperlinks in my documentation and the use of the ":visited" selector in purple to remind me whether I have visited this link instead of Outline's black link. I also prefer it when links are the same font weight as the text.
My temporary solution
As a result of this preference, I am using a Chrome extension to insert my own CSS while I am visiting the link to my Outline Wiki install BUT I now would like to insert this little bit of CSS directly into Outline so all my team members see this design by default as well! ... (and don't have to use an extension) ... https://chrome.google.com/webstore/detail/user-javascript-and-css/nbhcbdghjpllgmfilhnhkllmkecfmpld?hl=en
Seeking a better solution
When using a docker stack to deploy this does anyone have any ideas for how I could do this and still be able to stay on top of updates? ... it would be annoying to have to manually go in and add my own CSS each time. Perhaps these is a custom .SCSS file I could populate with this code and then it would be inserted on build? One idea I had is to possible insert this in Cloudflare as I think there is an option for CSS insertion but this is till still kind of a hack. Optimally I cold customize the Outline build. Of course, it might also be nice if Outline just added an easy place in settings to insert CSS mods!
`
@import url('https://rsms.me/inter/inter.css');
html, p { font-family: 'Inter', sans-serif; }
p a {
color: rgb(17 73 242);
text-decoration: underline 1px rgb(17 73 242);
text-underline-offset: 0.15em;
font-weight: 400;
}
#root > div > div > div > div.gfQdxL p a:link {
color: #0000EE !important;
font-weight: 400 !important;
text-decoration: underline 1px #0000EE;
}
#root > div > div > div > div.gfQdxL p a:visited {
color: #551A8B !important;
}
`
Beta Was this translation helpful? Give feedback.
All reactions