Add Icons to items with PrUnIcon

1

PrUnIcon v0.5 released. Screenshots: PrUnIcon v0.5 - Album on Imgur Download: PrUnIcon v0.5 - Pastebin.com

3 Likes
2

I love how the icon for PSL is basically toilet roll…

3

Really nice stuff o:
I noticed that the icons end up bigger on the planet view however (in the pics below).

I made a modification since I prefer the old coloring scheme (inventory screenshots from others with the original color scheme might otherwise be confusing for me), linked below in case anyone wants to use it.
This one implements the icons only. Also edited the sizing so that the icon below the letters and the font-size is left undefined so that the size of the icon matches the size of the text lettering; that way the icon won’t be bigger than the box in most situations.

I also changed Kombucha to be tea instead of the honey picture since kombucha is closer to tea for me :V

Link for Icon-only ver (no color scheme change): https://pastebin.com/KS5uhYAc
Pics: https://imgur.com/a/oQQqvCO

4

Nice!

I added more ship building icons, size differences (PSL, PSM, PSS etc) and some color/layout changes. Still with big icons though and broken planet view:

[Album] PrunIcon v0.6
5

I like the first graphic most. The images somewhat lowers the quality of the serious aesthetic this game exudes, in my opinion. Having such cartoony-like icons does give it a lot more character but also a different vibe, as well. It kind of reminds me of the style of Little Alchemy but far more refined. I wouldn’t be against having these though so long as it still matched the vibe of PrUn. The first example fits best.

6

New version v0.7 PrUnIcon v0.7 - Pastebin.com

Ore Colors:

  • other improvements
  • fixes (no more giant icons in planet view, no more building icons)
7

New version v0.85 PrUnIcon - Pastebin.com

Chemical colors:

Compact Inventory Header

2 Likes
8

updated for new version: PrUnIcon - Pastebin.com

9

image
image401×145 25.2 KB

update for bundles:

paste at the end:

div[title*="scientist consumable"i] div:before {
  content: "👩‍🔬";
  font-size: 25px !important;
  margin-top: 0px;
  color: rgba(1,1,1,1);
  opacity: .6;
}
div[title*="engineer consumable"i] div:before {
  content: "👨‍🚀";
  font-size: 25px !important;
  margin-top: 0px;
  color: rgba(1,1,1,1);
  opacity: .6;
}
div[title*="technician consumable"i] div:before {
  content: "👩‍🚒";
  font-size: 25px !important;
  margin-top: 0px;
  color: rgba(1,1,1,1);
  opacity: .6;
}
div[title*="settler consumable"i] div:before {
  content: "👷‍♀️";
  font-size: 25px !important;
  margin-top: 0px;
  color: rgba(1,1,1,1);
  opacity: .6;
}
div[title*="pioneer consumable"i] div:before {
  content: "👩‍🏭";
  font-size: 25px !important;
  margin-top: 0px;
  color: rgba(1,1,1,1);
  opacity: .6;
}

div[title*="bundle"i]:before {
  content: "📦";
  font-size: 30px;
  opacity: 0.5;
}

div[title*="scientist consumable"i] { background: linear-gradient(135deg, rgb(155 92 169), rgb(105 30 145)) }
div[title*="engineer consumable"i] { background: linear-gradient(135deg, rgb(52 93 159), rgb(105 30 145)) }
div[title*="technician consumable"i] { background: linear-gradient(135deg, rgb(116 124 27), rgb(105 30 145)) 
}
div[title*="settler consumable"i] { background: linear-gradient(135deg, rgb(42 122 54), rgb(105 30 145)) }
div[title*="pioneer consumable"i] { background: linear-gradient(135deg, rgb(74 97 104), rgb(67 73 87)) }
div[title*="pioneer consumable"i] { background: linear-gradient(135deg, rgb(64 97 104), rgb(105 30 145)) }
1 Like