LCARS Look With Prism Theme and Style Settings

I’d love to get in there and do more custom-css but simply using the Prism Theme and Style Settings Plugin I was able to get this LCARS look… I Love IT!

5 Likes

Changed the font setting as well. This looks a bit closer.

{
  "[email protected]@dark-accent-color-preset": "pt-dark-accent-color-purple",
  "[email protected]@accent-style-dt": "pt-accent-style-borderandfilled-dt",
  "[email protected]@background-type-dt": "pt-background-color-dt",
  "[email protected]@background-color-dt": "#DA9844",
  "[email protected]@background-blur-dt": 0,
  "[email protected]@border-radius": 14,
  "[email protected]@window-gap": 4,
  "[email protected]@border-radius-small": 20,
  "[email protected]@left-sidebar-tab-label-alignment": "pt-tab-label-left-sidebar-left",
  "[email protected]@nav-header-left-sidebar-position": "pt-nav-header-left-sidebar-position-top",
  "[email protected]@nav-header-right-sidebar-position": "pt-nav-header-right-sidebar-position-top",
  "[email protected]@pt-file-explorer-vertical-lines": true,
  "[email protected]@file-explorer-vertical-lines-width": 5,
  "[email protected]@pt-custom-vault-banner": true,
  "[email protected]@custom-vault-banner-horizontal-align": "pt-custom-vault-banner-justify-content-center",
  "[email protected]@custom-vault-banner-order": "pt-custom-vault-banner-order-rtl",
  "[email protected]@custom-vault-banner-icon-url": "url(http://clipart-library.com/images_k/star-trek-silhouette/star-trek-silhouette-3.png)",
  "[email protected]@pt-custom-vault-banner-sticky": false,
  "[email protected]@outline-vertical-lines-width": 2,
  "[email protected]@titlebar-style": "pt-windows-titlebar",
  "[email protected]@pt-titlebar-hide-nav-buttons": false,
  "[email protected]@pt-titlebar-hide-text": false,
  "[email protected]@titlebar-preset-dt": "pt-titlebar-custom-dt",
  "[email protected]@titlebar-background-color-dt": "#A15CCE",
  "[email protected]@pt-status-bar-position": "pt-status-bar-position-top",
  "[email protected]@pt-status-bar-align": "pt-status-bar-align-left",
  "[email protected]@pt-status-bar-order": "pt-status-bar-rtl",
  "[email protected]@status-bar-preset-dt": "pt-status-bar-custom-dt",
  "[email protected]@status-bar-background-color-dt": "#D86F87",
  "[email protected]@status-bar-text-color-dt": "pt-status-bar-text-light-dt",
  "[email protected]@pt-solid-status-bar-dt": false,
  "[email protected]@scroll-bar-size": 20,
  "[email protected]@pt-scroll-button": false,
  "[email protected]@pt-scroll-hover": false,
  "[email protected]@scroll-bar-size-hover": 11,
  "[email protected]@pt-disable-blur": false,
  "[email protected]@pt-disable-animations": false,
  "[email protected]@nav-header-left-sidebar-alignment": "pt-nav-header-left-sidebar-align-left",
  "[email protected]@nav-header-right-sidebar-alignment": "pt-nav-header-right-sidebar-align-left",
  "[email protected]@background-image-dt": "url(https://wallup.net/wp-content/uploads/2016/01/212219-Star_Trek-spaceship-schematic-LCARS.jpg)",
  "[email protected]@color-accent-dt": "#99679A",
  "[email protected]@background-color-lt": "#272B2E",
  "[email protected]@background-blur-lt": 7,
  "[email protected]@background-image-lt": "url(https://wallup.net/wp-content/uploads/2016/01/212219-Star_Trek-spaceship-schematic-LCARS.jpg)",
  "[email protected]@background-type-lt": "pt-background-image-lt",
  "[email protected]@background-repeat-lt": "no-repeat",
  "[email protected]@accent-style-lt": "pt-accent-style-text-lt",
  "[email protected]@graph-note-color-presets-dt": "pt-graph-note-orange-dt",
  "[email protected]@color-custom-graph-note-focused-dt": "#AD68A3",
  "[email protected]@graph-note-focused-color-presets-dt": "pt-graph-note-focused-custom-dt",
  "[email protected]@font-family-ui": "Swis721 BlkCn BT",
  "[email protected]@h1-text-color-custom-dt": "#F6C152",
  "[email protected]@font-family-edit": "Haettenschweiler",
  "[email protected]@font-family-preview": "Segoe UI Symbol",
  "[email protected]@font-family-code": "Fira Code, monospace"
}
1 Like

The links look much nicer with the new font. I’ve also changed the colors of the graph nodes to match with LCARS colors

1 Like

@kreendurron thanks for your work! I am totally new to Obsidian, could you help me a bit? I tried to use your settings. I’ve installed “Style Settings 0.4.10” plugin and used Prism theme as main theme. At setting of style plugin I clicked “Import” and pasted all the text. But as far as I can see only some border style setting are applied. For e.g. the ui font did not change. What am I doing wrong?

1 Like

Hmm interesting. Were you sure you copy pasted the curly brackets as well?

Here are the files, try importing by file and let me know if that doesn’t work.

https://drive.google.com/file/d/1YvrcTRDA7-W5j_023lMtyVk7nK0u1S3S/view?usp=sharing

https://drive.google.com/file/d/1wwUJyScptUJq9ck7CCshncZdVTp_UZ4M/view?usp=sharing

the second link has a different color scheme and rounded headers that add to the effect more.

Nope, it does not work as expected.
I have a Windows 7 OS, Obsidian 0.14.6 and Prism 2.0.1 installed. A fresh install of all Obsidian-related stuff.
From all pictures I get only a starfleet badge icon as the vault icon, I suspect.
It is not a sandbox vault, just a regular one created from a standard dialogue.
Looks like this:


After I reset all settings of “Style settings” I get this: