This will change your robux icon to tix!
Robux To Tix by blue
Details
Authorblue
LicenseNo License
CategoryApplies to roblox only.
Created
Updated
Size4.2 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
- Note that this user style will not likely to receive any further updates.
Source code
/* ==UserStyle==
@name 6/20/2022, 4:19:36 PM
@namespace github.com/openstyles/stylus
@version 1.0.0
@description A new userstyle
@author Me
==/UserStyle== */
@-moz-document domain("example.com") {
/* ==Robux To Tix==
@name Robux To Tix
@namespace USO Archive
@author BlueDevYT_StarCode
@description `This is my personal theme but feel free to change the code`
@version 20220617.0.3
@license CC-BY-4.0
@preprocessor uso
==/UserStyle== */
/* i really want this to be global */
.btn-growth-lg,
.dark-theme .btn-growth-lg {
background-color: #A61;
border-color: transparent !important;
}
.SalesText,
.text-robux,
.text-robux-lg,
span.robux {
color: #A61;
}
.btn-primary-md,
#item-container .btn-primary-lg,
.PurchaseButton:hover {
background-color: #A90 !important;
border-color: transparent !important;
}
.icon-default-economy-28x28,
.icon-robux-28x28,
.icon-robux-gold-28x28,
.icon-robux,
span.icon-robux,
.icon-nav-robux,
.button:hover .icon-nav-robux,
a:hover .icon-nav-robux,
.item-cards-stackable.item-card-price.icon-robux,
.icon-robux-gray,
.robux-grid.cell-content.robux-title span[class^="icon"],
.icon-robux-16x16,
.icon-robux-gray-16x16,
span.robux,
div.robux,
.gotham-font.icon-robux-16x16,
.icon-robux-white {
background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2050%2050%22%3E%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M28.683%203.812L2.86%2028.526l5.476%205.348h3.795l3.595%203.44v3.559l5.554%205.315%2025.858-24.75-5.614-5.373h-3.753l-3.575-3.422V9.09zm-2.254%2012.825c1.154%201.246.03%202.416.03%202.416l-2.502%202.395%206.138%205.875s1.046%201.417-.011%202.524c-1.035%201.085-2.693%200-2.693%200l-6.077-5.816-2.237%202.045s-1.603%201.428-2.916.128c-1.274-1.26-.086-2.383-.086-2.383l7.623-7.297s1.492-1.098%202.73.113z%22%2F%3E%3C%2Fsvg%3E) !important;
background-position: 0 !important;
}
#nav-robux {
background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2050%2050%22%3E%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M28.683%203.812L2.86%2028.526l5.476%205.348h3.795l3.595%203.44v3.559l5.554%205.315%2025.858-24.75-5.614-5.373h-3.753l-3.575-3.422V9.09zm-2.254%2012.825c1.154%201.246.03%202.416.03%202.416l-2.502%202.395%206.138%205.875s1.046%201.417-.011%202.524c-1.035%201.085-2.693%200-2.693%200l-6.077-5.816-2.237%202.045s-1.603%201.428-2.916.128c-1.274-1.26-.086-2.383-.086-2.383l7.623-7.297s1.492-1.098%202.73.113z%22%2F%3E%3C%2Fsvg%3E) !important;
background-position: 0 !important;
}
#nav-robux:hover {
opacity: 0.75;
}
.light-theme .icon-default-economy-28x28,
.light-theme .icon-robux-28x28,
.light-theme .icon-robux-gold-28x28,
.light-theme .icon-robux-white:hover {
background-size: 15px;
}
.btn-navigation-nav-robux-md span[class^=icon-],
.btn-navigation-nav-robux-md span[class^=icon-]:hover,
a.btn-navigation-nav-robux-md span[class^=icon-],
a.btn-navigation-nav-robux-md span[class^=icon-]:hover,
button.btn-navigation-nav-robux-md span[class^=icon-],
button.btn-navigation-nav-robux-md span[class^=icon-]:hover {
background-size: 30px auto;
width: 28px;
height: 28px;
}
.light-theme .icon-robux-16x16,
.robux-downsell .icon-robux-gray {
background-image: url(https://lh3.googleusercontent.com/NN1KsdwQN0ublK3AYrzKHHoz27eeFAH_tSYy9r4OpCp7Zc2LiqRWgQTGHzHdyqC3l79P=s30)!important;
background-position: 0;
background-size: contain;
}
.light-theme .icon-robux-16x16,
.robux-downsell .icon-robux-gray {
background-image: url(https://lh3.googleusercontent.com/NN1KsdwQN0ublK3AYrzKHHoz27eeFAH_tSYy9r4OpCp7Zc2LiqRWgQTGHzHdyqC3l79P=s30) !important;
background-position: 0;
background-size: contain;
}
.light-theme .text-robux-lg {
color: #cc9e71;
}
.light-theme .text-robux-tile {
color: #cc9e71;
}
.light-theme .text-robux-tile {
color: #cc9e71;
}
.light-theme .text-robux-tile {
color: rgba(0, 0, 0, .6);
}
.text-robux,
.text-robux-tile {
color: #cc9e71;
font-weight: 500;
}
}