Remove unnecessary classname "button-theme-icon"

src/components/sidebar-menu.tsx

@@ -148,7 +148,7 @@ const SidebarMenu: React.FC = (): JSX.Element | null => {
 
   const renderAccount = (account: AccountEntity) => (
     <Link to={'/'} className='inline-flex'>
-      <button className='button-theme-muted !block space-x-2 !border-none !p-0 !py-2 !text-primary-600 hover:!underline  focus:!ring-transparent focus:!ring-offset-0 dark:!text-accent-blue rtl:space-x-reverse' onClick={handleSwitchAccount(account)} key={account.id}>
+      <button className='!block space-x-2 !border-none !p-0 !py-2 !text-primary-600 hover:!underline  focus:!ring-transparent focus:!ring-offset-0 dark:!text-accent-blue rtl:space-x-reverse' onClick={handleSwitchAccount(account)} key={account.id}>
         <div className='pointer-events-none max-w-[288px]'>
           <Account account={account} showProfileHoverCard={false} withRelationship={false} withLinkToProfile={false} />
         </div>

src/features/about/index.tsx

@@ -45,7 +45,7 @@ const AboutPage: React.FC = () => {
       <ul className='inline list-none p-0'>
         <li className="inline after:content-['_·_']">
           <Link to={'/'} className='inline-flex'>
-            <button className='button-theme-muted space-x-2 !border-none !p-0 !text-primary-600 hover:!underline focus:!ring-transparent focus:!ring-offset-0 dark:!text-accent-blue rtl:space-x-reverse' onClick={() => setLocale(defaultLocale)}>
+            <button className='space-x-2 !border-none !p-0 !text-primary-600 hover:!underline focus:!ring-transparent focus:!ring-offset-0 dark:!text-accent-blue rtl:space-x-reverse' onClick={() => setLocale(defaultLocale)}>
               {/* @ts-ignore */}
               {languages[defaultLocale] || defaultLocale}
             </button>
@@ -55,7 +55,7 @@ const AboutPage: React.FC = () => {
           pageLocales?.map(locale => (
             <li className="inline after:content-['_·_'] last:after:content-none" key={locale}>
               <Link to={'/'} className='inline-flex'>
-                <button className='button-theme-muted space-x-2 !border-none !p-0 !text-primary-600 hover:!underline focus:!ring-transparent focus:!ring-offset-0 dark:!text-accent-blue rtl:space-x-reverse' onClick={() => setLocale(locale)}>
+                <button className='space-x-2 !border-none !p-0 !text-primary-600 hover:!underline focus:!ring-transparent focus:!ring-offset-0 dark:!text-accent-blue rtl:space-x-reverse' onClick={() => setLocale(locale)}>
                   {/* @ts-ignore */}
                   {languages[locale] || locale}
                 </button>

src/features/backups/index.tsx

@@ -88,7 +88,7 @@ const Backups = () => {
       {intl.formatMessage(messages.emptyMessage, {
         action: (
           <Link to={'/'} className='inline-flex'>
-            <button className='button-theme-muted space-x-2 !border-none !p-0 !text-primary-600 hover:!underline focus:!ring-transparent focus:!ring-offset-0 dark:!text-accent-blue rtl:space-x-reverse' onClick={handleCreateBackup}>
+            <button className='space-x-2 !border-none !p-0 !text-primary-600 hover:!underline focus:!ring-transparent focus:!ring-offset-0 dark:!text-accent-blue rtl:space-x-reverse' onClick={handleCreateBackup}>
               <Text tag='span' theme='primary' size='sm' className='hover:underline'>
                 {intl.formatMessage(messages.emptyMessageAction)}
               </Text>

src/features/compose/components/reply-mentions.tsx

@@ -49,7 +49,7 @@ const ReplyMentions: React.FC<IReplyMentions> = ({ composeId }) => {
   if (to.size === 0) {
     return (
       <Link to={'/'} className='inline-flex'>
-        <button className='button-theme-muted mb-1 cursor-pointer space-x-2 !border-none !bg-transparent !p-0 text-sm !text-gray-700 dark:!text-gray-600 rtl:space-x-reverse' onClick={handleClick}>
+        <button className='mb-1 cursor-pointer space-x-2 !border-none !bg-transparent !p-0 text-sm !text-gray-700 dark:!text-gray-600 rtl:space-x-reverse' onClick={handleClick}>
           <FormattedMessage
             id='reply_mentions.reply_empty'
             defaultMessage='Replying to post'
@@ -76,7 +76,7 @@ const ReplyMentions: React.FC<IReplyMentions> = ({ composeId }) => {
 
   return (
     <Link to={'/'} className='inline-flex'>
-      <button className='button-theme-muted mb-1 cursor-pointer space-x-2 !border-none !p-0 text-sm !text-gray-700 focus:!ring-transparent focus:ring-offset-0  dark:!text-gray-600 rtl:space-x-reverse' onClick={handleClick}>
+      <button className='mb-1 cursor-pointer space-x-2 !border-none !p-0 text-sm !text-gray-700 focus:!ring-transparent focus:ring-offset-0  dark:!text-gray-600 rtl:space-x-reverse' onClick={handleClick}>
         <FormattedMessage
           id='reply_mentions.reply'
           defaultMessage='Replying to {accounts}'

src/features/crypto-donate/components/crypto-address.tsx

@@ -47,7 +47,7 @@ const CryptoAddress: React.FC<ICryptoAddress> = (props): JSX.Element => {
 
         <HStack alignItems='center' className='ml-auto'>
           <Link to={'/'} className='inline-flex'>
-            <button className='button-theme-muted !ml-1 space-x-2 !border-none !p-0 !text-gray-500 focus:!ring-transparent focus:ring-offset-0 rtl:ml-0 rtl:mr-1 rtl:space-x-reverse' onClick={handleModalClick}>
+            <button className='!ml-1 space-x-2 !border-none !p-0 !text-gray-500 focus:!ring-transparent focus:ring-offset-0 rtl:ml-0 rtl:mr-1 rtl:space-x-reverse' onClick={handleModalClick}>
               <SvgIcon src={qrcodeIcon} size={20} />
             </button>
           </Link>

src/features/event/components/event-header.tsx

@@ -472,7 +472,7 @@ const EventHeader: React.FC<IEventHeader> = ({ status }) => {
           <HStack alignItems='center' space={2}>
             <SvgIcon src={usersIcon} />
             <Link to={'/'} className='inline-flex'>
-              <button className='button-theme-muted space-x-2 !border-none !p-0 !text-primary-600 hover:!underline focus:!ring-transparent focus:!ring-offset-0 dark:!text-accent-blue rtl:space-x-reverse' onClick={handleParticipantsClick}>
+              <button className='space-x-2 !border-none !p-0 !text-primary-600 hover:!underline focus:!ring-transparent focus:!ring-offset-0 dark:!text-accent-blue rtl:space-x-reverse' onClick={handleParticipantsClick}>
                 <span>
                   <FormattedMessage
                     id='event.participants'

src/features/event/event-information.tsx

@@ -100,7 +100,7 @@ const EventInformation: React.FC<IEventInformation> = ({ params }) => {
         <Fragment key='event-map'>
           <br />
           <Link to={'/'} className='inline-flex'>
-            <button className='button-theme-muted space-x-2 !border-none !p-0 !text-primary-600 hover:!underline focus:!ring-transparent focus:ring-offset-0 dark:!text-accent-blue rtl:space-x-reverse' onClick={handleShowMap}>
+            <button className='space-x-2 !border-none !p-0 !text-primary-600 hover:!underline focus:!ring-transparent focus:ring-offset-0 dark:!text-accent-blue rtl:space-x-reverse' onClick={handleShowMap}>
               <FormattedMessage id='event.show_on_map' defaultMessage='Show on map' />
             </button>
           </Link>

src/features/federation-restrictions/components/restricted-instance.tsx

@@ -29,7 +29,7 @@ const RestrictedInstance: React.FC<IRestrictedInstance> = ({ host }) => {
   return (
     <div>
       <Link to={'/'} className='inline-flex'>
-        <button className='button-theme-muted flex items-center gap-1 space-x-2 !border-none  !px-0 !py-2.5 !text-primary-600 no-underline focus:!ring-transparent focus:!ring-offset-0 dark:!text-accent-blue rtl:space-x-reverse' onClick={toggleExpanded}>
+        <button className='flex items-center gap-1 space-x-2 !border-none  !px-0 !py-2.5 !text-primary-600 no-underline focus:!ring-transparent focus:!ring-offset-0 dark:!text-accent-blue rtl:space-x-reverse' onClick={toggleExpanded}>
           <SvgIcon src={expanded ? caretDownIcon : caretRightIcon} />
           <div className={clsx({ 'line-through': remoteInstance.federation.reject })}>
             {remoteInstance.host}

src/styles/tailwind.css

@@ -3,10 +3,6 @@
 @tailwind utilities;
 
 @layer utilities {
-  .button-theme-muted {
-    @apply border border-solid bg-transparent border-gray-400 dark:border-gray-800 hover:border-primary-300 dark:hover:border-primary-700 focus:border-primary-500 text-gray-900 dark:text-gray-100 focus:ring-primary-500
-  }
-
   .break-word-nested > p {
     word-break: break-word;
   }